@charset "utf-8";


/*===============================================*/

/*  for PC / menu.css    */

/*===============================================*/


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




/*section menuarea
------------------------------------*/

section.menuArea {width: 100%;}

section.menuArea ul {
	width: 100%;
	clear:both;
	overflow:hidden;
	border-bottom: 1px solid #e9e9e9;
	}
section.menuArea ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

section.menuArea ul li {width: 50%;height:500px;}
section.menuArea ul li.imgbg {background:#fff no-repeat center center;background-size:cover;}
section.menuArea ul li.img01 {background-image: url(../images/menu/imgbg_body.jpg);}
section.menuArea ul li.img02 {background-image: url(../images/menu/imgbg_facial.jpg);}
section.menuArea ul li.img03 {background-image: url(../images/menu/imgbg_epilation.jpg);}
section.menuArea ul li.img04 {background-image: url(../images/menu/imgbg_bridal.jpg);}

section.menuArea ul a:link {text-decoration: none;}
section.menuArea ul a:visited {text-decoration: none;}
section.menuArea ul a {display:block; height:500px; -webkit-transition: background-color .70s ease;transition: background-color .70s ease;}
section.menuArea ul a:hover {height:500px;background: #feebf0 ;}	

section.menuArea ul li.tx {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	}

section.menuArea ul li.tx img {
	padding:120px 0px 0px 0px;
	}
	
section.menuArea ul li.tx h2 {
	margin: 15px 0px 0px 0px;
	font-size:26px;
	width:auto;
	text-align:center;
	font-family:Ryumin Regular KL ;
	}
	
section.menuArea ul li.tx span {
	margin: 0px 0px 0px 0px;
	text-align:center;
	font-size:87%;
	display:block;
	color:#e80953;
	font-family: FB PoynterSerif RE Italic ;
	}
	
section.menuArea ul li.tx figcaption {
	margin: 20px 0px 0px 0px;
	font-size:20px;
	line-height:20px;
	font-family:Gothic MB101 Medium ;
	}
	
section.menuArea ul li.tx p {
	margin: 30px auto 0px;
	padding: 15px;
	width:300px;
	height:auto;
	text-align:center;
	font-size:16px;
	line-height:20px;
	border: 2px solid #bfbfbf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

/**********/
footer {margin-top:0px;}
/**********/

/*===============================================*/





/*===============================================*/

/*  for tablet     画面の横幅が600px-958pxまで */

/*===============================================*/


@media screen and (max-width: 959px){



/*section menuArea
------------------------------------*/

section.menuArea ul li.tx figcaption {margin: 20px auto 0px auto;line-height:30px;width:90%;}
section.menuArea ul li.tx p {width:90%;}

}
/*===============================================*/






/*===============================================*/

/*  for SP   画面の横幅が600px以下 */

/*===============================================*/

@media screen and (max-width: 599px){


/*section menuArea
------------------------------------*/

section.menuArea ul li {width: 100%;height:300px; float:none;}
section.menuArea ul a {height:auto}
section.menuArea ul a:hover {height:auto}	

section.menuArea ul li.tx img {padding-top:30px}
section.menuArea ul li.tx figcaption {margin: 10px auto 0px; font-size:16px;}
section.menuArea ul li.tx p {margin-top: 10px}

}
/*===============================================*/