/*50*/
.tl span{font-size: 30px}

/*40*/
.value dl li strong{font-size: 36px;}

/*30*/
.page-template-page-faq .faq dl dt,
.page-template-page-faq .faq dl dt:before,
.page-template-page-faq .faq dl dd:before,
.plan3 .title .copy h3,
#conversion h2,
.value dl dt{font-size: 26px}

/*24*/
.single-item .lineup .flex div h3,
.collection ul h3,
.plan li h3,
.omoi li dl dt{font-size: 20px}

/*20*/
.lineup li a h3,
.plan_list li strong,
.page-template-page-service .reason li h3,
.news_area li h3,
.btn a, .btn input{font-size: 16px}

/*18*/
.plan_list li strong span,
.lineup li a h3 span,
#foot .flex ul.flex a,
body,
.plan li h3 span,
#head .hd_btn li a,
#head ul.nav{font-size: 14px}

/*16*/
.form table th span,
#foot .flex ul.flex.bottom a,
#head ul.nav02{font-size: 14px}

.sp{display: block;}
.pc{display: none;}


.box{padding:10vw 0;}
.tl{margin-bottom: 5vw}
.mb50{margin-bottom: 5vw !important}
.btn a,
.btn input{padding:15px 0;display: block;font-size: 16px;border: solid 1px #fff;}
.btn a:hover,
.btn:hover input{border-width: 1px}

table th, table td{padding:15px 0;}

#second #mainview h1{font-size: 20px;letter-spacing: 0;}
.page-template-page-index #head ul.nav01 li:nth-child(1) a,
.page-template-page-lineup #head ul.nav01 li:nth-child(2) a,
.single-item #head ul.nav01 li:nth-child(2) a,
.page-template-page-service #head ul.nav01 li:nth-child(3) a,
.page-template-page-shop #head ul.nav01 li:nth-child(4) a,
.blog #head ul.nav01 li:nth-child(5) a,
.archive #head ul.nav01 li:nth-child(5) a,
.single-post #head ul.nav01 li:nth-child(5) a,
.page-template-page-index #head ul.nav01 li:nth-child(6) a,
.page-template-page-company ul.nav02 li:nth-child(1) a,
.page-template-page-recruit ul.nav02 li:nth-child(2) a,
.page-template-page-faq ul.nav02 li:nth-child(3) a,
.page-template-page-contact ul.nav02 li:nth-child(4) a
{color:#fff;}


/*=============================
.btn-trigger
=============================*/
.btn-trigger {
  position: relative;
  width: 50px;
  height: 44px;
  cursor: pointer;
  zoom:50%;
}
.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 0;
}
.btn-trigger span:nth-of-type(2) {
  top: 20px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}


/*=============================
#btn02
=============================*/
section.active span{background-color: #e88660;}
section.active {background-color: #fff !important;}
section.active em{color: #e88660 !important;}
section.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(45deg);
  transform: translateY(20px) rotate(45deg);
}
section.active span:nth-of-type(2) {
  opacity: 0;
}
section.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(-45deg);
  transform: translateY(-20px) rotate(-45deg);
}

#head #logo{width: 24vw;margin:0 0 0 2vw}
#head #logo span{font-size: 2vw;margin-top: 1vw;padding:1vw 0}
#head section{width:18vw ;height: 18vw;display: flex;justify-content: center;align-items: center;background: #e88660;flex-direction: column;position: relative;z-index: 9999;transition: all .5s;}
#head section em{font-size: 2vw;color:#fff;display: block;margin-top: 1vw;transition: all .5s;}

#head #nav{position: relative;top:0;left:0;height: 100vh;width: 100vw;display: none;z-index: 999;}
#head .nav01{padding-top: 18vw;}

#head .hd_btn {display: none;}
#head{position: fixed;}
#head #nav{position: absolute;top:0;left:0;height: 100vh;width: 100%;padding:0;text-align: center;background: #e88660}
#head #nav .nav{display: block;}
#head ul.nav li{margin: 0;}
#head ul.nav li a{font-size: 2.5vh;color:#fff;text-align: center;padding:2.5vh 0}

#mainview{padding-top:5vw;}
#mainview p.logo{width: 30%;padding: 3vh 0 3vh;left:2%}
#mainview p.open{width:50%;left:2%}
#mainview ul li{width: 31%;right: 40%;}
#mainview ul li:nth-child(2){width: 36%;right: 12%;}
#mainview ul li:nth-child(3){width: 36%;right: -9%;z-index: 2;}
#mainview p.day{width: 16%;left:64%;bottom: 20.5vw}
.fadeleft1{transition: all 1.5s ease;opacity: 0;transform: translateX(20vw);transition-delay: 1s;}
.fadeleft2{transition: all 1.5s ease;opacity: 0;transform: translateX(20vw);transition-delay: 1.5s;}
.fadeleft3{transition: all 1.5s ease;opacity: 0;transform: translateX(20vw);transition-delay: 2s;}

.btn a, .btn input{width: 80%;}

.tenjikai{width: 96%;margin:0 2%;margin-top: 10vw;}
.tenjikai ul{background: #fff;padding: 5px 15px;letter-spacing: 0;overflow: scroll;height: 250px}
.tenjikai ul dl{display: block;}
.tenjikai ul dl dt,.tenjikai ul dd{display: block;}
.tenjikai ul dl dt{width: 100%;}

#top_event {padding-top: 10vw}
#top_event li{width: 49%;margin-top: 15px;letter-spacing: 0}
#top_event h3{font-size:100%;}


.slick .bk{width:95%;height: 80vw}
.fadeleft{transition: all 6s ease;opacity: 0;transform: translateX(50vw);}
.anista{transform: translateX(0) !important;}

.collection ul{width: 100%;}
.collection ul .btn a{font-size: 16px;}

#second #mainview{height: 40vw}

/*
.collection ul.flex{display: block;}
.collection ul li{display: flex;justify-content: space-between;width: 100%;border-top: dotted 1px #ccc;padding:10px 0;align-items: center;}
.collection ul li span{width: 30%;}
.collection ul li div{width: 65%;}
.collection ul li div h3{text-align: left;}
.collection ul li div .btn a{width: 100%;}
*/
.autoplay li{letter-spacing: 0}

.collection ul li{width: 30%}
.collection ul h3{font-size: 16px;padding-top: 8px;}

.plan li h3{font-size: 16px;padding:3vw 0}

.plan li p{width: 13.5vw;top:-2vw;left: -2vw}

.brand .w800{width: 96%}

.value dl{display: block;padding:3vw 5vw;min-height: auto;}
.value dl dt{width: 100%;border: none;border-bottom: solid 1px #fff;padding-bottom: 10px;font-size: 20px;}
.value dl dd{padding:0;margin:0}
.value dl li{padding: 10px 0 0 }
.value dl li strong{font-size: 20px}
.value li p{width: 20vw;right:3vw;top:5vw}
.value li:nth-child(2n) p{right: 5vw}
.plan{background-size: 150%}

.omoi ul{display: block;padding:0}
.omoi li{width: 75%;padding:3vw;margin-bottom: 5px;border-width: 1px}
.omoi p.kyara{width: 50vw;right: -15vw;left:auto;margin: 0;}
.omoi li dl dt{text-align: left;font-size: 16px;margin-bottom: 5px;font-weight: normal;}
.omoi li dl dd{line-height: 140%;}
.omoi li:nth-child(3){margin-bottom: 5px}
.omoi li:nth-child(4){margin-bottom: 5vw}

.news_area ul{flex-wrap: wrap;}
.news_area li{width: 48%;margin:0 0 4%}

#conversion{padding:50px 20px}
#conversion h2{font-size: 20px;padding-bottom: 10px}
#conversion .flex{display: block;}
#conversion .flex li{width: 100%;margin:10px 0 0}
#conversion .flex li a{width: 100%;}

#foot .flex{display: block;}
#foot .flex p.flex{text-align: center;}
#foot .flex p.flex img{width: 30vw;margin:0}
#foot .flex p.flex div{margin-top: 10px;}
#foot .flex ul.flex {display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 10px}
#foot .flex ul.flex li{margin: 0;width: 50%}
#foot .flex ul.flex li a{padding:10px 0;display: block;text-align: center;}
#foot .flex div{display: none;}

#foot dl dt{text-align: center;}
#foot dl dd{width: 40vw;margin: 10px auto 0}

#copyright{padding:5vw 0 20vw}

.lineup li{width: 48%;}
.lineup li:nth-child(2n){margin-right: 0}

.lineup .yarpp-related li:nth-child(2n){margin-right: 0}
.single-item .lineup .yarpp-related  .flex{display: flex;}

#second .collection{width: 96%;}
#second .collection.box{padding: 5vw 2%;margin-bottom: 10vw}

.single-item .lineup .flex{display: block;}

.single-item .lineup .flex .slide{width: 100%;}

.single-item .lineup .flex div.detail{padding-top: 20px;width: 100%;}

.single-item .lineup .flex div h3{margin-bottom: 15px;}
.single-item .lineup .flex{margin-bottom: 5vw}

.main-slider{height: 100vw}

.page-template-page-service .reason li{width: 49%;}
.page-template-page-service .reason li h3{padding:2vw 2vw 1vw;color:#e88660}
.page-template-page-service .reason li p{padding: 0 2vw 2vw}

.plan3 .title{display: block;}
.plan3 .title .copy,
.plan3 .title .thum{width: 100%;}
.plan3 .title .copy{padding:3vw}
.plan3 .title .copy h3{font-size: 20px;margin-bottom: 10px;line-height: 140%;text-align: center;}
.plan3 .title .copy p{line-height: 140%;letter-spacing: 0;}
.plan3 .title .thum p{width: 25vw;top:1vw;left:1vw}
.plan_list li:nth-child(5n){margin-right: 2%;}
.plan_list li{width: 49%;margin-right: 2%;padding:5vw 8vw}
.plan_list li:nth-child(2n){margin-right: 0}
.plan_list li p.tokuten{width: 45px;height: 45px;top:-5%;left:-5%;font-size: 3vw;line-height: 100%;}
.plan_list li p.tokuten span{font-size: 5vw;line-height: 100%;}
.plan_list li br{display: none;}
.plan3 hr{margin:5vw 0;}
.plan3 .title .copy h3 span{font-size: 16px;}

#blog .left{width: 100%;}
.blogsingle .entrybody h2 a{font-size: 18px;padding:5px 0;line-height: 140%}
.blogsingle .entrybody .btn a{width: 100%;}
.blogsingle .entrybody .btn{padding-top: 10px;}
#blog #sidebar{width: 100%;padding-top: 20px}
.single #blog .entrysingle h3{font-size: 18px;}

.page-template-page-contact table th,
.page-template-page-contact table td,
.page-template-page-company table th,
.page-template-page-company table td{display: block;width: 100%;}
.page-template-page-contact table th,
.page-template-page-company table th{text-align: center;border-bottom: none;background:rgba(232, 134, 96,0.1) }
.page-template-page-contact table td,
.page-template-page-company table td{border-top: none;border-bottom: none;}
.page-template-page-contact table,
.page-template-page-company table {border-bottom: solid 1px #e88660;}

.page-template-page-faq .faq dl dt{font-size: 18px;padding:8px 40px 8px 50px;padding-left:50px;letter-spacing: 0;line-height: 140%;}


.page-template-page-faq .faq dl dt:before,
.page-template-page-faq .faq dl dd:before{width: 30px;height: 30px;line-height: 26px;font-size: 20px;left: 12px;top:6px;}
.page-template-page-faq .faq dl dd{padding: 10px 12px 10px 50px;letter-spacing: 0}

.page-template-page-faq .faq dt span::before,
.page-template-page-faq .faq dt span::after{right: -30px;}
.page-template-page-faq .faq dl dd img.w5,
.page-template-page-faq .faq dl dd img{width: 100%;margin:0 0 10px;}

.tel_area dl dt{font-size: 10vw;margin-bottom: 8vw}
.tel_area dl dt:after{top:14vw}

.form table{margin-bottom: 5vw}

#head .hd_btn{position: fixed;width: 100%;bottom:-80px;left:0;display: flex;position: fixed;}
#head.fixed .hd_btn{bottom:0;width: 100%;box-shadow: 0 0 5px rgba(0,0,0,0.3)}
#head .hd_btn li{width:50%;}
#head .hd_btn li a{height: auto;padding:15px 0;}
#head.fixed .hd_btn li a{height: auto;padding:15px 0;font-size: 20px;}
#head .hd_btn li a img{height: 18px !important;width: auto !important;margin-right: 3px;}

.page-template-page-reservation .selectable_time_slot .timeSlot:after,
#booking-package_calendarPage .available_day:after{font-size: 12px !important;padding: 1vw 2vw}

.page-template-page-recruit .subtl{margin-bottom: 3vw;}

#bnr{max-width: 90%;margin: 10vw auto 0;}
.reservation_btn {margin-bottom:5vw;}


.reserv_btn li a{font-size: 20px;letter-spacing: 0;text-align: center;}