@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　999px以下
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 999px) {

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】ヘッダー設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	header{}
	#header_inner{}

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】左カラム設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#left_box{}

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】右カラム設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#right_box{}

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】フッター設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	footer{}
		#footer_inner{ width: 100%; padding: 0; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【999px】
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/*　TOP　*/
	.top_content h3{ margin-bottom: 8px; font-size: 22px; }
	.top_content .top_text{ padding: 8px 18px; font-size: 16px; }

}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　800px以下（iPad mini・・・768px）
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 800px) {

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【800px】ナビ設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	nav#navi_top ul li a{ padding: 8px 0; font-size: 18px; }

	/*　TOP　*/
	.top_content h3{ margin-bottom: 6px; font-size: 20px; }
	.top_content .top_text{ padding: 6px 16px; font-size: 14px; }

}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　700px以下　※左右カラムフロート解除
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 700px) {

	#wrapper{ padding-bottom: 60px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	（ヘッダー設定）
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	header{ padding: 0 0 10px 0; }
	#header_inner{ width: 98%; margin: 0 auto; }

	/*　ナビ　*/
	nav#navi_top ul li a{ padding: 6px 0; font-size: 16px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	（コンテンツ部設定）
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	main{ padding: 10px 0 10px 0; }
	#main_inner{}

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【700px】左カラム設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#left_box{ width: 100%; margin: 0 auto 50px; float: none; }

		#left_ban_box{ display: flex; justify-content: space-between; }
		#left_ban_box p{ width: 49%; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【700px】右カラム設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#right_box{ width: 96%; margin: 0 auto 20px; padding: 10px 2%; float: none; }

	/*　TOP　*/
	.top_content h3{ margin-bottom: 8px; font-size: 22px; }
	.top_content .top_text{ padding: 8px 18px; font-size: 16px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【700px】
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/*　ボトムバー　*/
	#pc_fixed_ban_box{ display: none; }

	#sp_bottom_bar{ display: flex; width: 100%; height: 60px; background: #524343; position: fixed; bottom: 0; }
	#sp_bottom_bar p{ width: 50%; top: 0; bottom: 0; margin: auto; border-right: 1px solid #ccc; text-align: center; }
	#sp_bottom_bar p:last-child{ border-right: none; }
	#sp_bottom_bar p a{ color: #fff; font-size: 14px; text-decoration: none; }
	#sp_bottom_bar p a i{ margin-right: 8px; color: #fff; font-size: 22px; }

	#sp_bottom_bar p a:hover{ color: var(--main_pnk); }
	#sp_bottom_bar p a:hover i{ color: var(--main_pnk); }
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　600px以下　※左右カラムフロート解除
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 600px) {

	/*　TOP　*/
	.top_content h3{ margin-bottom: 6px; font-size: 20px; }
	.top_content .top_text{ padding: 6px 16px; font-size: 14px; }

}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　SP（Xperia Z Ultraが540px）　※ナビ隠し、タブ表示
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 540px) {

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】ボタン類定義
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.detail_link a{  padding: 1px 7px 1px 14px; font-size: 10px; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】ヘッダー設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	header{ width: 100%; padding-bottom: 5px; border-bottom: 1px solid #ddd; position: fixed; z-index: 1; } /* SPナビがz-index:2 */

		#header_inner{ position: relative; }
			h1{ font-size: 10px; }
			#logo{ width: 40%; margin: 3px 30px 0 0; }

			#header_r{ float: left; }
				.telephone{ display: inline-block; margin-bottom: 0; padding-left: 20px; line-height: 16px; font-size: 16px; background-size: 16px; }
				.link_contact{ display: block; padding: 1px 0; border-radius: 15px; font-size: 10px; }

			#btn_spMenu.tcon{ display: block !important; position: absolute; top: 20px; right: 0; }

	#navi_top{}
	#navi_top #menu_ban_box{ display: block; margin-top: 15px; }
	#navi_top #menu_ban_box p{ width: 60%; margin-bottom: 6px; }
	#navi_top #menu_ban_box p:last-child{ margin-bottom: 0; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】ナビ設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	nav#navi_top{ min-width: 0; width: 250px; height: 100%; padding: 10px 10px 20px; background: #000; position: fixed; top: 0; left: -270px; z-index: 2; /* headerがz-index:1 */
		-moz-opacity: 0.9;
		opacity: 0.9;
	}
	nav#navi_top ul{ border-top: 1px dotted #ccc; overflow: auto; }
	nav#navi_top ul li{ width: 100%; border-bottom: 1px dotted #ccc; float: none; }
	nav#navi_top ul li a{ padding: 8px 10px; background: none; color: #fff; font-size: 14px; text-align: left; }

	nav#navi_top ul li a:hover, nav#navi_top ul li a.active{ background: transparent; color: var(--main_pnk); }



		p#close_menu{ display: block; margin-bottom: 10px; color: #fff; font-size: 12px; text-align: right; }
		p#close_menu span{ font-weight: bold; color: #f00; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】タイトル設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	h2.h2_styleTop, h2.h2_style{ margin-bottom: 15px; padding-left: 10px; font-size: 16px; }

	h2.h2_left{ margin-bottom: 0; padding: 2px 0; font-size: 16px; }

	h3.h3_style{ margin-bottom: 10px; font-size: 20px; }
	h4.h4_style{}


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】コンテンツ部設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	main{ padding: 80px 0 10px 0; }

	#right_box{}
		.content_box{ margin-bottom: 30px; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】フッター設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	footer{}
		#footer_inner{}
			p#copy{ font-size: 10px !important; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】左カラム設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/*　メニュー　*/
	#ul_left_menu{}
	#ul_left_menu li{}
	#ul_left_menu li:last-child{ margin-bottom: 0; }

	#ul_left_menu li a{ display: block; padding: 5px 0 5px 34px; font-size: 16px;
		background-size: 16px;
		background-position: 10px center;
	}


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】トップページ
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#slick_box{}
		#slick{ margin: 0 auto 10px; }

	.top_info{ margin-bottom: 20px; padding: 5px 10px; font-size: 12px; }
	.top_info h2{ margin-bottom: 6px; font-size: 14px }

	.top_main_text{ font-size: 13px; }

	.top_content h3{ margin-bottom: 2px; font-size: 14px; }
	.top_content .top_text{ padding: 5px 10px; font-size: 10px; }

	.top_border_text{ padding: 5px 10px; font-size: 13px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】メニュー
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	table.tbl_menu{}
	table.tbl_menu caption{ padding: 2px 0; font-size: 14px; }
	table.tbl_menu th, table.tbl_menu td{ padding: 3px 5px; font-size: 12px; }
	table.tbl_menu th{}
	table.tbl_menu td{}
	table.tbl_menu td.menu{ width: 73%; }
	table.tbl_menu td.menu .desc{ margin-top: 2px; padding: 1px 5px; }
	table.tbl_menu td.time{ width: 12%; }
	table.tbl_menu td.price{ width: 15%; }
	table.tbl_menu tr.option td{}

	.menu_note{ font-size: 10px; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】サロン情報
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	table.tbl_info{}
	table.tbl_info th, table.tbl_info td{ padding: 3px 2%; font-size: 12px; }
	table.tbl_info th{ width: 30%; }
	table.tbl_info td{}

	#google_map{ width: 100%; height: 250px; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】Pure
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#pure_img_box{ margin-bottom: 10px; }

	.pnk_box{ padding: 5px 10px; border-radius: 3px; }

	.tbl_pure{}
	.tbl_pure th, .tbl_pure td{ padding: 1px 5px; font-size: 12px; }
	.tbl_pure th{}


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】お問い合わせ
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#contact_box{ padding: 	10px 20px; }
	#contact_box p{ margin-bottom: 15px; }

	#contact_box p.text_big{ font-size: 14px; }
	#contact_box p.text_small{ font-size: 10px; }

	.telephone_big{ padding-left: 30px; line-height: 28px; font-size: 28px;
		background-size: 28px;
	}





	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP】ロケーションアクセス
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.img_text_box{ display: block; }
	.img_text_box .text{ width: 100%; margin-bottom: 10px; }
	.img_text_box .img{ width: 100%; }

}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　SP（375px未満）
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media (max-width: 374px) {

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP 375px未満】ヘッダー設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#header_inner{}
		#logo{ margin: 5px 10px 0 0; }

		#header_r{}
			.telephone{ line-height: 16px; font-size: 16px; background-size: 16px; }
			.link_contact{ display: block; padding: 1px 0; border-radius: 15px; font-size: 10px; }

		#btn_spMenu.tcon{ display: block !important; position: absolute; top: 20px; right: 0; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP 375px未満】ボトムバー設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#sp_bottom_bar{}
	#sp_bottom_bar p{}
	#sp_bottom_bar p a{ font-size: 12px; }
	#sp_bottom_bar p a i{ margin-right: 8px; font-size: 20px; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP 375px未満】タイトル設定
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	h2.h2_styleTop, h2.h2_style{ margin-bottom: 12px; padding-left: 8px; font-size: 14px; }


	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------
	【SP 375px未満】トップページ
	---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.top_info{ margin-bottom: 20px; padding: 5px 10px; font-size: 11px; }
	.top_info h2{ margin-bottom: 6px; font-size: 13px }

	.top_main_text{ font-size: 12px; }

	.top_content h3{ margin-bottom: 2px; font-size: 14px; }
	.top_content .top_text{ padding: 3px 6px; font-size: 10px; }




}