@charset "utf-8";
@import url(common.css);

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body{}
#wrapper{}

/********************************************************************************************************************************************************************
　○ヘッダー設定
********************************************************************************************************************************************************************/
header{ padding: 0 0 10px; }
#header_inner{ width: 1000px; margin: 0 auto; }

	#header_l{ float: left; }
		h1{ margin-bottom: 5px; font-size: 10px; }
		#logo{ width: 300px; }

	#header_r{ float: right; }
		#header_mcsa{ display: inline-block; width: 200px; }
		#header_NNR{ display: inline-block; width: 100px; text-align: center; }
		#header_tel{ display: inline-block; }


/********************************************************************************************************************************************************************
　○ナビ設定
********************************************************************************************************************************************************************/
#btn_menu{ display: none; }

nav#navi_top{ min-width: 1000px; background: #fa646d; }
nav#navi_top ul{ width: 1000px; margin: 0 auto; }
nav#navi_top ul li{ width: 16.6%; float: left; }
nav#navi_top ul li a{ display: block; padding: 10px 0; text-align: center; text-decoration: none; font-size: 18px; color: #fff;
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}
nav#navi_top ul li a:hover, nav#navi_top ul li a.active{ background: #ff959b; color: #fff; }


/********************************************************************************************************************************************************************
　○タイトル設定
********************************************************************************************************************************************************************/
/*h2.title{ margin-bottom: 20px; padding: 3px 20px; font-size: 18px; background: #333; color: #fff; font-weight: bold; }*/
h3{ margin: 30px 0 20px; padding: 3px 20px; font-size: 18px; background: #fa646d; border-left: 10px solid #ff959b; color: #fff; font-weight: bold; }
/*h3:before{ content: "●"; }*/
h4{ margin-bottom: 5px; font-size: 18px; font-weight: bold; }



/********************************************************************************************************************************************************************
　○コンテンツ部設定（左右BOXの親）
********************************************************************************************************************************************************************/
#contents{ width: 1000px; margin: 20px auto 50px; }


/********************************************************************************************************************************************************************
　○左カラム設定
********************************************************************************************************************************************************************/
#left_box{ width: 220px; padding: 10px; float: left; background: #fef3f3; }

	#leftMenu{ margin-bottom: 10px; padding: 3px 0; background: #fa646d; color: #fff; text-align: center; font-size: 16px; font-weight: bold; }

	#ul_sideMenu{ margin-bottom: 50px; }
	#ul_sideMenu li{ margin-bottom: 5px; border-bottom: 1px dotted #ccc; font-size: 10px; color: #fa646d; }
	/*#ul_sideMenu li:before{ content: "▶︎ "; }*/
	#ul_sideMenu li span{ margin-right: 5px; color: #fa646d; font-size: 10px; }

	#ul_sideMenu li a{ font-weight: bold; }

	#p_daihyo{ margin-top: 5px; font-size: 10px; text-align: right; line-height: 1em !important; }


/********************************************************************************************************************************************************************
　○右カラム設定
********************************************************************************************************************************************************************/
#right_box{ width: 750px; float: right; }


/********************************************************************************************************************************************************************
　○フッター設定
********************************************************************************************************************************************************************/
footer{ min-width: 1000px; padding: 10px 0; background: #333; }
	p#copy{ color: #fff; text-align: center; }



/********************************************************************************************************************************************************************
　○共通設定
********************************************************************************************************************************************************************/
.box_pink{ padding: 10px 20px; background: #fef3f3; }



/********************************************************************************************************************************************************************
　○トップページ
********************************************************************************************************************************************************************/





/********************************************************************************************************************************************************************
　○サブ
********************************************************************************************************************************************************************/





/********************************************************************************************************************************************************************
　○システム
********************************************************************************************************************************************************************/
#tbl_flow{ width: 100%; }
#tbl_flow th{ width: 20%; font-size: 30px; color: #ff4852; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;  }
#tbl_flow td.status{ width: 20%; font-weight: bold; color: #000; }
#tbl_flow th, #tbl_flow td{ padding: 5px 0; border-bottom: 1px dotted #ccc; }



/********************************************************************************************************************************************************************
　○入会案内
********************************************************************************************************************************************************************/
.tbl_price td{ text-align: right; }

#dl_shikaku dt{ font-size: 18px; font-weight: bold; }
#dl_shikaku dt#men{ color: #2b30f0; }
#dl_shikaku dt#women{ margin-top: 20px; color: #f02b37; }



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　スマートフォン
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

@media (min-width: 0px) and (max-width: 750px) {


	/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	body{}
	#wrapper{ padding: 0; }

	/********************************************************************************************************************************************************************
	　○【SP】ヘッダー設定
	********************************************************************************************************************************************************************/
	header{}
	#header_inner{ width: 100%; margin: 0 auto; }
		h1{ margin-bottom: 0; font-size: 10px; }

		#header_l{ float: none; }
			#logo{ width: 100%; padding: 5px 0; margin-bottom: 10px; text-align: center; background: #febabe; }
			#logo img{ width: 210px; }

		#header_r{ width: 96%; padding: 0 2%; text-align: center; }

			#header_mcsa{}
			#header_tel{ margin-top: 20px; }
			#header_NNR{}



	/********************************************************************************************************************************************************************
	　○【SP】ナビ設定
	********************************************************************************************************************************************************************/
	#btn_menu{ display: block; width: 60px; padding: 10px 0; background: #000; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; text-align: center; position: absolute; top: 0; right: -60px; }

	nav#navi_top{ min-width: 0; width: 200px; padding: 20px 10px; background: #000; position: fixed; top: 100px; left: -220px; z-index: 99;
		-moz-opacity: 0.8;
		opacity: 0.8;
		filter: alpha(opacity=80);        /* ie 6 7 */
		-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	}

	nav#navi_top ul{ width: 100%; }
	nav#navi_top ul li{ width: 200px; border-bottom: 1px dotted #ccc; float: none; }
	nav#navi_top ul li a{ padding: 5px 0; color: #fff; font-size: 14px; }
	nav#navi_top ul li a:hover{ background: #333; }

	nav#navi_top ul li a:hover, nav#navi_top ul li a.active{ background: #fa646d; color: #fff; }


	/********************************************************************************************************************************************************************
	　○【SP】タイトル設定
	********************************************************************************************************************************************************************/
	/*h2.title{ margin-bottom: 10px; padding: 3px 20px; font-size: 18px; background: #333; color: #fff; font-weight: bold; }*/
	h3{ margin: 20px 0 10px; padding: 3px 10px; font-size: 16px; background: #fa646d; color: #fff; font-weight: bold; }
	/*h3:before{ content: "●"; }*/
	h4{ margin-bottom: 5px; font-size: 18px; font-weight: bold; }


	/********************************************************************************************************************************************************************
	　○【SP】コンテンツ部設定（左右BOXの親）
	********************************************************************************************************************************************************************/
	#contents{ width: 96%; padding: 0 2%; }


	/********************************************************************************************************************************************************************
	　○【SP】左カラム設定
	********************************************************************************************************************************************************************/
	#left_box{ width: 96%; margin-top: 50px; padding: 10px 2%; float: none; }

		#ul_sideMenu{ margin-bottom: 50px; }
		#ul_sideMenu li{ margin-bottom: 5px; padding-left: 10px; border-bottom: 1px dotted #ccc; font-size: 10px; color: #fa646d; }
		/*#ul_sideMenu li:before{ content: "▶︎ "; }*/

		#p_daihyo{ margin-top: 5px; font-size: 10px; text-align: right; line-height: 1em !important; }



	/********************************************************************************************************************************************************************
	　○【SP】右カラム設定
	********************************************************************************************************************************************************************/
	#right_box{ width: 100%; float: none; }


	/********************************************************************************************************************************************************************
	　○【SP】フッター設定
	********************************************************************************************************************************************************************/
	footer{ min-width: 0; }
		#footer_inner{ width: 100%; padding: 0; }
		p#copy{}


	/********************************************************************************************************************************************************************
	　○【SP】共通設定
	********************************************************************************************************************************************************************/


	/********************************************************************************************************************************************************************
	　○【SP】トップページ
	********************************************************************************************************************************************************************/


	/********************************************************************************************************************************************************************
	　○【SP】サブ
	********************************************************************************************************************************************************************/


	/********************************************************************************************************************************************************************
	　○システム
	********************************************************************************************************************************************************************/
	#tbl_flow{ width: 100%; }
	#tbl_flow th{ width: 20%; font-size: 18px; color: #ff4852; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;  }
	#tbl_flow td.status{ width: 20%; font-weight: bold; color: #000; }
	#tbl_flow th, #tbl_flow td{ padding: 5px 0; border-bottom: 1px dotted #ccc; }
	#tbl_flow td{ padding: 5px; border-bottom: 1px dotted #ccc; font-size: 12px; }

}




@media (max-width: 399px) {

	#header_tel{ width: 65%; }
	
	#header_NNR{ margin-top: 0; }

}