@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Modern+Antiqua);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}p9
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}


* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

html {
height: 100%;
width: 100%;
font-size: 62.5%; 
}

body{
	font: 14px/1.9 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color: #000;
	background: #fff;
}

a{
	color: #0066ff;
	text-decoration: none;
}

a:hover, .active{
  text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}


/* ヘッダー
------------------------------------------------------------*/
#mainnav a{
	color: #000;
font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif,"Sawarabi Mincho";
}


/* フッター
------------------------------------------------------------*/
#footer{
	clear: both;
	padding: 50px 10px 50px 0;
	text-align: center;
	font-size: 12px;
}


/* 共通
------------------------------------------------------------*/
h1, h2{
	font-family: 'Modern Antiqua', 'Noto Sans JP',serif;
}

img{
	max-width: 100%;
	height: auto;
}

section{
  clear: both;
}

section h2{
	width: 60%;
	margin: 70px auto;
	font-size: 22px;
	font-weight:normal;
	text-align: center;
font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif,"Sawarabi Mincho";
}

section h2 span {
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
}

.inner{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 100px;
}

#sec03 .inner, #sec04 .inner{
	border-bottom: 1px solid #a0a0a0;
}

.innerS{
	width: 60%;
	margin: 0 auto;
	padding-bottom: 80px;
}

.center{
text-align: center;
}

.mar180-120{margin-bottom:180px;}
@media screen and (max-width:680px)  {.mar180-120{margin-bottom:120px;}}

.mar160-100{margin-bottom:160px;}
@media screen and (max-width:680px)  {.mar160-100{margin-bottom:100px;}}

.mar140-80{margin-bottom:140px;}
@media screen and (max-width:680px)  {.mar140-80{margin-bottom:80px;}}

.mar120-70{margin-bottom:120px;}
@media screen and (max-width:680px)  {.mar120-70{margin-bottom:70px;}}

.mar100-60{margin-bottom:100px;}
@media screen and (max-width:680px)  {.mar100-60{margin-bottom:60px;}}

.mar80-50{margin-bottom:80px;}
@media screen and (max-width:680px)  {.mar80-50{margin-bottom:50px;}}

.mar60-40{margin-bottom:60px;}
@media screen and (max-width:680px)  {.mar60-40{margin-bottom:40px;}}

.mar50-35{margin-bottom:50px;}
@media screen and (max-width:680px)  {.mar50-35{margin-bottom:35px;}}

.mar40-30{margin-bottom:40px;}
@media screen and (max-width:680px)  {.mar40-30{margin-bottom:30px;}}

.mar30-20{margin-bottom:30px;}
@media screen and (max-width:680px)  {.mar30-20{margin-bottom:20px;}}

.mar25-16{margin-bottom:25px;}
@media screen and (max-width:680px)  {.mar25-16{margin-bottom:16px;}}

.mar20-12{margin-bottom:20px;}
@media screen and (max-width:680px)  {.mar20-12{margin-bottom:12px;}}

.mar16-10{margin-bottom:16px;}
@media screen and (max-width:680px)  {.mar16-10{margin-bottom:10px;}}

.mar12-8{margin-bottom:12px;}
@media screen and (max-width:680px)  {.mar12-8{margin-bottom:8px;}}

.mar8-4{margin-bottom:8px;}
@media screen and (max-width:680px)  {.mar8-4{margin-bottom:4px;}}

.sp420{
display: none;
}
@media only screen and (max-width: 420px){
.sp420{
display:inline;
}
}
.sp640{
display: none;
}
@media only screen and (max-width: 640px){
.sp640{
display:inline;
}
}
.sp799{
display: none;
}
@media only screen and (max-width: 799px){
.sp799{
display:inline;
}
}

@media only screen and (max-width: 640px){
.spno{
display: none;
}
}

.preparation{
text-align: center;
padding:50px 0 80px;
font-size:16px;
background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(242, 249, 251, 1) 82%);
}
@media only screen and (max-width: 1023px){
.preparation{
padding:30px 0 60px;
}
}
@media only screen and (max-width: 799px){
.preparation{
font-size:14px;
}
}

.marker{
background: linear-gradient(transparent 70%, #ffadc8 30%);
}


a.link_but{
border:#ffd92f solid 2px;
border-radius:30px;
max-width:250px;
margin:0 auto 50px;
text-align:center;
background-color:#fff;
display:block;
color:#222;
font-size:16px;
font-weight:600;
padding:12px;
font-family: inherit !important;
}

a.link_but:hover{
text-decoration: none;
background-color:#fbe47f;
transition: 0.5s;
}




/* mainImg
------------------------------------------------------------*/
@media only screen and (max-width: 799px){
#mainImg img {
margin-top: 61px;
}
}



/* SEC00
------------------------------------------------------------*/
#sec00 div{
margin:20px 0 80px;
font-size:16px;
}
@media only screen and (max-width: 799px){
#sec00 div{
font-size:14px;
margin:20px 0 50px;
}
}




/* SEC01
------------------------------------------------------------*/

#sec01{
background-image: url("../images/message_bg_ue.png");
background-position: top;
background-size: 100%;
background-repeat: no-repeat;
padding-top:10px;
margin-bottom:100px;
}

#sec01_inner{
background-image: url("../images/message_bg_shita.png");
background-position: bottom;
background-size: 100%;
background-repeat: no-repeat;
}
@media only screen and (max-width: 680px){
#sec01{
margin-bottom:60px;
}
#sec01_inner,
#sec01{
background-size: 150%;
overflow:hidden;
}
}

#message_text{
background-color:#fff;
border-radius:30px;
padding:60px 120px;
text-align:left;
font-size:16px;
line-height:2.3;
margin: 0 auto 80px;
width: 80%;
max-width:920px;
}
@media only screen and (max-width: 1199px){
#message_text{
padding:40px 80px;
width: 100%;
background: none;
margin: 0 auto 50px;
}
}
@media only screen and (max-width: 680px){
#message_text{
padding:20px 8% 40px;
line-height:2.0;
margin: 0 auto;
font-size:15px;
}
}

#sec01 h3{
font-size:20px;
font-weight:600;
color:#249eb9;
text-align:center;
margin-bottom:25px;
font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif,"Sawarabi Mincho";
}
@media only screen and (max-width: 680px){
#sec01 h3{
font-size:18px;
}
}

#message_text p{
margin-bottom:30px;
}
				

#sec01 .kakomi{
border:#abdae6 solid 1px;
border-radius:15px;
padding:25px 30px;
margin-bottom:30px;
}

.sec01_line{
text-align: center;
width:90%;
margin:0 auto 30px;
}
.sec01_line p{
margin-bottom:30px;
font-size:16px;
}
@media only screen and (max-width: 680px){
.sec01_line p{
font-size:15px;
max-height: 999999px;
}
}

.sec01_line img{
width:140px;
height:auto;
}

.sp01 {
display: inline-block;
}


/* SNS
------------------------------------------------------------*/

#sns_area ul{
width:196px;
margin:0 auto;
display: flex
}
#sns_area li:first-child{
width:140px;
margin:0 5px 20px;
}
#sns_area li:last-child{
width:36px;
margin:5px 5px 20px;
}

#sns_area li:last-child img{
width:36px;
height:auto;
}




/* SEC02 Gallery
------------------------------------------------------------*/

#gallery{
	overflow: hidden;
	width:100%;
	display: flex;
}

.gallery_pict{
width: 50%;
}
@media only screen and (max-width: 640px){
#gallery{
	display: block;
}

.gallery_pict{
width: 100%;
max-width:480px;
margin:0 auto 20px;
}
}
.gallery_pict img{
width:100%;
height:auto;
vertical-align:top;
image-rendering: -webkit-optimize-contrast;
}



/* SEC03 MENU
------------------------------------------------------------*/


#sec03{
background: #f2f9fb;
padding:40px 0 0;
}
@media only screen and (max-width: 799px){
#sec03{
background: #fff;
padding:0;
}
}

#menu_intro{
text-align:center;
font-size: 16px;
max-width:84%;
margin:0 auto 60px;
}
@media only screen and (max-width: 640px){
#menu_intro{
text-align:left;
margin:0 auto 40px;
font-size:15px;
max-height: 999999px;
}
#menu_intro br{
display: none;
}
}


#sec03 ul#menu_target{
	overflow: hidden;
	width:100%;
padding-bottom:50px;
}

#sec03 ul#menu_target li{
	float: left;
	width: calc(100%/3);
	position: relative;
}


@media only screen and (max-width: 799px){
#sec03 ul#menu_target li{
	float: none;
	width: 80%;
	margin:0 auto 30px;
}

#sec03 ul#menu_target li:first-child,
#sec03 ul#menu_target li:last-child{
margin-right: 0%;
margin-left: auto;
padding-right:20px;
}
#sec03 ul#menu_target li:first-child img,
#sec03 ul#menu_target li:last-child img{
width:100%;
}

#sec03 ul#menu_target li:nth-child(2){
margin-right:auto;
margin-left:0% ;
padding-left:20px;
}

#sec03 ul#menu_target li:nth-child(2) img{
width:100%;
}
}




.menu_container{
background: #f2f9fb;
padding:100px 0 0px 0;
position: relative;
}
@media only screen and (max-width: 799px){
.menu_container{
background: #f2f9fb;
padding:100px 0 0px;
}
.menu_container:before{
display: block;
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    width: 1px;
    height: 60px;
    background-color: #87e4f6;
				z-index:3
}
}


#campaign_ttl{
width:390px;
margin:0 auto 50px;
line-height:1.0;
text-align: center;
position: relative;
}
#campaign_ttl img#campaignmark{
width:390px;
position: relative;
z-index: 2;
}
#campaign_ttl img#openmark{
width:145px;
position: absolute;
left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
top:-135px;
z-index: 1;
}
#campaign_ttl span{
font-weight:bold;
font-size:20px;
color:#e24e74;

}


@media only screen and (max-width: 480px){
#campaign_ttl{
width:80%;
}
#campaign_ttl img#campaignmark{
width:100%;
}
#campaign_ttl span{
font-size:17px;
}
}





.en01,
.en02,
.en03{
position: absolute;
left:20px;
bottom:-10px;
color:#fff;
z-index: 400;
text-align: center;
line-height:1.5;
width: 100px;
height: 100px;
border-radius: 50%;
display: block;
font-weight: 600;
}
@media only screen and (max-width:1023px){
.en01,
.en02,
.en03{
width: 90px;
height:90px;
}
}
@media only screen and (max-width: 799px){
.en01,
.en03{
left:-40px;
bottom:0px;
width: 120px;
height: 120px;
}
.en02{
left:inherit;
right:-40px;
bottom:0px;
width: 120px;
height: 120px;
}
}
@media only screen and (max-width: 420px){
.en01,
.en02,
.en03{
width: 94px;
height:94px;
}
}


div.en_inner{
position: absolute;
display: inline-block;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align:center;
width:100%;
font-size:24px;
}
@media (min-width: 800px) and (max-width: 1199px) {
div.en_inner{
font-size:20px;
}
}
@media only screen and (max-width: 420px){
div.en_inner{
font-size:20px;
}
}


div.en_inner span{
font-size:16px;
display: block;
}

.en01{
background-color:#ffadc8;
}
.en02{
background-color:#87e4f6;
}
.en03{
background-color:#f3ba41;
}


.menu_box{
border:#c3c7c8 solid 1px;
padding:10px;
background-color:#fff;
display: flex;
width:742px;
margin:0 auto 30px;
font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif,"游ゴシック",YuGothic,"メイリオ",Meiryo !important;
font-weight:400;
}

@media only screen and (max-width: 1023px){
.menu_box{
display: block;
width:84%;
max-width:480px;
margin:0 auto 30px;
position: relative;
padding:40px 10px 8px;
}
}



.menu_label{
width:80px;
position:relative;
}

.label_inner{
position: absolute;
top: 50%;
transform: translate(0%, -50%);
width:56px;
line-height: 1.0;
}

.menu_label img{
width:56px;
height:24px;
}
.label_inner span{
display:inline;
}
@media only screen and (max-width: 1023px){
.menu_label{
width:100%;
}
.label_inner{
top: -20px;
left:50%;
transform: translate(-50%, -50%);
width:100%;
text-align:center;
}
.label_inner span{
display:none;
}
}







span.label_mens,
span.label_ladys,
span.label_kids,
span.label_teens{
padding:8px;
color:#fff;
line-height:1.0;
width:60px;
text-align:center;
}
span.label_mens{
background-color:#87e4f6;
}
span.label_ladys{
background-color:#ffadc8;
}
span.label_kids,
span.label_teens{
background-color:#f3ba41;
}




.menu_item{
width:296px;
border-right:#ccc solid 1px;
align-items: center;
display: flex;
font-size:16px;
color:#2a2a2a;
}

@media only screen and (max-width: 1023px){
.menu_item{
width:100%;
border:none;
border-bottom:#ccc solid 1px;
display: block;
text-align: center;
font-size:16px;
color:#2a2a2a;
padding-bottom:15px;
}
}

.menu_price{
width:365px;
line-height:1.5;
text-align: center;
padding:8px;
}
@media only screen and (max-width: 1023px){
.menu_price{
width:100%;
padding:15px 8px;
}
}


.campaign_price_m{
font-size:16px;
}


.campaign_price_l{
font-size:24px;
font-weight:bold;
color:#e24e74;
display: inline-block;
}
@media only screen and (max-width: 420px){
.campaign_price_l{
display: block;
}
}

.spno{
display: inline;
}
@media only screen and (max-width: 420px){
.spno{
display:none;
}
}


.campaign_price_s{
font-size:12px;
font-weight:bold;
color:#e24e74;
}

.campaign_price p{
font-size:14px;
}


.komidashi{
font-size:12px;
font-weight:normal;
text-align: center;
margin:80px 0 30px;
}


.komidashi span{
font-size:20px;
font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif,"Sawarabi Mincho";
display: block;
}


/* SEC03 BRAND
------------------------------------------------------------*/
.col4 .img{
	margin: 0 auto;
	text-align: center;
}



/* SEC04 PROJECT
------------------------------------------------------------*/
#sec04{
	padding-bottom: 0 !important;
}

.article{
	clear: both;
	overflow: hidden;
	padding-bottom: 50px;
}

.article img{
	float: left;
	margin: 5px 20px 20px;
}

.article p{
	margin-bottom: 20px;
}



/* SEC05 COMPANY
------------------------------------------------------------*/
#sec05 p{
	margin-bottom: 5px;
}

.col2 li{
	display: inline-block;
	width: 100%;
  margin: 20px 0;
}

#map{
	position: relative;
	z-index: 0;
}

#map iframe{
	width: 100% !important;
	height: 100% !important;
	border: 0;
	margin-bottom:20px;
}



/* RESPONSIVE 設定
------------------------------------------------------------*/

@media only screen and (min-width: 800px){
	body{
		font-size:14px;
	}
	
	#wrapper{
		width: 100%;
	}
	
	#content{
		width: 80%;
	}
	
	#sidebar{
		width: 12%;
		position: fixed;
		top: 0;
		right: 4%;
		background: #fff;
	}
	
  a#menu{
		display:none;
	}	

	.panel{
		display:block !important;
	}
	
	#sidebar h1{
		padding: 40px 0 30px;

		
	}
	
		#sidebar h1 img{
		width: auto !important;
  max-height: 25px;
 }
	
	#sidebar h1 span{
	display: none;
	
	}

	#mainnav li{
		font-size: 14px;
		padding: 10px 0;
	}
	
	#sns{
		margin-top: 50px;
	}
	
	#sns li{
		display: inline-block;
	}
		#sns li:first-child{
		display: inline-block;
		padding-right: 10px;
	}
		#sns li:first-child img{
			width:36px;

		}	
		#sns li:last-child img{
		width:140px;
		}
		

		


	#sns a:hover img{
		opacity: .8;
	}
	
	/* SEC03 BRAND
	-----------------*/
	.col4{
		text-align: center;
	}

	.col4 li{
		display: inline-block;
		width: 18%;
		padding: 0 3%;
		vertical-align: top;
		text-align: left;
	}
	
	#map iframe{
		height: 200px !important;
  }
	
  #footer{
		padding: 30px 10px 70px 0;
	}
}


@media only screen and (min-width: 641px){
	.col2 li{
		width: 60%;
		vertical-align: top;
	}
	.col2 li:first-child{
		width: 35%;
		padding-right: 4%;
	}
}

@media only screen and (max-width: 640px){
	.innerS{
		width: 94%;
		padding-bottom: 30px;
	}
	#gallery li{
		float: none;
		width: 100%;
	}
	.article img{
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	#map iframe{
		width: 96% !important;
		left: 2%;
	}
}

@media only screen and (max-width: 799px){
	#sidebar{
		position: fixed;
		width: 100%;
		z-index:500;
	}
	
	#sidebarWrap{
		position: relative;
		width: 100%;
		height: 60px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}
	
	#sidebar h1{
		text-align: center;
		padding-top: 13px;
		line-height:1.0;
	}
	
	#sidebar h1 img{
		width: auto !important;
		max-height: 25px;
		width:60px;
		position: relative;
		z-index: 99999;
	}
	
		#sidebar h1 a,
	#sidebar h1 a:hover{
	text-decoration: none;
	color:#333;
	}
	

		#sidebar h1 span{
		z-index: 99999;
	position: relative;
		font-size:9px;
		display: block;
		font-weight:normal;
		}
	
  a#menu{
  	display: inline-block;
  	position: relative;
  	width: 40px;
  	height: 40px;
  	margin: 10px;
	}

	#menuBtn{
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 18px;
  	height: 2px;
  	margin: -1px 0 0 -7px;
  	background: #000;
  	transition: .2s;
	}

	#menuBtn:before, #menuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 18px;
  	height: 2px;
  	background: #000;
  	transition: .3s;
	}

	#menuBtn:before{
  	margin-top: -7px;
	}

	#menuBtn:after{
  	margin-top: 5px;
	}

	a#menu .close{
  	background: transparent;
	}

	a#menu .close:before, a#menu .close:after{
  	margin-top: 0;
	}

	a#menu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}

	a#menu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}

	.panel{
		width: 100%;
		display: none;
		overflow: hidden;
		position: relative;
		left: 0;
		top: -10px;
		z-index: 100;
	}

	#mainnav{
		position: absolute;
		top: 0;
		width: 100%;
		text-align: right;
	}

	#mainnav ul{
		border-bottom: 1px solid #ccc;
		background: #fff;
		text-align: left;
	}

	#mainnav li a{
		position: relative;
		display: block;
		padding: 15px 25px;
		border-bottom: 1px solid #ccc;
		color: #000;
		font-weight: 400;
	}
	
	
	
	#mainnav li a:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#mainnav #sns li{
		display: inline-block;
	}
		#mainnav  ul#sns{
		padding-left:10px;
		}
	#mainnav #sns li a{
		position: relative;
		display: inline-block;
		padding: 15px 5px 0;
		border: 0;
	}
	#mainnav #sns li a:before{
		border: 0;
	}
	
		#mainnav li:first-child img{
		width:32px;

		}
			#mainnav li:last-child img{
		width:120px;
		}
		
		.mainnav_yoyaku{
		background-color: #fff;
		padding:20px 0 10px;
		}
		
	
	.col4 li{
		margin: 0 auto 50px;
		display: block;
		text-align: center;
	}
	section h2{
		margin: 55px auto;
	}
}


/* Kasou MENU Page
------------------------------------------------------------*/

#menupage{
font-size:16px;
}
@media only screen and (max-width: 640px){
#menupage{
font-size:14px;
}
}

header#kasou_header{
background-image: url("../images/k_bg.png");
background-size: 100%;
background-repeat: no-repeat;
position:relative;
height:250px;
}
@media only screen and (max-width: 799px){
header#kasou_header{
display:none;
}
}

header#kasou_header h1{
position:absolute;
left:8%;
top:60px;
}
header#kasou_header h1 img{
width:178px;
}
header#kasou_header h1 span{
display: block;
font-weight:normal;
font-size:13px;
margin-top:2px;
text-align: center
}


.kasou #sec03{
background-color:#fff;
}
@media only screen and (max-width: 799px){
.kasou #sec03{
padding-top:120px;
background-image: url("../images/k_bg.png");
background-size: 100%;
background-repeat: no-repeat;
background-position: 0 60px ;
}
}

.kasou #sec03 h2{
font-size:32px;
margin: 0px auto 70px;
font-weight: normal;
text-align: center;
font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif,"Sawarabi Mincho";
}
@media only screen and (max-width: 799px){
#menupage ul#menu_target{
display: none;
}
}


/*　メニューページ　メニューボックス　------------------------------ */

nav#menu_nav ul{
display:flex;
max-width:738px;
width:96%;
margin:0 auto 100px;
}
@media only screen and (max-width: 960px){
nav#menu_nav ul{
display:block;
width:230px;
margin:0 auto 60px;
}

nav#menu_nav li{
margin-bottom:20px;
}
}

nav#menu_nav li a{
text-decoration: none;
padding:8px;
border-radius:25px;
width:230px;
display:block;
text-align:center;
font-size:15px;
font-weight:bold;
letter-spacing:-0.1px;
margin:0 8px;
}
@media only screen and (max-width: 960px){
nav#menu_nav li a{
margin:0;
}
}
nav#menu_nav li:first-child a{
color:#fa6898;
border:#fa6898 solid 1px;

}
nav#menu_nav li:first-child a:hover{
background-color:#fbf3f3;
transition : 0.5s;
}
nav#menu_nav li:nth-child(2) a{
color:#07c9ef;
border:#07c9ef solid 1px;
}
nav#menu_nav li:nth-child(2) a:hover{
background-color:#eff7f8;
transition : 0.5s;
}

nav#menu_nav li:last-child a{
color:#f3ba41;
border:#f3ba41 solid 1px;
}


nav#menu_nav li:last-child a:hover{
background-color:#fcf9e8;
transition : 0.5s;
}


#counseling_waku{
max-width:730px;
width:90%;
margin:0 auto 80px;
padding:30px 20px;
text-align:center;
border:#d2e2e4 solid 1px;
}
@media only screen and (max-width: 640px){
#counseling_waku{
margin:0 auto 60px;
}
}

#menu_content{
background-color: #f5fbfc;
padding:40px 0 100px;
}
@media only screen and (max-width: 640px){
#menu_content{
padding:60px 0 ;
}
}

.menu_box_introtext{
padding:80px 0 60px;
text-align:center;
}


#menu_content .en01,
#menu_content .en02,
#menu_content .en03{
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
bottom:inherit;
top:-62px;
width: 124px;
height: 124px;
}
#menu_content .en_inner{
font-size:28px;
line-height:1.2;
}
@media only screen and (max-width: 640px){
#menu_content .en01,
#menu_content .en02,
#menu_content .en03{
bottom:inherit;
width: 100px;
height: 100px;
}
#menu_content .en_inner{
font-size:22px;
}
}





#menu_ladys_box,
#menu_mens_box,
#menu_kids_box,
#menu_teens_box{
padding-top:100px;
}


.menu_box_inner{
max-width:940px;
width:90%;
margin:0 auto 60px;
padding:20px 60px 60px 60px;
background-color:#fff;
border:#cddfe3 solid 1px;
position:relative;
}
@media only screen and (max-width: 640px){
.menu_box_inner{
padding:10px 20px 20px 20px;
background-color:#fff;
border:#cddfe3 solid 1px;
position:relative;
}
}


.menu_box_inner h3{
color:#fff;
text-align:center;
font-size:20px;
padding:6px;
border-radius:2px;
}
@media only screen and (max-width: 640px){
.menu_box_inner h3{
font-size:16px;
}
}

.menu_box_inner h3.ladys_midashi{
background-color:#d76280;
}
.menu_box_inner h3.mens_midashi{
background-color:#48c3da;
}
.menu_box_inner h3.kids_midashi{
background-color:#f19551;
}


.menu_box_inner h4{ /*メニュー分類　*/
font-size:18px;
font-weight:bold;
margin:60px 0 15px;
}

#menu_ladys_box h4{
color:#e56888;
}
#menu_mens_box h4{
color:#07c9ef;
}
#menu_kids_box h4,
#menu_teens_box h4{
color:#f9a900;
}

span.label_mens,
span.label_ladys,
span.label_kids,
span.label_teens{
width:70px;
align-items: center;
display: inline-block;
font-size:14px;
margin-right:8px;
padding:4px;
}


.menu_intro_text{
padding: 20px;
font-size:15px;
}
#menu_ladys_box .menu_intro_text{
background-color: #fbf3f3;
}
#menu_mens_box .menu_intro_text{
background-color: #eff7f8;
}
#menu_kids_box .menu_intro_text,
#menu_teens_box .menu_intro_text{
background-color: #f9f5ed;
}

.menu_set{
font-size:16px;
overflow:hidden;
border-bottom:#e9d9dd solid 1px;
padding:12px 4px;
margin-bottom:18px;
font-weight: bold;
}
@media only screen and (max-width: 640px){
.menu_set{
font-size:15px;
}
}


.menu_name{
width:70%;
float:left;
}
.menu_setumei{
font-size:14px;
font-weight:normal;
width:70%;
}
.menu_kakaku{
width:30%;
float:right;
text-align:right;
margin-bottom:12px;
}


@media only screen and (max-width: 1200px){
.menu_name{
width:100%;
float:none;
}
.menu_setumei{
width:100%;
}
.menu_kakaku{
width:100%;
float:none;
text-align: right;
}
}



/* sec06  お客様の声　---------------------- */

#sec06{
background-image: url("../images/top_voice_bg.jpg");
background-size: 100%;
padding:10px 0 80px;
}

#sec06_inner{
width:1230px;
margin:0 auto;
overflow: hidden;
}
@media only screen and (max-width: 1650px){
#sec06_inner{
width:90%;
}
}

#sec06_inner li{
width:600px;
float:left;
display: flex;
padding:30px;
border-radius:15px;
background-color: #fff;
border:#ccc solid 1px;
margin-bottom:30px;
}
#sec06_inner li:nth-child(odd){
margin-right:30px;
}
@media only screen and (max-width: 1650px){
#sec06_inner li,
#sec06_inner li:nth-child(odd){
float:none;
width:90%;
max-width:800px;
margin:0 auto 30px
}
}
@media only screen and (max-width: 540px){
#sec06_inner li,
#sec06_inner li:nth-child(odd){
display: block;
}
}

.koe_pict{
width:214px;
margin-right:25px;
}
.koe_text{
width:calc(100% - 239px);
}
@media only screen and (max-width: 640px){
.koe_pict{
width:150px;
margin-right:15px;
}
.koe_text{
width:calc(100% - 165px);
}
}
@media only screen and (max-width: 540px){
.koe_pict{
width:94%;
margin:0 auto 15px;
}
.koe_text{
width:100%;
}
}


.koe_midashi{
font-size:17px;
font-weight:bold;
padding:8px 4px;
border-bottom:#ccc solid 1px;
margin-bottom:15px;
}
.koe_message{
font-size:16px;
}

.go_insta{
font-size:16px;
}

.go_insta img{
width: 70px;
height: auto;
padding:12px;
}


/* 大切なお知らせ
---------------------------- */


.info{
border:#dbf6fb solid 10px;
padding:40px 10% 40px;
margin:60px auto 20px;
width: 80%;
max-width: 920px;
}
.info h2{
font-family: 'Noto Serif JP',"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif,"Sawarabi Mincho";
font-size:24px;
margin-bottom:25px;
text-align: center;
}

.info_text{
line-height:2.0;
font-size:16px;
}

@media only screen and (max-width: 540px){
.info{
padding:40px 8%;
border:#dbf6fb solid 5px;
margin:40px auto 0px;
width:90%;
}
.info h2{
font-size:22px;
}

.info_text{
font-size:15px;
}
}