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

/* reset.css */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*::before,
*::after {
box-sizing: inherit;
}
ol, ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
img {
display: block;
max-width: 100%;
height: auto;
}

h1,h2,h3,h4{font-weight: 500;}

@media screen and (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none; /* リンクアクションを無効化 */
cursor: default; /* カーソルを通常の矢印に変更 */
text-decoration: none; /* 下線を削除（任意） */
}
}


.tab{display: none;}
@media screen and (min-width: 1241px) {
.tab{display: none;}
}
@media screen and (max-width: 1240px) {
.tab{display: block!important;}
}
@media screen and (min-width: 768px) {
.sp{display: none;}
.gnav{display: none!important;}
}
@media screen and (max-width: 767px) {
.tab{display: block;}
.sp{display: block;}
.pc{display: none;}
nav{display: none;}
}



html {
 font-size: 62.5%;
  color: #8D8A4C;
}
body{
  font-family: "Noto Sans JP", sans-serif!important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5;
}
.title_point{
  position: relative;
  display: inline-block;
  padding: 0 1.5em;
  line-height: 1.3;
}
.title_point:before{
  content: "＼";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.title_point:after{
  content: "／";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.title_subpoint{
  position: relative;
  display: inline-block;
  padding: 0 1.5em;
  line-height: 1.3;
}
.title_subpoint:before{
  content: "～";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.title_subpoint:after{
  content: "～";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.color-maincolor{
   color: #CC6E34;
}
.color-white{
  color: #FFF;
}
.color-lunch{
  color: #EB9E64;
}
.color-lunch-bk{
  background-color:#EB9E64;
}
.border-color-lunch{
  border-color: #EB9E64!important;
}
.color-cafe{
  color: #AEAB67;
}
.color-cafe-bk{
  background-color:#AEAB67;
}
.border-color-cafe{
  border-color: #AEAB67!important;
}

.color-dinner{
  color: #5C96C8;
}
.color-dinner-bk{
  background-color:#5C96C8;
}
.border-color-dinner{
  border-color: #5C96C8!important;
}


.font-xxs{
  font-size: 1.2rem
}
.font-xs{
  font-size: 1.6rem
}
.font-s{
  font-size: 1.8rem
}
.font-m{
  font-size: 2rem
}
.font-mm{
  font-size: 2.4rem
}
.font-l{
  font-size: 3rem
}
.font-xl{
  font-size: 4rem
}
.font-xxl{
  font-size: 6rem
}

.mb-xs{
  margin-bottom: 1rem
}
.mb-s{
  margin-bottom: 1.5rem
}
.mb-m{
  margin-bottom: 3rem
}
.mb-l{
  margin-bottom: 4rem
}
.mb-xl{
  margin-bottom: 6rem
}
.mb-xxl{
  margin-bottom: 10rem
}
.pt-xxl{
  padding-top: 10rem
}
.pb-xxl{
  padding-bottom: 10rem
}


@media screen and (max-width: 1240px) {
.font-xxs{
  font-size: 0.9677vw
}
.font-xs{
  font-size: 1.29vw
}
.font-s{
  font-size: 1.4516vw
}
.font-m{
  font-size: 1.6129vw
}
.font-mm{
  font-size: 1.9354vw
}
.font-l{
  font-size: 2.4193vw
}
.font-xl{
  font-size: 3.2258vw
}
.font-xxl{
  font-size: 4.8387vw
}
}

@media screen and (max-width: 767px) {
.font-xxs{
  font-size: 1.8333vw
}
.font-xs{
  font-size: 2.9444vw
}
.font-s{
  font-size: 3.6vw
}
.font-m{
  font-size: 4vw
}
.font-mm{
  font-size: 4.2vw
}
.font-l{
  font-size: 4.5vw
}
.font-xl{
  font-size: 5.5vw
}
.font-xxl{
  font-size: 6.5vw
}
  
.mb-xs{
  margin-bottom: 0.5rem
}
.mb-s{
  margin-bottom: 0.75rem
}
.mb-m{
  margin-bottom: 1.5rem
}
.mb-l{
  margin-bottom: 2rem
}
.mb-xl{
  margin-bottom: 3rem
}
.mb-xxl{
  margin-bottom: 5rem
}
.pt-xxl{
  padding-top: 5rem
}
.pb-xxl{
  padding-bottom: 5rem
}
  
}











@media screen and (max-width: 1240px) {
.common-btn-yoyaku{
  width: 16%;
}
}
@media screen and (min-width: 768px) {

.header-wrap{
  width: 100%;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #FFF;
}
.header-logo a{
  display: flex;
  flex-wrap: wrap;
}
.header-logo img{
  padding: 1.5rem 0 1.5rem 2rem;
}
.header-logo span{
  line-height: 70px;
  padding: 1.5rem 0;
}
ul.header-nav{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  line-height: 100px;
}
ul.header-nav li{
  margin: 0 0 0 1.5vw;
}
ul.header-nav li:last-child{
  background: #CC6E34;
  padding: 0 2em;
  color: #FFF;
}
.footer-btn-wrap{
  width: 100%;
  padding: 0 2rem;
}
.footer-btn{
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.footer-btn a{
  background: #8D8A4C;
  padding: 1rem 4rem;
  color: #FFF;
  display: block;
}
.footer-cts-wrap{
  width: 100%;
  padding: 10rem 2rem 4rem;
  background: #F6EAD4;
  font-size: 1.8rem;
}
.footer-cts-wrap .footer-inner{
  max-width: 1240px;
  width: 100%;
  margin: 0 auto 8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
.footer-cts-wrap .footer-inner .footer-contact{
  width:48.5%;
  text-align: center;
}
.footer-cts-wrap .footer-inner a.footer-contact-btn{
  width: 100%;
  color: #FFF;
  display: block;
  padding: 0.8em 2em;
  border-radius: 80px;
  background: url("../img/common-arrow.svg") right 3rem center no-repeat #CF7C3D;
}
.footer-cts-wrap .footer-inner .footer-social{
  width:48.5%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

  
.footer-cts-wrap .footer-inner .footer-line,.footer-cts-wrap .footer-inner .footer-insta{
  width:48.5%;
  text-align: center;
}
.footer-cts-wrap .footer-inner .social-icon{
  width: 180px;
  height: 180px;
  border-radius: 110px;
  margin: 0 auto;
  background: #FFF;
  position: relative;
}
  
  
.footer-cts-wrap .footer-inner .social-icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 60%;
}
.footer-cts-wrap p.copyright{
  text-align: center;
}

.cottmon-btn a{
  max-width: 400px;
  width: 100%;
  display: block;
  color: #FFF;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 5rem;
  text-align: center;
  border-radius: 80px;
  background: url("../img/common-arrow.svg") right 3rem center no-repeat #8D8A4C;
}

.main_kv{
  padding: 6rem 2rem 8rem 2rem;
  background: url("../img/common_ pattern.png") #FF815A;
  border-radius: 0 0 300px 300px;
  text-align: center;
  position: relative;
}
.main_kv .illust_common-left{
  position: absolute;
  left: 2rem;
  bottom:0;
}
.main_kv .illust_common-right{
  position: absolute;
  right: 2rem;
  bottom:0;
}
.main_kv .main_kv-inner{
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  color: #FFF;
}
.main_kv .main_kv-inner h1{
  width: 32.25%;
  margin: 0 auto 3rem auto;
}
.main_kv .main_kv-inner .illust_top-left{
  width: 32.25%;
  position: absolute;
  top: -1rem;
  left: 0;
}
.main_kv .main_kv-inner .illust_top-right{
  width: 32.25%;
  position: absolute;
  top: 1rem;
  right: 0;
}
.top_about{
  padding: 0 2rem;
  text-align: center;
}
.top_about-program{
  background: #F6EAD4;
  border-radius: 80px 80px 0 0;
  padding: 10rem 0;
  width: 100%;
}
ul.top_about-program-point{
  max-width: 1240px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left:auto;
  margin-right:auto;
}
ul.top_about-program-point li.img-box{
  width: 26%;
  text-align: center;
}
ul.top_about-program-point li.plus-box{
  width: 6%;
  text-align: center;
}
.program-img{
  width: 66%;
  margin: 0 auto 3rem auto;
  position: relative;
}
.program-img:after{
  content:"";
  width: 100%;
  height: 100%;
  border: 2px solid #8D8A4C;
  position: absolute;
  top: 1rem;
  left:0;
  border-radius: 200px;
}

.top_about-osusume{
  background: url("../img/common_ pattern.png") #8D8A4C;
  border-radius:  0 0 80px 80px;
  padding: 10rem 0;
  width: 100%;
  position: relative;
}

.top_about-osusume:after{
  content: "";
  position: absolute;
  bottom: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #8D8A4C;
  border-bottom: 0;
}
.top_about-osusume .illust_osusume-left{
  width: 22.58%;
  position: absolute;
  bottom: -18rem;
  left: 0;
}
.top_about-osusume .illust_osusume-right{
  width: 20.565%;
  position: absolute;
  bottom: -18rem;
  right: 0;
}

.top_about-osusume-point{
  max-width: 1240px;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  position: relative;
}
.top_about-osusume-point ul li{
  background: #FFF;
  padding: 1rem;
  border-radius: 100px;
  width: 50%;
  margin: 0 auto 2rem auto;
}

.top_program{
  padding: 0 2rem;
  text-align: center;
  position: relative;
}
.top_program:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 40rem;
  background: #F6EAD4;
  display: block;
  transform: translate(-2rem);
  bottom:0;
  
}

.top_program-inner{
  max-width: 1240px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left:auto;
  margin-right:auto;
  position: relative;
  z-index: 1;
}
.top_program-inner > div{
  width: 32%;
  position: relative;
}

.top_program-inner > div .yoyaku-wrap{
  width: 120px;
  height: 120px;
  border-radius: 60px;
  position: relative;
  right: 2rem;
  top: -6rem;
  line-height: 1.2;
}
.top_program-inner > div .yoyaku-wrap{
  width: 130px;
  height: 130px;
  border-radius: 90px;
  position: absolute;
  right: 2rem;
  top: -6rem;
  line-height: 1.2;
  padding: 0;
}
.top_program-inner > div .yoyaku-wrap .yoyaku{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  white-space: nowrap;
}
.top_program-inner > div p{
  text-align: left;
}
.top_program-inner > div p.preice{
  text-align: center;
}

.top_program-inner > div .lunch-program{
  border: 2px solid #EB9E64;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  background: #FFF;
  padding: 7rem 5% 5rem;
}
.top_program-inner > div .cafe-program{
  border: 2px solid #AEAB67;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  background: #FFF;
  padding: 7rem 5% 5rem;
}
.top_program-inner > div .dinner-program{
  border: 2px solid #5C96C8;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  background: #FFF;
  padding: 7rem 5% 5rem;
}
.top_program-inner .program-subtitle{
  position: relative;
  margin-bottom: 2rem;
  padding-bottom: 3rem; 
}
.top_program-inner .program-subtitle:after{
  content: "●　●　●";
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  
}
ul.program-day{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
ul.program-day li{
  margin: 0 1%;
  padding: 0.5em 1em;
  color: #FFF;
  border-radius: 30px;
}
.top_program-inner .top_program-btn a{
  display: block;
  color: #FFF;
  padding: 2rem 4rem;
  border-radius: 0 0 20px 20px;
}
.top_news,.cat_news,.single_news{
  padding: 0 2rem;
  text-align: center;
}
.top_news-inner,.cat_news-inner,.single_news-inner{
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
ul.news-box li{
  display: flex;
  flex-wrap: wrap;
  padding: 0 2rem 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #8D8A4C;
  width: 100%;
}

ul.news-box li .day{
  width: 20%;
  text-align: left;
}
ul.news-box li .news-title{
  width: 80%;
  text-align: left;
}

.top_access{
  padding: 10rem 2rem;
  text-align: center;
  background: #F6EAD4;
}
.top_access-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.footer_icon{
  padding: 0 2rem;
  text-align: center;
}
.footer_icon-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
.footer_icon-inner > div{
  width: 32%;
  text-align: center;
  border: 1px solid #8D8A4C;
  border-radius: 20px;
}
.footer_icon-inner > div a{
  width: 100%;
  display: block;
  padding: 3rem
}
.footer_icon-inner > div a img{
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}





.main_title{
  padding: 7rem 2rem 7rem 2rem;
  background: url("../img/common_ pattern.png") #FF815A;
  border-radius: 0 0 100px 100px;
  text-align: center;
  position: relative;
  color: #FFF;
}
.main_title .illust_common-left{
  position: absolute;
  left: 2rem;
  bottom:-2rem;
}
.main_title .illust_common-right{
  position: absolute;
  right: 2rem;
  bottom:-2rem;
}
.about-slider{
  padding: 0 2rem;
  text-align: center;
}
.about-slider ul{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.about-slider ul li{
  padding: 0 2rem;
}
    .prev-arrow {
    left: -1rem;
    top: 50%;
    transform: translate(0, -50%);
    background: url("../img/prev.svg") no-repeat;
    width: 40px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    z-index: 20;
    background-size: cover;
  }
  .next-arrow {
    right: -1rem;
    top: 50%;
    transform: translate(0, -50%);
    background: url("../img/next.svg") no-repeat;
    width: 40px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    z-index: 20;
    background-size: cover;
  }

  
  
.about_explain{
  padding: 0 2rem;
  text-align: center;
}
.about_explain .about-program{
  background: #F6EAD4;
  border-radius: 80px;
  padding: 10rem 0;
  width: 100%;
}
.about_recreation{
  padding: 0 2rem;
  text-align: center;
}
.about_recreation-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.about_recreation-inner table{
  width: 100%;
  border-collapse: collapse;
}
.about_recreation-inner table th,.about_recreation-inner table td{
  width: calc(100% / 8);
  border: 1px solid #8D8A4C;
  padding: 2rem 0.5rem;
  text-align: center;
}
.about_recreation-inner table th{
  background: #F6EAD4;
}
.about_meal{
  padding: 0 2rem;
  text-align: center;
}
.about_meal-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.about_meal-example{
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.about_meal-example > div{
  width: 48.5%;
}

.about_meal-photo{
  position: relative;
}
.about_meal-photo img{
  border-radius: 40px;
}
  /*
.about_meal-photo:after{
  content: "";
  border: 2px solid #8D8A4C;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  width: 100%;
  padding-top:62%; 
}
  */

.about_staff{
  padding: 10rem 2rem;
  text-align: center;
  background: #F6EAD4;
}
.about_staff-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.about_staff-inner .illust_common-left{
  position: absolute;
  left: 2rem;
  top:-16rem;
}
.about_staff-inner .illust_common-right{
  position: absolute;
  right: 2rem;
  top:-16rem;
}

.about_staff-profile{
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.about_staff-profile .greeting-box{
  width: 62%;
  text-align: left;
  line-height: 1.8;
}
.about_staff-profile .photo-box{
  width: 32%;
}
.profile-photo{
  position: relative;
}
.profile-photo:after{
  content: "";
  border: 2px solid #8D8A4C;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  width: 100%;
  padding-top:124.5%; 
}
.about_staff-career{
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.about_staff-career > div{
  width: 32%;
  text-align: left;
  line-height: 2;
}

.program{
  padding: 0 2rem;
  text-align: center;
}
.program-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.program-inner ul.tab-top,.program-inner ul.tab-bottom{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.program-inner ul.tab-top li,.program-inner ul.tab-bottom li{
  width: 29%;
  margin-leftt: 1%;
  margin-right: 1%;
}
.program-inner ul.tab-top li.link{
  padding-top: 2rem;
}
.program-inner ul.tab-bottom li.link{
  padding-bottom: 2rem;
}

.program-inner ul.tab-top li a{
  border-radius: 10px 10px 0 0;
  color: #FFF;
  opacity: 0.4;
}
.program-inner ul.tab-bottom li a{
  border-radius: 0 0 10px 10px;
  color: #FFF;
  opacity: 0.4;
}

.program-inner ul.tab-top li a.active,.program-inner ul.tab-bottom li a.active{
  opacity: 1;
}
.program-inner ul.tab-top li a,.program-inner ul.tab-bottom li a{
  width: 100%;
  height: 100%;
  display: block;
  padding: 2rem;
}
.program-inner ul.tab-top li a.active,.program-inner ul.tab-bottom li a.active{
  padding: 3rem;
}
.program-inner .program-box{
  border: 2px solid;
  border-radius: 20px;
  padding: 10rem 0;
}

.program-pagetitle{
  width: 100%;
  position: relative;
}

.program-pagetitle .profile-illust{
  position: absolute;
  left: 6rem;
  top: -3rem;
  width: 16%;
} 
.program-pagetitle .yoyaku-wrap{
  max-width: 180px;
  max-height: 180px;
  width: 12vw;
  height: 12vw;
  border-radius: 120px;
  position: absolute;
  right: 6rem;
  top: -1rem;
  line-height: 1.2;
  padding: 0;
}
.program-pagetitle .yoyaku-wrap .yoyaku{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  white-space: nowrap;
}
.program-pagetitle p.preice{
  text-align: center;
}
.program-inner-sub{
  padding: 0 2rem;
}
.program-inner-subbox{
  max-width: 680px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
}
.price-box{
  padding: 5rem 2rem;
  text-align: center;
  border: 1px solid #F6EAD4;
  background: #FFFBF3;
  border-radius: 20px;
  line-height: 1.5;
  position: relative;
  width: 100%;
}
.price-box-illust{
  position: absolute;
  bottom:-4rem;
  right: -2rem;
}

.program-flow{
  padding: 10rem 2rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/common_ pattern.png");
  color: #FFF;
}
ul.program-schedule li{
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
ul.program-schedule li .time span{
  background: #FFF;
  padding:0.5rem 4rem;
  border-radius: 30px;
  margin-right: 3rem;
  display: block
}
.program_meal-example{
  display: flex;
  flex-wrap:wrap;
  justify-content:center;
  padding: 0 2rem;
}
.program_meal-example > div{
  width: 48.5%;
}

.program_meal-photo{
  position: relative;
}
.program_meal-photo img{
  border-radius: 40px;
}
  
  /*
.program_meal-photo-lunch:after{
  content: "";
  border: 2px solid #EB9E64;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  width: 100%;
  padding-top:62%; 
}
.program_meal-photo-cafe:after{
  content: "";
  border: 2px solid #AEAB67;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  width: 100%;
  padding-top:62%; 
}
.program_meal-photo-dinner:after{
  content: "";
  border: 2px solid #5C96C8;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  width: 100%;
  padding-top:62%; 
}
  */
.program-point{
  padding: 0 2rem;
}
.program-point ul li{
  line-height: 2;
}

.access{
  padding: 0 2rem;
  text-align: center;
}
.access-inner{
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.policy{
  padding: 0 2rem;
  text-align: left;
}
.policy-inner{
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}  
.qa{
  padding: 0 2rem;
  text-align: left;
}
.qa-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
} 
.contact,.reserve{
  padding: 0 2rem;
  text-align: left;
}
.contact-inner,.reserve-inner{
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.8rem;
}
.mw_wp_form table{
    margin-bottom: 5rem;
  }
.mw_wp_form table th,.mw_wp_form table td{
  padding: 1rem;
  font-weight: normal;
}  
.mw_wp_form table th{
  width: 30%;
  vertical-align: top;
  padding: 1.5rem;
}
.mw_wp_form table th span{
  color: #CC6E34;
}  
.mw_wp_form table td{
  width: 70%;
}  
.mw_wp_form input[type=text],.mw_wp_form input[type=email]{
  font-size: 1.8rem;
  padding: 1.5rem 2rem!important;
  border: 1px solid #D6D6D6;
  color: #999668!important;
} 
.mw_wp_form .name,.mw_wp_form .mail,.mw_wp_form .contact{
  width: 100%;
  font-size: 1.8rem;
  padding: 1.5rem 2rem!important;
  border: 1px solid #D6D6D6;
  color: #999668!important;
  }  
  .form_btn{
    text-align: center;
  }
.mw_wp_form input[type=submit]{
  font-size: 1.8rem;
  padding: 1rem 2rem;
  background:#CC6E34;
  color: #FFF;
  border: none;
  cursor: pointer;
  margin: 0 2rem;
  border-radius: 50px;
  width: 30%!important;
} 
  
h3.h3-subtitle{
  padding: 1.5rem;
  max-width: 400px;
  width: 100%;
  border-radius: 60px;
  border: 1px solid #8D8A4C;
  margin-left: auto;
  margin-right: auto;
  background: #FFF;
}

iframe{
  max-width: 700px;
  width: 100%;
}
span.common-arrow{
  padding-right:3rem;
  background: url("../img/common-arrow.svg") right center no-repeat;
}

.common-btn-yoyaku{
  position: fixed;
  right: 2rem;
  bottom:2rem;
  width: 200px;
  z-index: 1001;
}
}
@media screen and (max-width: 767px) {
  /*menu*/
  .menu {
    width: 80px;
    height: 80px;
    position: fixed;
    right:0;
    top: 0;
    z-index: 999;
    cursor: pointer;
    background: #CC6E34;
  }
  .menu__line {
    background: #FFF;
    display: block;
    width: 50px;
    height: 4px;
    position: absolute;
    transition: transform .3s;
  }
  
  .menu__line--top{
    top:24px;
    left: 15px;
  }
  .menu__line--center {
    top: 38px;
    left: 15px;
  }
  .menu__line--bottom {
    bottom: 24px;
    left: 15px;
  }
  .menu__line--top.active {
    top: 38px;
    transform: rotate(45deg);
    background: #FFF;
  }
  .menu__line--center.active {
    transform: scaleX(0);
    background: #FFF;
  }
  .menu__line--bottom.active {
    bottom: 38px;
    transform: rotate(135deg);
    background: #FFF;
  }
  /*gnav*/
  .gnav {
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 998;
		 background: #CC6E34;
		background-size: 120px;
  }
  .gnav__wrap {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
  }
  .gnav__menu {
    width: 100%;
	margin: 0 auto;
    text-align: center;
  }
  .gnav__menu img {
    margin: 0 0 40px 0;
    width: 80%;
  }
  .gnav__menu__item {
    margin: 0 0 20px 0;
  }
  .gnav__menu__item a {
    color: #fff;
  font-size: 4vw;
    padding: 0 0 20px 0;
    text-decoration: none;
    transition: .5s;
    text-align: center;
    width: 80%;
    display: block;
    box-sizing: border-box;
    line-height: 1em;
    border-bottom: 1px solid #FFF;
	  margin: 0 auto;
  }
  .gnav__menu__item i {
    margin: 0 0 10px 0;
    font-size: 30px !important;
  }

  header{
   position:sticky;
  top:0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 400;
  }
.header-wrap{
  width: 100%;
  height: 80px;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #FFF;
}
.header-logo a{
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 10px 1rem;
}
.header-logo img{
  width: auto;
  height: 60px;
  padding: 0;
  margin: 0;
}
.header-logo span{
  line-height: 60px;
  padding: 0;
  margin: 0 0 0 1vw;
}
.footer-btn-wrap{
  width: 100%;
  padding: 0 1rem;
}
.footer-btn{
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.footer-btn a{
  background: #8D8A4C;
  padding: 1rem 4rem;
  color: #FFF;
  display: block;
}
.footer-cts-wrap{
  width: 100%;
  padding: 5rem 2rem 15rem;
  background: #F6EAD4;
  font-size: 1.8rem;
}
.footer-cts-wrap .footer-inner{
  max-width: 1240px;
  width: 100%;
  margin: 0 auto 8rem;
  display: block;
  flex-wrap: nowrap;
}
.footer-cts-wrap .footer-inner .footer-contact{
  width:100%;
  text-align: center;
}
.footer-cts-wrap .footer-inner a.footer-contact-btn{
  width: 100%;
  color: #FFF;
  display: block;
  padding: 0.8em 2em;
  border-radius: 80px;
  background: url("../img/common-arrow.svg") right 3rem center no-repeat #CF7C3D;
}
.footer-cts-wrap .footer-inner .footer-social{
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3rem;
  padding-top: 3rem;
}
  
.footer-cts-wrap .footer-inner .footer-line,.footer-cts-wrap .footer-inner .footer-inst{
  width: 48%;
  text-align: center;
}
.footer-cts-wrap .footer-inner .social-icon{
  width: 40vw;
  height: 40vw;
  border-radius: 150px;
  margin: 0 auto;
  background: #FFF;
  position: relative;
}
.footer-cts-wrap .footer-inner .social-icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 60%;
}
.footer-cts-wrap p.copyright{
  text-align: center;
}

.cottmon-btn a{
  max-width: 90%;
  width: 100%;
  display: block;
  color: #FFF;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 5rem;
  text-align: center;
  border-radius: 80px;
  background: url("../img/common-arrow.svg") right 3rem center no-repeat #8D8A4C;
}

.main_kv{
  padding: 3rem 1rem 4rem 1rem;
  background: url("../img/common_ pattern.png") #FF815A;
  border-radius: 0 0 150px 150px;
  text-align: center;
  position: relative;
}
.main_kv .illust_common-left{
  position: absolute;
  left: 1rem;
  bottom:0;
  width: 20%;
}
.main_kv .illust_common-right{
  position: absolute;
  right: 1rem;
  bottom:0;
  width: 20%;
}
.main_kv .main_kv-inner{
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  color: #FFF;
}
.main_kv .main_kv-inner h1{
  width: 52.25%;
  margin: 0 auto 3rem auto;
}
.main_kv .main_kv-inner .illust_top-left{
  width: 40%;
  position: absolute;
  top: 8rem;
  left: 0;
}
.main_kv .main_kv-inner .illust_top-right{
  width: 40%;
  position: absolute;
  top: -1.5rem;
  right: 1rem;
}
.top_about{
  padding: 0 2rem;
  text-align: center;
}
.top_about-program{
  background: #F6EAD4;
  border-radius: 20px 20px 0 0;
  padding: 5rem 0;
  width: 100%;
}
ul.top_about-program-point{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left:auto;
  margin-right:auto;
}
ul.top_about-program-point li.img-box{
  width: 100%;
  text-align: center;
}
ul.top_about-program-point li.plus-box{
  width: 100%;
  text-align: center;
}
ul.top_about-program-point li.img-box img,ul.top_about-program-point li.plus-box img{
    margin: 0 auto;
}
.program-img{
  width: 150px;
  margin: 0 auto 1rem auto;
  position: relative;
}
.program-img:after{
  content:"";
  width: 150px;
  height:150px;
  border: 2px solid #8D8A4C;
  position: absolute;
  top: 0.5rem;
  left:0.5rem;
  border-radius: 200px;
}

.top_about-osusume{
  background: url("../img/common_ pattern.png") #8D8A4C;
  border-radius:  0 0 20px 20px;
  padding: 5rem 0;
  width: 100%;
  position: relative;
}

.top_about-osusume:after{
  content: "";
  position: absolute;
  bottom: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 15px solid #8D8A4C;
  border-bottom: 0;
}
.top_about-osusume .illust_osusume-left{
  /*width: 48%;
  position: absolute;
  bottom: -22rem;
  left: -2rem;
  */
  display: none;
}
.top_about-osusume .illust_osusume-right{
  width: 40%;
  position: absolute;
  bottom: -14rem;
  right: 0;
}

.top_about-osusume-point{
  max-width: 1240px;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  position: relative;
}
.top_about-osusume-point ul li{
  background: #FFF;
  padding: 1rem;
  border-radius: 100px;
  width: 90%;
  margin: 0 auto 2rem auto;
}

.top_program{
  padding: 0 2rem;
  text-align: center;
  position: relative;
}
.top_program:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 40rem;
  background: #F6EAD4;
  display: block;
  transform: translate(-2rem);
  bottom:0;
  
}

.top_program-inner{
  max-width: 1240px;
  width: 100%;
  display: block;
  flex-wrap: nowrap;
  margin-left:auto;
  margin-right:auto;
  position: relative;
  z-index: 1;
}
.top_program-inner > div{
  width: 100%;
  position: relative;
  margin-bottom: 7rem;
}
.top_program-inner > div:last-child{
  margin-bottom: 0;
}
.top_program-inner > div .yoyaku-wrap{
  width: 24vw;
  height: 24vw;
  border-radius: 90px;
  position: absolute;
  right: 2rem;
  top: -5rem;
  line-height: 1.2;
  padding: 0;
}
.top_program-inner > div .yoyaku-wrap .yoyaku{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  white-space: nowrap;
}
.top_program-inner > div p{
  text-align: left;
}
.top_program-inner > div p.preice{
  text-align: center;
}

.top_program-inner > div .lunch-program{
  border: 2px solid #EB9E64;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  background: #FFF;
  padding: 5rem 5% 5rem;
}
.top_program-inner > div .cafe-program{
  border: 2px solid #AEAB67;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  background: #FFF;
  padding: 5rem 5% 5rem;
}
.top_program-inner > div .dinner-program{
  border: 2px solid #5C96C8;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  background: #FFF;
  padding: 5rem 5% 5rem;
}
.top_program-inner .program-subtitle{
  position: relative;
  margin-bottom: 2rem;
  padding-bottom: 3rem; 
}
.top_program-inner .program-subtitle:after{
  content: "●　●　●";
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  
}
ul.program-day{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
ul.program-day li{
  margin: 0 1%;
  padding: 0.5em 1em;
  color: #FFF;
  border-radius: 30px;
}
.top_program-inner .top_program-btn a{
  display: block;
  color: #FFF;
  padding: 2rem 4rem;
  border-radius: 0 0 20px 20px;
}
.top_news,.cat_news,.single_news{
  padding: 0 3rem;
  text-align: center;
}
.top_news-inner,.cat_news-inner,.single_news-inner{
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


ul.news-box li{
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #8D8A4C;
  width: 100%;
}

ul.news-box li .day{
  width: 100%;
  text-align: left;
  margin-bottom: 1rem;
}
ul.news-box li .news-title{
  width:100%;
  text-align: left;
}

.top_access{
  padding: 5rem 2rem;
  text-align: center;
  background: #F6EAD4;
}
.top_access-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.footer_icon{
  padding: 0 2rem;
  text-align: center;
}
.footer_icon-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
.footer_icon-inner > div{
  width: 100%;
  text-align: center;
  border: 1px solid #8D8A4C;
  border-radius: 20px;
  margin-bottom: 2rem;
}
.footer_icon-inner > div:last-child{
  margin-bottom: 0;
}

.footer_icon-inner > div a{
  width: 100%;
  display: block;
  padding: 3rem
}
.footer_icon-inner > div a img{
  width: 30%;
  margin-right: auto;
  margin-left: auto;
}





.main_title{
  padding: 7rem 2rem 7rem 2rem;
  background: url("../img/common_ pattern.png") #FF815A;
  border-radius: 0 0 50px 50px;
  text-align: center;
  position: relative;
  color: #FFF;
}
.main_title .illust_common-left{
  position: absolute;
  left: 1rem;
  bottom:-2rem;
  width: 20%;
}
.main_title .illust_common-right{
  position: absolute;
  right: 0;
  bottom:-1rem;
  width: 20%;
}

.about-slider ul{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.about-slider ul li{
  padding: 0 5rem;
}
    .prev-arrow {
    left: -1rem;
    top: 50%;
    transform: translate(0, -50%);
    background: url("../img/prev.svg") no-repeat;
    width: 40px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    z-index: 20;
    background-size: cover;
  }
  .next-arrow {
    right: -1rem;
    top: 50%;
    transform: translate(0, -50%);
    background: url("../img/next.svg") no-repeat;
    width: 40px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    z-index: 20;
    background-size: cover;
  }


.about_explain{
  padding: 0 2rem;
  text-align: center;
}
.about_explain .about-program{
  background: #F6EAD4;
  border-radius: 20px;
  padding: 5rem 0;
  width: 100%;
}
  
.about_recreation{
  padding: 0 2rem;
  text-align: center;
}
.about_recreation-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.about_recreation-inner table{
  width: 100%;
  border-collapse: collapse;
}
.about_recreation-inner table th,.about_recreation-inner table td{
  width: calc(100% / 8);
  border: 1px solid #8D8A4C;
  padding: 2rem 0.5rem;
  text-align: center;
}
.about_recreation-inner table th{
  background: #F6EAD4;
}
.about_meal{
  padding: 0 2rem;
  text-align: center;
}
.about_meal-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.about_meal-example{
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.about_meal-example > div{
  width: 100%;
  margin-bottom: 2rem;
}
.about_meal-example > div:last-child{
  margin-bottom: 0rem;
}
.about_meal-photo{
  position: relative;
}
.about_meal-photo img{
  border-radius: 40px;
}
  
  /*
.about_meal-photo:after{
  content: "";
  border: 2px solid #8D8A4C;
  position: absolute;
  top: 5px;
  left: 9px;
  z-index: 1;
  width: 100%;
  padding-top:62%; 
}
  */

.about_staff{
  padding: 5rem 2rem;
  text-align: center;
  background: #F6EAD4;
}
.about_staff-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.about_staff-inner .illust_common-left{
  position: absolute;
  left: 2rem;
  top:-6rem;
  width: 20%;
}
.about_staff-inner .illust_common-right{
  position: absolute;
  right: 2rem;
  top:-6em;
  width: 20%;
}

.about_staff-profile{
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.about_staff-profile .greeting-box{
  width: 100%;
  text-align: left;
  line-height: 1.8;
}
.about_staff-profile .photo-box{
  width: 80%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}
.profile-photo{
  position: relative;
}
.profile-photo:after{
  content: "";
  border: 2px solid #8D8A4C;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  width: 100%;
  padding-top:124.5%; 
}
.about_staff-career{
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.about_staff-career > div{
  width: 100%;
  text-align: left;
  line-height: 2;
  margin-bottom: 2rem;
}
.about_staff-career > div:last-child{
  margin-bottom: 0;
}

.program{
  padding: 0 2rem;
  text-align: center;
}
.program-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.program-inner ul.tab-top,.program-inner ul.tab-bottom{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.program-inner ul.tab-top li,.program-inner ul.tab-bottom li{
  width: 29%;
  margin-leftt: 1%;
  margin-right: 1%;
}
.program-inner ul.tab-top li.link{
  padding-top: 1rem;
}
.program-inner ul.tab-bottom li.link{
  padding-bottom: 1rem;
}

.program-inner ul.tab-top li a{
  border-radius: 10px 10px 0 0;
  color: #FFF;
  opacity: 0.4;
}
.program-inner ul.tab-bottom li a{
  border-radius: 0 0 10px 10px;
  color: #FFF;
  opacity: 0.4;
}

.program-inner ul.tab-top li a.active,.program-inner ul.tab-bottom li a.active{
  opacity: 1;
}
.program-inner ul.tab-top li a,.program-inner ul.tab-bottom li a{
  width: 100%;
  height: 100%;
  display: block;
  padding: 1rem;
}
.program-inner ul.tab-top li a.active,.program-inner ul.tab-bottom li a.active{
  padding: 1.5rem;
}
.program-inner .program-box{
  border: 2px solid;
  border-radius: 20px;
  padding: 35vw 0 5rem 0;
}

.program-pagetitle{
  width: 100%;
  position: relative;
}
.program-pagetitle .profile-illust{
  position: absolute;
  left: 1rem;
  top: -30vw;
  width: 24vw;
} 
.program-pagetitle .yoyaku-wrap{
  width: 24vw;
  height: 24vw;
  border-radius: 90px;
  position: absolute;
  right: 1rem;
  top: -30vw;
  line-height: 1.2;
  padding: 0;
}
.program-pagetitle .yoyaku-wrap .yoyaku{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  white-space: nowrap;
}
.program-pagetitle p.preice{
  text-align: center;
}
.program-inner-sub{
  padding: 0 2rem;
}
.program-inner-subbox{
  max-width: 680px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
}
.price-box{
  padding: 5rem 2rem;
  text-align: center;
  border: 1px solid #F6EAD4;
  background: #FFFBF3;
  border-radius: 20px;
  line-height: 1.5;
  position: relative;
  width: 100%;
}
.price-box-illust{
  position: absolute;
  bottom:-4rem;
  right: 0rem;
  width: 20%;
}

.program-flow{
  padding: 5rem 2rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/common_ pattern.png");
  color: #FFF;
}
ul.program-schedule li{
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: space-between;
}
  ul.program-schedule li .time{
  width: 25%;
    text-align: center;
}

ul.program-schedule li .time span{
  background: #FFF;
  padding:0.5rem 1rem;
  border-radius: 30px;
  margin-right: 1rem;
  display: block;
  width: 100%;
}
ul.program-schedule li  p{
  width: 70%;
}
.program-meal-example{
  padding: 0 2rem;
}

.program_meal-example{
  display: flex;
  flex-wrap:wrap;
  justify-content:center;
  padding: 0 2rem;
}
.program_meal-example > div{
  width: 100%;
}

.program_meal-photo{
  position: relative;
}
  
.program_meal-photo img{
  border-radius: 40px;
}
/*  
.program_meal-photo-lunch:after{
  content: "";
  border: 2px solid #EB9E64;
  position: absolute;
  top: 5px;
  left: 9px;
  z-index: 1;
  width: 100%;
  padding-top:62%; 
}
.program_meal-photo-cafe:after{
  content: "";
  border: 2px solid #AEAB67;
  position: absolute;
  top: 5px;
  left: 9px;
  z-index: 1;
  width: 100%;
  padding-top:62%; 
}
.program_meal-photo-dinner:after{
  content: "";
  border: 2px solid #5C96C8;
  position: absolute;
  top: 5px;
  left: 9px;
  z-index: 1;
  width: 100%;
  padding-top:62%; 
}
  */
.program-point{
  padding: 0 2rem;
}
.program-point ul li{
  line-height: 2;
}

.access{
  padding: 0 2rem;
  text-align: center;
}
.access-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.policy{
  padding: 0 2rem;
  text-align: left;
}
.policy-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}  
.qa{
  padding: 0 2rem;
  text-align: left;
}
.qa-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
} 
.contact,.reserve{
  padding: 0 2rem;
  text-align: left;
}
.contact-inner,.reserve-inner{
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 4vw;
}
.mw_wp_form table{
    margin-bottom: 2.5rem;
  }
.mw_wp_form table th,.mw_wp_form table td{
  padding: 1rem 0 2rem 0;
  font-weight: normal;
}  
.mw_wp_form table th{
  width: 100%;
  vertical-align: top;
  padding: 0;
  display: block;
}
.mw_wp_form table th span{
  color: #CC6E34;
}  
.mw_wp_form table td{
  width: 100%;
  display: block;
}  
.mw_wp_form input[type=text],.mw_wp_form input[type=email]{
  font-size: 4vw;
  padding: 1.5rem 2rem;
  border: 1px solid #D6D6D6;
  color: #999668!important;
} 
.mw_wp_form .name,.mw_wp_form .mail,.mw_wp_form .contact{
    width: 100%;
    border: 1px solid #D6D6D6;
  color: #999668!important;
  padding: 1.5rem 2rem;
}  
  .form_btn{
    text-align: center;
  }
.mw_wp_form input[type=submit]{
  font-size: 4vw;
  padding: 1rem 2rem;
  background:#CC6E34;
  color: #FFF;
  border: none;
  cursor: pointer;
  margin: 0 2rem;
  border-radius: 50px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
} 
h3.h3-subtitle{
  padding: 1.5rem;
  max-width: 400px;
  width: 100%;
  border-radius: 60px;
  border: 1px solid #8D8A4C;
  margin-left: auto;
  margin-right: auto;
  background: #FFF;
}

iframe{
  max-width: 700px;
  width: 100%;
}
span.common-arrow{
  padding-right:3rem;
  background: url("../img/common-arrow.svg") right center no-repeat;
}

.common-btn-yoyaku{
  position: fixed;
  right: 1rem;
  bottom:7rem;
  width: 25%;
  z-index: 1001;
}
}


.square_image {
  display: block;
  position: relative;
  max-width: 500px;
}
 
.square_image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
 
.square_image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
  border-radius: 300px;
}

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

  .pagenavi {
    text-align: center;
    margin: 60px auto 60px auto;
    font-size: 2rem;
  }
  .pagenavi a, .pagenavi span.current_page, .pagenavi span.back, .pagenavi span.next {
    min-width: 40px;
    margin: 0;
    display: inline-block;
    color: #CC6E34;
    box-sizing: border-box;
  }
  .pagenavi span.back {
    padding: 0 30px 0 0;
  }
  .pagenavi span.next {
    padding: 0 0 0 30px;
  }
  .pagenavi span.current_page {
    width: 40px;
    height: 40px;
    background: #CC6E34;
    color: #FFF;
    display: inline-block;
    line-height: 40px;
    border-radius: 20px;
  }
  
}



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

  .pagenavi {
    text-align: center;
    margin: 60px auto 60px auto;
    font-size: 2rem;
  }
  .pagenavi a, .pagenavi span.current_page, .pagenavi span.back, .pagenavi span.next {
    min-width: 40px;
    margin: 0;
    display: inline-block;
    color: #CC6E34;
    box-sizing: border-box;
  }
  .pagenavi span.back {
    padding: 0 30px 0 0;
  }
  .pagenavi span.next {
    padding: 0 0 0 30px;
  }
  .pagenavi span.current_page {
    width: 40px;
    height: 40px;
    background: #CC6E34;
    color: #FFF;
    display: inline-block;
    line-height: 40px;
    border-radius: 20px;
  }
  
}

.error{
  color: #CC6E34!important;
}
.daysListPanel{
  border-bottom: none!important;
  box-shadow: none!important;
}
.daysListPanel > div:last-child{
  border-bottom: none!important;
  box-shadow: none!important;
}
.addedGuests_click{
  color: #999668!important;
  cursor:default!important;
}
.costPerGuests{
  display: none;
}
.closed{
  color: #EFEFEF!important;
  cursor:default!important;
}
.closed:hover{
  background:#FFF!important;
}
.selected_day_slot{
  color: #999668!important;
}



.daysListPanel,.courseListPanel{
  font-size: 1.8rem!important;
}


#bottomPanel{
  padding-top: 5rem!important;
  text-align: center!important;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: center!important;
}
#booking-package_pay_locally{
  padding-top: 5rem!important;
  padding-left: 0!important;
  padding-right: 0!important;
  margin:0!important; 
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: center!important;
}
#nextAndReturnPanel{
  padding-top: 2.5rem!important;
  padding-left: 0!important;
  padding-right: 0!important;
  margin:0!important; 
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: center!important;
}

button{
  font-size: 1.8rem!important;
  padding: 1rem 2rem!important;
  background:#CC6E34!important;
  color: #FFF!important;
  border: none!important;
  cursor: pointer!important;
  margin: 0 2rem!important;
  display: inline-block!important;
  width: 30%!important;
  border-radius: 50px;
} 

#booking-package_inputFormPanel{
 font-size: 1.8rem!important;
}
#booking-package_inputFormPanel input,#booking-package_inputFormPanel select{
  font-size: 1.8rem!important;
  padding: 1.5rem 2rem!important;
  color: #999668;
} 
@media screen and (max-width: 767px) {
.daysListPanel,.courseListPanel{
  font-size: 4vw!important;
}
#bottomPanel{
  padding-top: 5rem!important;
  text-align: center!important;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: center!important;
}
#booking-package_pay_locally{
  padding-top: 5rem!important;
  padding-left: 0!important;
  padding-right: 0!important;
  margin:0!important; 
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: center!important;
}
#nextAndReturnPanel{
  padding-top: 2.5rem!important;
  padding-left: 0!important;
  padding-right: 0!important;
  margin:0!important; 
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: center!important;
}

button{
  font-size: 4vw!important;
  padding: 1rem 2rem!important;
  background:#CC6E34!important;
  color: #FFF!important;
  border: none!important;
  cursor: pointer!important;
  margin: 0 2rem!important;
  display: inline-block!important;
  width: 80%!important;
  border-radius: 50px;
} 

#booking-package_inputFormPanel{
 font-size: 4vw!important;
}
#booking-package_inputFormPanel input,#booking-package_inputFormPanel select{
  font-size: 4vw!important;
  padding: 1.5rem 2rem!important;
  color: #999668;
} 


}