@charset "UTF-8";
/* CSS Document */

/* ============================================ */
/* 第２階層以下style */

/* Pagetitle */
.pagettl_wrap {background-position:right center;padding:10% 0;}
.pagettl_wrap.menu {background:url("../img/ttl_menu_bg.webp")no-repeat;background-size:cover;}
.pagettl_wrap.course {background:url("../img/ttl_course_bg.webp")no-repeat;background-size:cover;}

.pagettl_wrap h2 {padding:0;margin:0 auto;max-width:360px;min-width:120px;height:200px;width:40%;text-indent:100%;white-space:nowrap;overflow:hidden;}

/* menu　============================== */
/* title */
.container h2{margin-bottom:5%;}

/* container */
.container{}
.container.bg{background:url(../img/common/bg2.webp)no-repeat;background-size: cover;background-position: center center;}

/* menu BOX */
section.box_wrap {width:85%;margin:10% auto 0;max-width:1100px;padding:10% 0;background-color:rgba(255,255,255,0.6);letter-spacing:0;}
section.box_wrap:first-of-type{margin-top:0%!important;}

/* Flag */
.recommend,
.lank1 {background-repeat:no-repeat;background-size:160px;background-position:left top;}
.recommend {background-image:url("../img/common/flag_recommend.webp");}
.lank1{background-image:url("../img/common/flag_no1.webp");}

@media screen and (max-width: 640px) {
	.recommend,.lank1{background-size:100px!important;}
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.recommend,.lank1{background-size:130px!important;}
}

/* 見出し */
.box_wrap h3 {text-align:center;padding:0 2.5%;}
.box_wrap h3 span{margin-bottom:0.8em;display:block;background:url("../img/common/logo_gankin.webp")no-repeat;background-size:contain;background-position: center center;height:76px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.box_wrap h3 em{line-height: 1.5em;}

.box_wrap h4 {font-size:1.1em;background-color: rgba(210,179,72,0.15);padding:5%;text-align:left;}

/* メニュー説明 */
.box_wrap dl.menu {text-align:center;line-height:1.5em;}
.box_wrap dl.menu dd p.detail{margin-bottom:5%;text-align:left;}
.box_wrap dl.menu dd p.detail em,
.box_wrap dl.menu dd p.detail span,
.box_wrap dl.menu dd p.detail small{display: block}
.box_wrap dl.menu dd p.detail span{background-color:rgba(238,236,235,0.5);border-radius:10px;padding:5%;margin:5% 0;}
.box_wrap dl.menu dd p.detail small{font-size:0.9em;}
.box_wrap dl.menu dd span.marker{font-size:1.4em;display:inline-block;}

/* Course　============================== */
.container.course{padding-top:0;}
section#about {margin:0 auto;max-width:1100px;padding:10% 0;letter-spacing:0;}
section .box_wrap2 {width:100%;margin:0 auto;max-width:1100px;padding:10% 2.5%;background-color:rgba(255,255,255,0.9);letter-spacing:0;}
.container.course .box{width:85%;max-width:1100px;margin:0 auto;}

/* salon list　============================== */
.container.salon{}
section.box_wrap2 {}
/* salon list BOX */
section.box_wrap2 {width:85%;margin:5% auto;max-width:1100px;padding:10% 2.5%;background-color:rgba(255,255,255,0.9);letter-spacing:0;}

/* 見出し */
section.box_wrap2 h3 {font-size:1.2em;text-align: center;margin-top:10%;margin-bottom:10%;}
section.box_wrap2 h3:first-child {margin-top:0;}
section.box_wrap2 h3 span {display:inline-block;}

/* salon list */
.salonlist dl{display:flex;box-sizing:border-box;flex-wrap: wrap;}
.salonlist dl dt{background-color:rgba(210,179,72,0.3);padding:10px;}
.salonlist dl dd p span.icon {margin-right:10px;}
.salonlist dl dd p span.icon img{width:36px;vertical-align:middle;}

/* デザインA（スマートフォン） */
@media screen and (max-width: 640px) {
/* CSS */
.pagettl_wrap {}
.pagettl_wrap.menu {background:url("../img/ttl_menu_bg_sp.webp")no-repeat;background-size:cover;background-position: right center;}
.pagettl_wrap.course {background:url("../img/ttl_course_bg_sp.webp")no-repeat;background-size:cover;background-position: left center;}
	
.container{padding:12.5% 0;}

.container.course{padding:0 0 12.5%;}
.container.salon{padding:2.5% 0 12.5%;}

section.box_wrap2 {padding:5% 0;}

/* 見出し */
.box_wrap h3 {font-size:1.25em;margin-bottom:10%!important;}
.box_wrap h4 {font-size:1.1em;text-align:center;}
/* メニュー説明 */
.box_wrap dl.menu dd {padding:10% 5% 0;}
/* salonlist */
section.box_wrap2 h3 {margin-bottom:7.5%;}
.salonlist dt, .salonlist dd {padding: 2%;/**flex-direction: column;**/width: 100%;border-bottom: 1px dotted #ccc;margin: 0;box-sizing: border-box;display:flex;font-weight: normal;}
}

/* デザインB（タブレット） */
@media screen and (min-width: 641px) and (max-width: 1024px) {
/* CSS */
.pagettl_wrap {background-position: center center;}
.pagettl_wrap.menu {background:url("../img/ttl_menu_bg_tb.webp")no-repeat;background-size:cover;}
.pagettl_wrap.course {background:url("../img/ttl_course_bg_tb.webp")no-repeat;background-size:cover;}

.container{padding:7.5% 0;font-size:96%;}
.container.course{padding:0 0 7.5%;}
.container.salon{padding:15% 0 7.5%;}

.box_wrap {padding:5% 0 7.5%;}
section.box_wrap2 {padding:5%;}

/* 見出し */
.box_wrap h3 {margin-bottom:7.5%!important;}
.box_wrap h4 {font-size:1.2em;}
/* メニュー説明 */
.box_wrap dl.menu dd {padding:7.5% 5% 0;}
.box_wrap dl.menu dd span.marker{font-size:1.7em;}
/* salonlist */
section.box_wrap2 h3 {margin-bottom:7.5%;}
.salonlist dt{width:100%;}
.salonlist dd {padding:1%;/**flex-direction: column;**/margin:0;box-sizing:border-box;display: flex;font-weight: normal;}
.salonlist dd.cell1 {width:70%;}
.salonlist dd.cell2 {width:30%;border-left: 1px dotted #ccc;}
}

/* デザインC(PC) */
@media screen and (min-width: 1025px) {
/* CSS */
.container{padding:10% 0;}
.container.course{padding-top:0;}
.container.salon{padding:10% 0 5%;}

section.box_wrap {padding-top:7.5%;}
section .box_wrap2,
section.box_wrap2 {padding:5% 5%;}
/* 見出し */
.box_wrap h3 {margin-bottom:10%!important;}
.box_wrap h4 {text-align:center;}
/* メニュー説明 */
.box_wrap dl.menu dd {padding:5% 5% 0;}
	
/* salonlist */
section .box_wrap2,
	section.box_wrap2 h3 {margin-bottom:5%;}
.salonlist dt{width:100%;}
.salonlist dd {padding:1%;/**flex-direction: column;**/margin:0;box-sizing:border-box;display: flex;font-weight: normal;}
.salonlist dd.cell1 {width:70%;}
.salonlist dd.cell2 {width:30%;border-left: 1px dotted #ccc;}
}