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

body {min-width: 100%;font-size: 1.2rem;overflow-x: hidden;}
img {max-width: 100%;height: auto;display: block;margin: 0 auto;}
/* option */
.inner { width: 100%; }
/* mobile switch */
.pc, .globalNavi, #headerArea, .footerMenu, #footerInfo, #subHeadList, #desSlideshow { display: none; }
.mobile, .sp, #header-mobile, .sp-foot, #head_side ,.bx-wrapper { display: block; }

p {font-size: 4vw;line-height: 1.8;}
iframe {max-width: 100%; max-height: 200px;}

.f10 {	font-size:3vw;}
.f11 {	font-size:3vw;}
.f12 {	font-size:4vw;}
.f13 {	font-size:4vw;}
.f14 {	font-size:4vw;}
.f15 {	font-size:4vw;}
.f16 {	font-size:4vw;}
.f18 {font-size: 4vw;}
.f20 {	font-size:4.5vw;}
.f24 {	font-size:5vw;}
.f30 {	font-size:6vw;}
.f40 {	font-size:8vw;}

.right, .left {float: none;}
.right>img, .left>img {width: 90%;margin: 0 auto;}

/* ------------------------------------ 	header ------------------------------------ */
#top_header {width:auto;height: auto;margin-right: auto;margin-bottom: 0;margin-left: auto;margin-top: 0px;	background: none;}
#header-mobile {border-top: 3px solid #c9a576;}
#header-mobile #header-bar { height: 50px; padding-top: 12px; margin: auto; display: table; }
#header-mobile>a img	{width: 60%;padding: 2%;margin: 0 auto;}
#header-mobile #header-fix {width: 100%;position: relative;z-index: 9998;-webkit-transform: translate3d(0, 0, 0);}
#header-mobile #header-fix.fixed { width: 100%; position: fixed; top: 0; display: block; }
#header-mobile #header-fix li { width: 25%; float: left; list-style: none; }
#header-mobile #header-fix li img { width: 100%; height: auto; }
#header-mobile #header-fix li:hover { cursor: pointer; }
#navi-tel {width: 100%;height: 100vh;padding: 20px 0 120px;background: rgba(90, 90, 90, 0.5);border: none;display: block;position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: auto;z-index: 10000;}
#navi-tel .heading { margin: 0 auto 30px; color: #fff; font-weight: bold; text-align: center; }
#navi-tel ul { width: 90%; margin: auto; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#navi-tel li {margin: 0 1% 4%;text-align: center;background: #9cca39;position: relative;}
#navi-tel li .maps_in {margin-bottom: 0;padding: 0 0 2%;}
#navi-tel li .maps_in img {margin: 0 auto 2%;width: 70%;}
#navi-tel li .maps_in:last-child {border-radius: 0;margin-bottom: 0;background: #fff;}
#navi-tel li .maps_in .salon_name {background: #9cca39;padding: 2% 0;margin-bottom: 2%;text-align:  center;}
#navi-tel li .maps_in .salon_name img {width: 35%;margin:  0 auto;padding: 1% 0;}
#navi-tel #button-close-tel {width: 50px;height: 30px;padding-top: 5px;padding-bottom: 15px;margin: 0 auto 30px;color: #fff;font-size: 2rem;text-align: center;line-height: 1;background: #f0821e;border-radius: 50%;cursor: pointer;}

/* ------------------------------------ pagetop ------------------------------------ */
	
#pagetop {width: 50px;height: 50px;padding: 0;margin-left: 0;text-align: center;background: rgba(179, 158, 113, 0.5);border: 1px solid #f8efe0;border-radius: 50%;position: fixed;top: auto;bottom: 34px;right: 3%;-webkit-transition: 0s;transition: 0s;z-index: 9999;transform: translate(0);}
#pagetop:before {content: "\f077";width: auto;height: auto;margin: 0;font-size: 8vw;font-family: FontAwesome;background: none;position: static;transform: none;display: inline-block;vertical-align: middle;margin: 0 0;color: #fff;}
#pagetop:hover:before { margin-left: 0; transform: none; }
#pagetop:hover, #pagetop:visited {text-decoration:none;}
#pagetop:after { display: none; }
	
/* header====================================*/
#header-box {width: auto;height: auto;margin-right: auto;margin-bottom: 0px;margin-left: auto;margin-top: 0px;}
#header-in {height: auto;width: 100%;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
.flexslider {width: 100%;height: auto;}
.flexslider .slides {zoom: 1;height: auto;width: auto;}
.flex-control-paging li a {
	height: 14px;
	width: 14px;
	background-image: url(https://jeunesse-salon.com/images/header_in_btn_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
.flex-control-paging li a:hover {
	background-image: url(https://jeunesse-salon.com/images/header_in_btn_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	height: 14px;
	width: 14px;
}
.flex-control-paging li a.flex-active {
	background-image: url(https://jeunesse-salon.com/images/header_in_btn_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	height: 14px;
	width: 14px;
	}

#header {width: auto;height: auto;margin-right: auto;margin-bottom: 0px;margin-left: auto;margin-top: 0px;float: none;text-align: left;z-index: 1;}
.pushy-open-right #header {z-index: initial;}
.header-side {float: none;height: auto;width: 98%;margin: 8% auto 0;}
#header-in2 .header-side {margin-top: 2%;}
.header-side ul {float: none;list-style-type: none;}
.header-side ul li {font-size: 12px;height: auto;width: 49.5%;list-style-type: none;margin-bottom: 1%;margin-right: 1%;float: left;}
.header-side ul li:nth-child(even) {margin-right: 0;}
.header-bottom {height: auto;width: 100%;margin-top: 10px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
/*///////////////////*/
#header-box2 {width: auto;height: auto;margin-right: auto;margin-bottom: 0px;margin-left: auto;margin-top: 0px;}
#header-in2 {height: auto;width: 100%;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
#header2 {width: auto;height: auto;margin-right: auto;margin-bottom: 0px;margin-left: auto;margin-top: 0px;float: none;text-align: left;}
.header-side2 {float: right;height: auto;width: auto;}
.header-side2 ul {float: right;list-style-type: none;}
.header-side2 ul li {font-size: 12px;height: auto;width: auto;list-style-type: none;margin-bottom: 3px;}

.bx-viewport {z-index: 0;}

#subHead {background:url(../images/sp/head_02.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
#subHead03 {background:url(../images/sp/head_03.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
#subHead04 {background:url(../images/sp/head_04.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
#subHead05 {background:url(../images/sp/head_05.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
#subHead06 {background:url(../images/sp/head_06.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
#subHead07 {background:url(../images/sp/head_07.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
#subHead08 {background:url(../images/sp/head_08.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
#subHead09 {background:url(../images/sp/head_09.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
#subHead10 {background:url(../images/sp/head_10.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
#subHead11 {background:url(../images/sp/head_11.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
#subHead12 {background:url(../images/sp/head_12.png) no-repeat center top;background-size: contain;height: auto;padding-bottom: 41%;position:relative;margin-top: 17%;}
/* footer
====================================*/


#footer {
	width:100%;
	height:auto;
	clear:both;
	background: url(../images/footer_bg.jpg) repeat-x center top #ece6dc;
}
#footerArea {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:left;
}
#footerBtn {
	width: 90%;
	float: none;
	padding-top: 4%;
	margin:  0 auto;
}
#infoArea {
	clear:both;
	padding-top: 6%;
	padding-bottom: 0;
}
#footerInfo li {
	float:left;
	padding-left:6px;
	width: 49%;
}
#address {
	width: 100%;
	font-size: 3.5vw;
	padding: 2% 0;
}
#address a:link, #address a:visited, #address a:hover {
	color:#6d5e45;
}

.sp-foot>a:nth-child(1) img {width: 60%;margin: 0 auto 3%;}
.sp-foot>a:nth-child(2) img {width: 60%;margin: 0 auto;}
.sp-foot>a:nth-child(3) img {width: 60%;margin: 0 auto;}
.sp-foot ul {margin: 4% auto 0;width: 90%;text-align: center;}
.sp-foot li {display: inline-block;width: 48%;}

.sp-foot ul.sp_foot_nav { width: 100%; background: #fff;}
.sp-foot ul.sp_foot_nav li {font-size: 4vw;text-align: left;padding: 2%;width: 44%;position:relative;border-bottom: 1px dashed #b4aea4;}
.sp-foot ul.sp_foot_nav li:after {content: ">";font-size: 60%;float: right;}
.sp-foot ul.sp_foot_nav li:nth-child(7),.sp-foot ul.sp_foot_nav li:nth-child(8) {border-bottom: none;}

/* Heading
====================================*/
h2 {
	width: 100%;
	height: auto;
	margin: 0 auto 2%;
	font-size: 4.5vw;
	padding: 7% 0 4%;
	background: url(../images/sp/frame_top_t.jpg) no-repeat center top,url(../images/sp/frame_top_b.jpg) no-repeat center bottom;
	background-size: contain;
	line-height: 1.4;
}
/* main contents
====================================*/
#contents {
	width: 100%;
	height: auto;
	margin:0 auto;
	color: #000;
	text-align: left;
	padding: 3% 0 0 0;
	clear:both;
}

.mainAreaR {
	width: 96%;
	height: auto;
	float: none;
	margin: 0 auto;
}
.bannerList {
	_zoom: 1;
	overflow: hidden;
}
.bannerList ul {
	padding-bottom: 2%;
}
.bannerList li {
	float:left;
	padding-left: 2%;
	width: 49%;
}
.bannerList li:first-child {
	padding-left:0px;
}
.top_pkup_B{
	width: 100%;
	height: auto;
	float: none;
	background:url(../images/top_pickup_bridal.jpg) no-repeat top;
	background-size: contain;
	padding-top: 40%;
	padding-bottom: 10%;
	}

.top_pkup_R{
	width: 100%;
	height: auto;
	float: none;
	background:url(../images/top_pickup_regular.jpg) no-repeat top;
	background-size: contain;
	padding-top: 40%;
	padding-bottom: 10%;
	}

.top_pkup_B li,.top_pkup_R li{  padding-left:20px; padding-bottom:8px;  margin-left:15px; font-size:14px; padding-top:4px;  background:url(../images/top_pkup_li.png) no-repeat left top;}
.top_pkup_B li a:hover,.top_pkup_R li a:hover{ color:#bd9f59; text-decoration:none;} 

.specialPlan {
	width: 100%;
	height:auto;
	float: none;
	margin-bottom: 4%;
}
.specialPlan li {
	width: 49%;
	float:left;
	padding-bottom: 2%;
}
.specialPlan li:nth-child(even) {
	padding-left: 2%;
}
.regularMenu {
	width: 100%;
	height:auto;
	float: none;
}
.regularMenu li {
	float: left;
	padding-bottom: 2%;
	width:  49%;
}
.regularMenu li:nth-child(even) {
	padding-left: 2%;
}
.news {
	width: 100%;
	height: auto;
	overflow-x:hidden;
	overflow-y: auto;
	max-height:  160px;
	margin-bottom: 3%;
}

.newsBoxIn dl {
	font-weight: normal;
	height: auto;
	line-height: 1.6;
	margin: 1% 0 1% 1%;
	border-bottom:3px dotted #d7ccb8;
	color: #633b14;
	padding-bottom: 1%;
}
.newsBoxIn dl dt {
	padding: 0 0 0 4%;
	background: url(../images/news_icon.jpg) no-repeat center left;
	float: none;
	height: auto;
	letter-spacing: 1px;
	text-indent: 0;
	font-size: 4vw;
}

.newsBoxIn dl dd {
	margin-left: 0;
	font-size: 4vw;
	padding: 0;
}

/* side
====================================*/

.side {
	width: 96%;
	float: none;
	margin: 0 auto 2%;
}
.side li {
	padding-bottom:6px;
}
/* Second page
====================================*/


.areaBox {
	height: auto;
	font-size: 4vw;
	padding: 0 2% 6%;
	background: url(../images/frame_bottom.jpg) no-repeat center bottom;
	background-size: contain;
}

/* waku
====================================*/
.box_a{width: 100%;height: auto;float: none;margin-bottom: 4%;}
.box_b{width: 100%;height:auto;float: none;padding: 0;}
.box_c{width: 96%;height: auto;float: none;margin: 0 auto;}
.box_d{width: 96%;height: auto;float: none;padding:  0;margin: 0 auto;}


.radius_box {
	width:auto;
	height:auto;
	padding:0;
	margin: 0px auto 3%;
	font-size: 4vw;
	line-height:170%;
	text-align: left;
	color:#333333;
	background-color: #FFFFFF;
	border: 1px solid #caaf86;
	border-radius: 10px;        /* CSS3Ã¨Ââ€°Ã¦Â¡Ë† */
	-webkit-border-radius: 10px;    /* Safari,Google ChromeÃ§â€Â¨ */
	-moz-border-radius: 10px;   /* FirefoxÃ§â€Â¨ */
	behavior: url(https://jeunesse-salon.com/css/PIE.htc);
}
/*-----------------*/


.contact_bg{height: auto;background: url(../images/sp/foot_cpntact_t.jpg) no-repeat center top,url(../images/sp/foot_cpntact_b.jpg) no-repeat center bottom,url(../images/sp/foot_cpntact_m.jpg) repeat-y center top;background-size: contain;text-align:center;padding: 41% 7% 5%; margin-bottom: 5%;}
.contact_bg .pt16 {padding-top: 3%;}

/* menu
====================================*/
.menu_list li{float:left;width: 48%;padding-right: 2%;padding-bottom: 4%;}

.menu_l{width: 100%;height:auto;float: none;margin-bottom: 3%;}
.menu_l img {width: 50%; margin: 0 auto;}
.menu_r{ width:100%; height:auto; float:none;}
.menu_r img {width: 100%; margin: 0 auto;}

.menu_couse{
    padding-left: 0;
}
.menu_couse dt{font-size: 4vw;padding: 3% 3% 0;}
.menu_couse dd{font-size: 6vw;background:url(../images/menu_ti_bg.jpg) no-repeat bottom;line-height: 1.4;padding: 2% 3% 5%;margin-bottom:10px;color:#dc8026;}
.menu_couse dd span{ font-size:16px; color:#7c5d1f; }
.menu_couse_p{width: 96%;margin:0 auto 15px;}

.h{background: url(../images/sp/h_dotted.jpg) no-repeat center left 8px /4%, url(../images/sp/h_gra.jpg) no-repeat bottom right /90% #fbf8f2;border: 1px solid #e1dbcc;line-height: 1.6;color:#8d7744;text-indent: initial;height: auto;width: 90%;margin-top: 3%;margin-bottom: 3%;font-size: 4vw;padding: 2% 0 2% 10%;}
.ti{margin: 3% 0 2%;padding-bottom: 1%;}

.menu_table {width: 100%; overflow: auto;}
.menu_table::-webkit-scrollbar {
    height: 10px;
}
.menu_table::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
.menu_table::-webkit-scrollbar-thumb {
  background-color: #b2b2b2;
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
.menu_p {margin-top: 2%; text-align: center;}

.m_tb{	width:100%;	 text-align:center;border: 2px #e7dab8 solid;	/*border-collapse: separate;	border-spacing: 2px;*/	vertical-align: middle;	margin:10px auto 0;	 }
.m_tb th{ color:#fff; font-size:12px; padding:8px; vertical-align:middle; border-right: 1px #fff solid;  background:#c1a354;  }
.m_tb td{color:#653b14;font-size: 3vw;padding: 1%;border-right: 1px #b8ad91 dotted;border-bottom: 1px #fff solid;vertical-align: middle;}
.m_tb tr:nth-child(2){ background:#fce7e0;} 
.m_tb tr:nth-child(3){ background:#fdf7e9;} 
.m_tb tr:nth-child(4){ background:#fce7e0;} 
.m_tb tr:nth-child(5){ background:#fdf7e9;} 
.m_tb td:hover{ background:#f5bab8;}



.m_tb2{	width:100%;	 text-align:center;/*border: 2px #e7dab8 solid;	border-collapse: separate;	border-spacing: 2px;*/	vertical-align: middle;	margin:10px auto 0;	 }
.m_tb2 th{ color:#fff; font-size:12px; padding:3px; vertical-align:middle; border-right: 1px #fff solid;  background:#ffb3aa;  }
.m_tb2 td{color:#653b14;font-size:p12x;padding: 1%;border-right: 1px #fff dotted;border-bottom: 1px #fff solid;vertical-align: middle;}
.m_tb2 td:nth-child(1){ background:#ffeeec;} 
.m_tb2 td:nth-child(2){ background:#fdf7e9;} 
.m_tb2 td:nth-child(3){ background:#fdf7e9;} 
.m_tb2 td:nth-child(4){ background:#ffd0db; color:#F00;} 


.menu_couse_li li a{
	width: 96%;
	display: block;
	text-align: left;
	text-decoration: none;
	background: -webkit-linear-gradient(top, #ecdfc1 0%, #cbbb96 88%);
	background: -moz-linear-gradient(top, #ecdfc1 0%, #cbbb96 88%);
	background: -o-linear-gradient(top, #ecdfc1 0%, #cbbb96 88%);
	background: -ms-linear-gradient(top, #ecdfc1 0%, #cbbb96 88%);
	background: linear-gradient(to bottom, #ecdfc1 0%, #cbbb96 88%);
	color: 3412a1b !important;
	float: left;
	padding: 2%;
	margin: 0 0 2%;
}

.menu_couse_li li a:hover{ background:#ecdfc1;}

.menu_flow {padding-left:0;}
.menu_flow dl {display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 2%;width: 48%;}
.menu_flow dl:nth-child(2n) {margin-right: 0;}
.menu_flow dd {font-size: 13px;font-weight: bold;}


/* salon
====================================*/
.salon_vizyon{background:url(../images/salon_vizyon.jpg) no-repeat;background-size: contain;width: 100%;height: auto;padding-bottom:  59%;margin-bottom: 0;}

.salon_vizyon p{ padding:270px 20px 0 220px; color:#221b0d; text-shadow: 0px 1px 1px #fff,0px 2px 2px #fff,0px 4px 2px #fff;}

.tel a{ color:#c39220; 	border-bottom:1px solid #8b6a1f;}
.tel a:hover{ color:#8b6a1f; text-decoration: none;}

.salon_g{ width:268px; height:auto; float:left;}



/* bridal
====================================*/
.bridal_top{background: url(../images/sp/bridal_top_t.jpg) no-repeat center top, url(../images/sp/bridal_top_b.jpg) no-repeat center bottom, url(../images/sp/bridal_top_m.jpg) repeat-y center top;background-size: contain;width: 100%;height: auto;}
.bridal_top p{
	padding-top: 20%;
	padding-bottom: 18%;
	margin: 0 5%;
	font-size: 4vw;
	line-height: 2;
	color: #7a6618;
	text-align: left;
}

.bridal_bg{background:url(../images/sp/bridal_bg.jpg)  bottom no-repeat,url(../images/sp/bridal_bg_m.jpg) center bottom repeat-y;background-size: contain;width: 100%;height:auto;border-bottom:1px solid #e6dfce;padding-bottom: 5%;}

.bridal_bg>div>p.text-center em {margin: 0 2%;}

.bridal_01{background:url(../images/sp/bridal_01.jpg) no-repeat;background-size: contain;width: 92%;padding-left: 4%;padding-right: 4%;}
.bridal_02{background:url(../images/sp/bridal_02.jpg) no-repeat;background-size: contain;width: 92%;padding-left: 4%;padding-right: 4%;}
.bridal_03{background:url(../images/sp/bridal_03.jpg) no-repeat;background-size: contain;width: 92%;padding-left: 4%;padding-right: 4%;}
.bridal_04{background:url(../images/sp/bridal_04.jpg) no-repeat;background-size: contain;width: 92%;padding-left: 4%;padding-right: 4%;}
.bridal_05{background:url(../images/sp/bridal_05.jpg) no-repeat;background-size: contain;width: 92%;padding-left: 4%;padding-right: 4%;}
.bridal_06{background:url(../images/sp/bridal_06.jpg) no-repeat;background-size: contain;width: 92%;padding-left: 4%;padding-right: 4%;}
.bridal_07{background:url(../images/sp/bridal_07.jpg) no-repeat;background-size: contain;width: 92%;padding-left: 4%;padding-right: 4%;}

.braidl_sp{background:url("../images/b_special4_bg_sp.jpg") no-repeat;background-size: 100% 100%;width: 92%;padding: 28% 4% 15%;height: auto;}
.braidl_sp img{width: 100%;margin: 0;}
.bridal_sp p.text-center.mt20 {text-align: initial;}

.bridal_tx{padding-top: 40%;width: 100%;font-size: 3vw;}
.bridal_ti{height: auto;background: url(../images/bridal_ti.jpg) repeat-y;text-align:center;font-size: 4vw;color:#725227;line-height: 1.8;margin-top: 0%;width: 98%;}


.b_tb{width: 100%;margin: 2% 0 0;}
.b_tb th{font-size: 3.5vw;padding: 2%;}

.b_tb td{font-size: 3vw;padding: 2%;}
.b_tb tr:nth-child(2){ background:#fff;} 
.b_tb tr:nth-child(3){ background:#fdf7e9;} 
.b_tb tr:nth-child(4){ background:#fff;} 
.b_tb tr:nth-child(5){ background:#fdf7e9;} 
.b_tb tr:nth-child(7){ background:#fdf7e9;} 

.b_counseling{height: auto;padding-bottom: 6%;}
.b_counseling p {font-size: 4vw; padding: 3% 4%; line-height: 1.6;}
.b_counseling img{position:  relative;top:auto;left:auto;margin: 0 auto;width: 40%;}

.bridal_btn.mb {margin-bottom: 5%;}
.bridal_btn img {margin: 0 auto 3%;width: 80%;}

.b_step { overflow: hidden;}
.b_step .b_step_ttl { max-width: none; width: 120%; margin-bottom: 3%;}
.b_step .box_c {margin-bottom: 3%;}
.b_step .right {width: 90%; margin: 0 auto;}

.b_trial img {margin-bottom: 2%;}
	
.bridal_table {width: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
p.b_sp4 {padding-top: 18%; width: 75%;}
.b_sp4tb {width: 600px;}

/* epi
====================================*/


.epi02_sengen{ background:#fffdf8;}
.epi02_sengen img {width: 25%;}
.epi02_sengen .pl20 {padding-left: 0;}
.epi02_sengen br.clear {display: none;}

.epi03{background: url(../images/sp/epi03_bg_txt.jpg) no-repeat top left /50%, url(../images/sp/epi03_bg_img.jpg) no-repeat center bottom /contain;width: 100%;height: auto;margin-top: 5%;padding-bottom: 67%;}
.epi03 p{padding-top: 11%;padding-left: 0;}

.epi_btn {width: 90%; margin: 0 auto 4%;}
.epi_btn02 {width: 80%; margin: 3% auto;}

.epi_tb{width:100%;text-align:center;border: none;/*border-collapse: separate;	border-spacing: 2px;*/vertical-align: middle;margin:2% auto 0;}
.epi_tb th{ display: block; width: 100%; color:#653b14; font-size:12px; padding:8px; vertical-align:middle; border-right: 1px #fff solid;  background:#e6ddc6;  }
.epi_tb td{display: block;width: 96%;color:#653b14;font-size: 4vw;text-align:left;padding: 2%;border-right: none;border-bottom: 1px #fff solid;vertical-align: middle;}
.epi_tb .pic {  background:#ffe3e1; }

.epi_tb tr:first-child {display: none;}
.epi_tb tr {border-bottom: 1px solid #ccc; margin-bottom: 5%; padding-bottom: 5%; display: block;}
.epi_tb tr td:first-child:before { content: "â—†"; margin-right: 2%;}
.epi_tb tbody td.hikaku::before {content: attr(label);display: block;font-weight:bold;}


/*-------------------------------------------------------*/

/*Ã¨â€žÂ±Ã¦Â¯â€ºÃ§Â®â€¡Ã¦â€°â‚¬*/

.kasyo1{width: 100%;height: auto;background: url(../images/d1_02-2.gif) top center no-repeat;background-size: 50%;position: relative;margin:0 auto;padding-bottom: 130%;}
.kasyo1-1{width: 35%;height: auto;position:absolute;left: 0;top: 11px;}
.kasyo1-2{width:35%;height: auto;position:absolute;left: 0;top: 12%;}
.kasyo1-3{width:35%;height: auto;position:absolute;left: 0;top: 34%;}
.kasyo1-4{width:35%;height: auto;position:absolute;left: 0;top: 49%;}
.kasyo1-5{width:35%;height: auto;position:absolute;left: 0;top: 60%;}
.kasyo1-6{width:35%;height: auto;position:absolute;left: 0;top: 73%;}
.kasyo1-7{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 11%;}
.kasyo1-8{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 24%;}
.kasyo1-9{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 36%;}
.kasyo1-10{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 48%;}
.kasyo1-11{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 58%;}
.kasyo1-12{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 75%;}



.kasyo2{width: 100%;height: auto;background:url(../images/d2-c.gif) top center no-repeat;background-size: 50%;position: relative;margin:0 auto;padding-bottom: 120%;}
.kasyo2-1{width: 35%;height: auto;position:absolute;left: 0;top: 10%;}
.kasyo2-2{width: 35%;height: auto;position:absolute;left: 0;top: 22%;}
.kasyo2-3{width: 35%;height: auto;position:absolute;left: 0;top: 35%;}
.kasyo2-4{width: 35%;height: auto;position:absolute;left: 0;top: 48%;}
.kasyo2-5{width: 35%;height: auto;position:absolute;left: 0;top: 61%;}
.kasyo2-6{width: 35%;height: auto;position:absolute;left: 0;top: 79%;}
.kasyo2-7{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 9%;}
.kasyo2-8{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 22%;}
.kasyo2-9{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 33%;}

.kasyo2-10{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 45%;}


.kasyo2-11{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 56%;}
.kasyo2-12{width:35%;height: auto;position:absolute;right: 0;left: auto;top: 75%;}


.Q1{
	padding-left: 14%;
	padding-top: 4%;
	background: url(../images/qa1.jpg) no-repeat left top;
	background-size: 16%;
	border-radius: 10px 10px 0 0;
}

.A2{

	padding-bottom: 3%;
	padding-left: 14%;
	padding-right: 4%;
	margin-top: 3%;
	background: url(../images/qa2.jpg) no-repeat left top;
	background-size: 16%;
}

.box32{
	width: 45%;
	height: auto;
	float: none;
	margin:  0 auto;
	}
.box32 img {width: 100%;}
.box33{
	width: 96%;
	height:auto;
	float: none;
	margin: 0 auto;
	padding: 2%;
	}
	
	.braidl_tx{
	font-family: "Ã¯Â¼Â­Ã¯Â¼Â³ Ã¯Â¼Â°Ã¦ËœÅ½Ã¦Å“Â", "MS PMincho", "Ã£Æ’â€™Ã£Æ’Â©Ã£â€šÂ®Ã£Æ’Å½Ã¦ËœÅ½Ã¦Å“Â Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 5vw;
}


/*****************************************************/


.first_tx{background: url(../images/sp/first_01_t.jpg) no-repeat center top, url(../images/sp/first_01_b.jpg) no-repeat center bottom;background-size: contain;padding-top: 33%;padding-bottom: 12%;}
.first_tx p{width: 96%;padding-left: 0;padding-bottom: 5%;line-height: 1.8;margin:  0 auto;}


.first_tx2{background: url(../images/sp/first_02_t.jpg) no-repeat center top;background-size: contain;padding-top: 20%;}
.first_tx2 p{padding-left: 14%;padding-bottom: 3%;font-size: 4vw;}
.first_tx2 p:nth-child(1) {background: url(../images/sp/first_prom01.png) no-repeat top left;background-size: 12%;}
.first_tx2 p:nth-child(2) {background: url(../images/sp/first_prom02.png) no-repeat top left;background-size: 12%;}
.first_tx2 p:nth-child(3) {background: url(../images/sp/first_prom03.png) no-repeat top left;background-size: 12%;}
.first_tx2 p:nth-child(4) {background: url(../images/sp/first_prom04.png) no-repeat top left;background-size: 12%;}
.first_tx2 p:nth-child(5) {background: url(../images/sp/first_prom05.png) no-repeat top left;background-size: 12%;}
.first_tx2 p:last-child {padding-left: 0;margin-bottom: 3%;background: url(../images/sp/first_02_b.jpg) no-repeat center top;background-size: contain;padding-top: 6%;}
.first_tx2 p:last-child br {display: none;}





.sitemap {
    height: auto;
    overflow: hidden;
    margin: 0px auto 4%;
    padding-left:  0;
}

.sitemap > li {
	font-size: 4vw;
	float: none;
	height: auto;
	width: 48%;
	text-align: left;
	margin-bottom: 7%;
	display:  inline-block;
	vertical-align: top;
	margin-right: 1%;
}

.sitemap > li:nth-child(even) {
	margin-right: 0;
}

.sitemapInner > li {
    font-size: 3vw;
    margin-top: 2%;
    padding-top: 5%;
    padding-left: 7%;
    text-align: left;
    background:url(../images/news_icon.jpg) no-repeat 0px 14px;
}


.privacy p { font-size: 3.5vw; padding: 0 0 4%;}

.salon .box_b img {width: 80%; margin: 0 auto;}
.salon_img .left { width: 58%; float: left;}
.salon_img .left.pb10 {padding-bottom: 1%;}
.salon_img .left.pl10 {padding-left: 1%;}
.salon_img .salon_g {width: 41%;}
.salon_img .salon_g.pl10 {padding-left: 1%;}
.salon_img .salon_g .pt10 {padding-top: 1%;}

ul.route {overflow:hidden;list-style:none;border-bottom: none;margin: 20px 0 20px;display:  block;}
ul.route li {display: inline-block;width: 48%;font-size: 4vw;margin-right: 0;margin-bottom: 2%;}
ul.route li:last-child { margin-right:0;}
ul.route li a {background: none;color: initial;display:block;padding: 0;border: none;border-radius: 0;}
ul.route li i {margin-left: 3px;}
ul.route li i:first-child {padding: 5% 0;width: 20%;text-align: center;margin-right: 3%;margin-left: 0;font-size: 4vw;}

	
}
