@charset "utf-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 1200px) {}

/*-------------------------------------------------
レイアウト
-------------------------------------------------*/
body{
	text-align:left;
	font: 86%/1.231 arial,helvetica,clean,sans-serif;
	line-height:1.9;
	letter-spacing:0.03em;
	color:#000000;
/*
	font-family:"Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/*
	line-height:1.4;
	font-style: normal;
	font-variant: normal;
*/
	padding-bottom:0px;
	-webkit-text-size-adjust: 100%;
	font-size:16px;
	
	}
@media screen and (min-width: 768px) { body{ min-width:1184px;}}
#wrap{ background:#FFF; overflow-y:hidden;}
#home #wrap{}
.inner{ margin:0 auto;}
.inner:before,.container:after{content:" ";display:table;}
.inner:after{ clear:both;}
.inner_sp:before,.container:after{content:" ";display:table;}
.inner_sp:after{ clear:both;}
.inner_pc:before,.container:after{content:" ";display:table;}
.inner_pc:after{ clear:both;}
/*スマホ*/
@media screen and (max-width: 767px) {
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	/*	background-size:50% auto;*/
	}
	#wrap{ /*width:100%;*/ overflow:hidden;}
	.inner{ padding:0 20px;}
	.inner_sp{ padding:0 20px;}
}
@media screen and (min-width: 1200px) {
	/*.inner{ width:1000px; margin:0 auto;}*/
}
@media screen and (min-width: 768px), print {
	.inner{ width:1200px; position:relative;/* background-color: #FFBAD3;*/}
	.inner_pc{ width:1200px; margin:0 auto; position:relative;}
}

/*-----------------------------------------------------
header
-----------------------------------------------------*/
header{}
#header_frame{/* position:fixed; top:0; left:0;*/ width:100%; z-index:100; background:#FFF; overflow:hidden; font-family:"Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}

#second #header_frame{/* border-bottom:1px solid #dedede;*/}

#header_frame .list_contents_sns ul li a{ display: block;}
#header_frame .list_contents_sns ul li a:hover{ display: block;}
#header_frame .list_contents_sns ul li a:hover img{/* visibility: hidden;*/}
#header_frame .list_contents_sns ul li:hover img{/* visibility: hidden; display: block;*/}

#header_frame .list_contents_sns ul li.btn_menu_instagram a:hover{ background:url(../images/base/header/icon_instagram_02.png) left top no-repeat;}
#header_frame .list_contents_sns ul li.btn_menu_twitter a:hover{ background:url(../images/base/header/icon_twitter_02.png) left top no-repeat;}
#header_frame .list_contents_sns ul li.btn_menu_facebook a:hover{ background:url(../images/base/header/icon_facebook_02.png) left top no-repeat;}
#header_frame .list_contents_sns ul li.btn_menu_youtube a:hover{ background:url(../images/base/header/icon_youtube_02.png) left top no-repeat;}
#header_frame .list_contents_sns ul li.btn_menu_contact a:hover{ background:url(../images/base/header/icon_contact_02.png) left top no-repeat;}
#header_frame .list_contents_sns a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 50;}

/* スクロールヘッダー固定 */
#sp_navi_frame{ position: fixed; width:100%; z-index:10000;}

.fixed_header_frame{ position:relative; width:100%; background:#FFF;}
#header_frame.is-animation{
	position: fixed;
	/*
	top: 0;
	left: 0;
	width: 100%;
	*/
	border-bottom:1px solid #ececec;
	background:#FFF;
	z-index:100;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	/*
	overflow:hidden;
	*/
}

/*ブラウザサイズ別指定*/
@media screen and (max-width: 767px) {
	#header_frame{ /*height:68px; top:0; left:0;*/ position:fixed;}
	#header_frame h1{ width:200px; margin-left: 20px; margin-right: 20px; padding:16px 0 12px 0; margin-bottom: 0px !important; display: inline-block;}
	.second_header_logo{ width:80px; margin-left: 20px; margin-right: 20px; padding:16px 0; margin-bottom: 0px !important; display: inline-block;}
	#header_frame h1 img{ width:100%;}
	.second_header_logo img{ width:100%;}
	#header_frame p{ display: inline-block;}

	/* mmenu */
	.menu_title img{ width:150px; height:auto; margin-left:20px; padding-bottom:20px !important;}/*三本線を押したときのロゴサイズ*/

	/* スクロールヘッダー固定 */
	#header_frame.is-animation h1{ width:150px; padding:12px 0 0 0;}
	#header_frame.is-animation .second_header_logo{ width:72px; padding:12px 0;}
	#header_frame .list_contents_sns{ display:none;}

		
	/*-- ↓ header_menu --*/
	#home #header_frame{}
	#header_menu{ display:none;}
	/*-- ↑ header_menu --*/
	
	#header_frame .list_contents_sns{ display:none;}

}
@media screen and (min-width: 768px), print{
#sp_navi_frame{ display: none;}

	#header_frame{ /*height:64px; padding-bottom:8px;*/}
	#header_frame .inner{ height: 120px; width: 100%; padding-right: 0px;}
	#header_frame p{ position:absolute; top: 48px; left: 250px;}
	#header_frame h1{ position: absolute; top: 40px; left: 40px;/* float:left; width:144px; padding-top:18px;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; z-index: 100000;}
	#header_frame .second_header_logo{ position: absolute; top: 40px; left: 40px;/* float:left; width:144px; padding-top:18px;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
	
	/*-- mmenu --*/
	.menu_title img{ width:144px; height:auto; margin-left:20px; padding-bottom:20px !important;}
	
	/*-- ↓ header_menu --*/
	#header_menu{
		-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all  0.7s ease; z-index: 1000000; position: relative;
	}
	#header_menu ul{
		position: relative;
		text-align: right;
		height: 52px;
/*
		padding-top:24px;
		font-size:18px;
		padding-left:414px;
*/
	}
	#header_menu ul li {
		/*float:left;*/
		padding: 0;
		display: inline-block;
/*
		margin-right: 16px;
		margin-left: 16px;
*/
	}
	
	/*
	#header_menu ul li.btn_menu_menu{ border-bottom:2px solid #3ac0b2;}
	#header_menu ul li.btn_menu_price{ border-bottom:2px solid #a5c03a;}
	#header_menu ul li.btn_menu_salon{ border-bottom:2px solid #3a5ac0;}
	#header_menu ul li.btn_menu_about{ border-bottom:2px solid #c03a83;}
	*/
	#header_menu ul li a{ border-bottom:4px solid #c7c7c7; height: 115px; padding-right: 16px; padding-left: 16px; }
	#header_menu ul li a:hover{ border-bottom:4px solid #ac93b9; background: linear-gradient(#FFFFFF, #dbcde2, #eaf3ff, #FFFFFF );}
	#header_menu ul li img{ margin-top: 50px;}

	#header_menu ul li.btn_menu_contact a{ background: linear-gradient(50deg, #63496e, #000000); padding-left: 50px; padding-right: 50px;}
	
	#home #header_menu ul li.btn_menu_home a{ border-bottom:4px solid #ac93b9; background: linear-gradient(#FFFFFF, #dbcde2, #eaf3ff, #FFFFFF );}
	.second_greeting #header_menu ul li.btn_menu_greeting a{ border-bottom:4px solid #ac93b9; background: linear-gradient(#FFFFFF, #dbcde2, #eaf3ff, #FFFFFF );}
	.second_news #header_menu ul li.btn_menu_business a{ border-bottom:4px solid #ac93b9; background: linear-gradient(#FFFFFF, #dbcde2, #eaf3ff, #FFFFFF );}
	.second_aboutus #header_menu ul li.btn_menu_aboutus a{ border-bottom:4px solid #ac93b9; background: linear-gradient(#FFFFFF, #dbcde2, #eaf3ff, #FFFFFF );}
	.second_business #header_menu ul li.btn_menu_business a{ border-bottom:4px solid #ac93b9; background: linear-gradient(#FFFFFF, #dbcde2, #eaf3ff, #FFFFFF );}
	#header_menu ul li a { display: block; margin: 0; color:#000;}

	/*
	#header_menu ul li.btn_menu_menu a:hover{ color:#3ac0b2;}
	#header_menu ul li.btn_menu_price a:hover{ color:#a5c03a;}
	#header_menu ul li.btn_menu_salon a:hover{ color:#3a5ac0;}
	#header_menu ul li.btn_menu_about a:hover{ color:#c03a83;}
	*/
	/*-- ↑ header_menu --*/
	
	#header_frame .list_contents_sns{ text-align: center; padding-top: 48px;/* float:right; margin-right:100px;*/ height: 20px;}
	#header_frame .list_contents_sns ul li{/* float:left; margin-right:8px;*/ display: inline-block; margin-right: 12px; margin-left: 12px;}
	#header_frame .list_contents_sns ul li a{}

	/* スクロール時ヘッダー固定 */
	.is-animation{ height: 80px;/* padding-bottom:6px;*/}
	.is-animation h1{ top:18px !important; left: 10px !important;}

	.is-animation .second_header_logo{ top:8px !important; left: 10px !important;}
	.is-animation h1 img{ width:80%;}
	.is-animation .second_header_logo img{ width:30%;}
	.is-animation p{ top:10px !important; left: 100px !important;}
	.is-animation p img{ width:80%;}
	.is-animation .list_contents_sns{/* display:none;*/ float:right; margin-right:0px; margin-top: -25px;}
	.is-animation #header_menu{ float:right; margin-right:0px;}
	.is-animation #header_menu ul{ padding-top:0px;}
	.is-animation #header_menu ul li img{ margin-top: 20px;}
}


/*------------------------------------
main
------------------------------------*/
#home #main_contents{}
/*#main_contents a:hover{ opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3;}*/

/*-----------------------------------------------------
共通使用
-----------------------------------------------------*/
/*タイトル*/
#home h1{}
#home h2{ /*font-style:oblique; color:#adadad; font-family:"Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;*/}

.contents_title_line{ width:164px; margin:0 auto; border-bottom:1px solid #000; overflow:hidden;}
#second .contents_title_line{ margin-bottom:10px;}

.title_gothic{ font-family:"Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}




@media screen and (max-width: 767px){
	#home #main_contents{ padding-top:60px;}
	
}
@media screen and (min-width: 768px){
	/*タイトル*/

}


/*-----------------------------------------------------
footer
-----------------------------------------------------*/
#footer_frame{ clear:both;/* font-size:12px;*/ margin-bottom:120px; border-top: 1px solid #ececec;/* padding-top:90px;position:relative; z-index:100;*/}

.footer_menu_frame{/* background:#333333;*/ padding-top:120px; padding-bottom:90px; overflow:hidden;}
.footer_menu_frame dl dt{ color:#FFF; font-weight:bold;}
.footer_menu_frame dl ul li{ margin-bottom:0.5em; color:#a1a1a1;}
.footer_menu_frame dl ul li a{ color:#a1a1a1;}
.footer_menu_frame dl ul li a:hover{ color:#ff8270;}

.footer_menu_frame .list_footer_menu_x5{ overflow:hidden;}
.footer_menu_frame .list_footer_menu_x5 dl{ float:left;}
.footer_menu_frame .list_footer_menu_x5 dl dt{ margin-bottom:20px;}
.footer_menu_frame .list_footer_menu_x5 dl dd{ margin-right:-16px;}
.footer_menu_frame .list_footer_menu_x5 dl dd ul{ float:left; width:224px; margin-right:16px;}

.footer_menu_frame .list_footer_menu_x1{ clear:both; padding-top:60px; overflow:hidden;}
.footer_menu_frame .list_footer_menu_x1 dl dt{ float:left;}
.footer_menu_frame .list_footer_menu_x1 dl dd{ padding-left:120px;}
.footer_menu_frame .list_footer_menu_x1 dl ul li{ float:left;}
.footer_menu_frame .list_footer_menu_x1 dl ul li:before{ white-space: pre-wrap; content: " / ";}
.footer_menu_frame .list_footer_menu_x1 dl ul li:first-child:before{ content:none;}

/*copyright*/
#copyright{ text-align:center;}

	.footer_info_frame .footer_info_text{/* color: #e4007f;*/}
	.footer_info_text_02 ul li{}
	.footer_info_text_02 ul li img{ border: 1px solid #ececec; margin-bottom: 10px;}

@media screen and (max-width: 767px){
	.footer_menu_frame{ display:none;}
	
	.footer_info_frame{ text-align:center; padding-top:60px;/* border-top:1px solid #b7b7b7;*/}
	
	.footer_info_frame .footer_info_title{ margin-bottom:0px;}
	.footer_info_frame .footer_info_title .footer_logo img{ width:50px;}
	.footer_info_frame .footer_info_title .footer_logo{ display: inline-block; margin-right: 0px; margin-bottom: 20px;}
	.footer_title_sub{ display: inline-block;}
	
	
	.footer_info_frame .list_contents_sns{/* margin-top:-180px; margin-bottom:32px;*/ width:100%; overflow:hidden;}
	.footer_info_frame .list_contents_sns ul{ position:relative;/* float:left; left:50%;*/}
	.footer_info_frame .list_contents_sns ul li{ width: auto;/* float:left; left:-36%;*/ display: inline-block; position:relative; margin:0 8px;}
	.footer_info_frame .list_contents_sns ul li img{ width: auto;}
	
	.footer_info_frame .footer_info_list{ clear:both; margin-bottom:40px; overflow:hidden;}
	.footer_info_frame .footer_info_list ul{ margin-right:-2%;}
	.footer_info_frame .footer_info_list ul li{ float:left; width:48%; margin-right:2%;}
	.footer_info_frame .footer_info_list ul li a{ display:block; padding:20px; border:1px solid #b7b7b7;}
	
	.footer_info_frame .footer_info_text{ clear:both;}
	.footer_info_frame .footer_info_text dl dd{ display:none;}
	
	.footer_info_text_01_title span{ font-size: 24px;}
	.footer_info_text_01_s{ font-size: 14px;}
	.footer_info_frame .btn_bk_01{ padding-top:32px;}

	.footer_info_text_01{ margin-bottom: 40px;}
	.footer_info_text_02 ul li img{ width: auto;}

	ul.footer_navi{ margin-bottom: 50px;}
	ul.footer_navi li{ font-size: 10px; display: inline-block; margin-left: 5px; margin-right: 5px; margin-bottom: 15px; font-family:"Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}

	/*copyright*/
	#copyright{ color:#e4007f; font-size:10px; font-weight:bold;}
}
@media screen and (min-width: 768px){
	#footer_frame{}
	
	.footer_info_frame{ padding-top:56px;}
	.footer_info_frame .footer_info_title{ float:left;/* width:207px;*/ width: 180px;}
	.footer_info_frame .footer_info_title .footer_logo{ margin-bottom:48px;}
	
	.footer_info_frame .list_contents_sns ul li{ float:left; margin-right:25px;/* width:26px;*/}
	.footer_info_frame .list_contents_sns img{ width: auto;}
	.footer_info_frame .list_contents_sns a:hover img{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 50;}
	
	.footer_info_frame .footer_info_list{ display:none;}
	
	.footer_info_frame .footer_info_text{/* padding-left:240px;*/ padding-left: 180px;}
	.footer_info_frame .footer_info_text dl dt{ font-weight:bold; margin-bottom:1em;}
	.footer_info_frame .footer_info_text dl dd{ color:#666666;}
	
	.btn_bk_01{ display:none;}

	.footer_info_text_01{ float: left; width: 460px;}
	.footer_info_text_02{ float: left; padding-bottom: 50px;}
	.footer_info_text_02 ul li{ text-align: left;}

	.footer_info_text_01_title{}
	.footer_info_text_01_title span{ font-size: 24px;}
	.footer_info_text_01_s{ font-size: 14px;}
	
	ul.footer_navi{ margin-bottom: 50px;}
	ul.footer_navi li{ padding-left: 35px; margin-bottom: 15px; font-family:"Times New Roman", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}
	ul.footer_navi li.btn_01_home{ background: url("../images/base/footer_icon_01_home.png") no-repeat;}
	ul.footer_navi li.btn_02_greeting{ background: url("../images/base/footer_icon_02_greeting.png") no-repeat;}
	ul.footer_navi li.btn_03_business{ background: url("../images/base/footer_icon_03_business.png") no-repeat;}
	ul.footer_navi li.btn_04_aboutus{ background: url("../images/base/footer_icon_04_about.png") no-repeat;}

	/*copyright*/
	#copyright{ padding-top:32px; color:#e4007f; clear: both;}
}





/* page-top */
#page-top {
	position: fixed;
	font-size: 10px;
	margin-bottom:0px;
	z-index:100;
}
#page-top span{}
#page-top a {
	text-decoration: none;
	color: #ac93b9;
	/*color: #FFFFFF;*/
	text-align: center;
	display: block;
	/*background: linear-gradient(50deg, #63496e, #496b6e);*/
	background:#ececec;
	border: 1px solid #FFFFFF;
}
#page-top a img{}

#page-top a:hover {
	text-decoration: none;
	background: linear-gradient(50deg, #63496e, #496b6e);
	color: #FFFFFF;
	/*background: #FFFFFF;*/
	/*border: 1px solid #ac93b9;*/
}

@media screen and (max-width: 767px){
#page-top {
	bottom: 5px;
	right: 5px;
}
#page-top a {
	width: 40px;
	padding: 10px 0;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 50;
}
#page-top a img{
	width:60%;
}

}
@media screen and (min-width: 768px){
#page-top {
	bottom: 20px;
	right: 40px;
}
#page-top a {
	width: 70px;
	height: 70px;
/*
	padding: 10px 10px;
*/
	border-radius: 45px;
	vertical-align: middle;
	line-height: 2em;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#page-top a span{ display: block; padding-top: 25px;}
#page-top a img{
	width:60%;
}

}