/* kyushu_fukko.css */
.dpnone{
  display: none;
}
.bgG{
  background: #eee;
}


/* mv */
.gotocampaignMv {
    position: relative;
    background: #8c1402;
    padding-top:1rem;
}
.gotocampaignMvImg {
  max-width: 100%;
  width: 1600px;
  margin: 0 auto;
}
.addText_top{
  background: #e7002b;
  color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
    font-size: 2rem;
    padding: 0.5rem 0;
}

/* nav */
.gotocampaignNav{
  background: #8c1402;
}
.gotocampaignNav ul{
    display: flex;
    width: 1200px;
    justify-content: space-between;
    margin: 0 auto;
}
.gotocampaignNav li{width:100%;text-align:center;}
.gotocampaignNav a{
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 1rem;
  display: block;
  border-right: 1px solid #FFF;
}


/* Information:Common  */
.gotocampaignIntro {
  width: 95%;
  max-width:972px;
  margin:3rem auto;
  background: #fff6d6;
  padding: 20px;
  border-radius: 4px;
}
.gotocampaignIntro.ptn2{
  border:2px solid #01295b;
  background:#fff;
}
.ptn2 .goto_news dt {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
}
.ptn2 .goto_news .mark {
    background: #01295b;
    color: #fff;
    padding: 8px;
    margin-right:10px;
}
.goto_news h2{
  font-weight: bold;
  font-size: 1.3rem;
  border-bottom: 1px solid #9d8a49;
}
.goto_news dl {
    margin: 1rem 0;
    border-bottom: 1px dashed #a3a3a3;
    padding-bottom: 1rem;
}
.goto_news dl:last-of-type {
    border-bottom: none;
    padding: 0;
    margin: 0;
}
.goto_news dt{position:relative;  cursor:pointer;}
.goto_news dt::after {
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: "\f107";
    font-weight: 800;
    font-size: 1.4rem;
    font-family: "Font Awesome 5 Free";
}
/* .ptn2 .goto_news dt::after{right: -3%;} */
.goto_news dt.off::after {
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: "\f106";
    font-weight: 800;
    font-size: 1.4rem;
    font-family: "Font Awesome 5 Free";
}
.goto_news dd {
    display: none;
    margin: 0.5rem 0;
    background: #fff;
    padding: 1rem;
    border-radius: 10px;
    font-size: .9rem;
}
.ptn2 .goto_news dd{padding:1rem 0;}
.goto_news .mark{
  display:block;
  font-size: 1rem;
  color: #01295b;
}
.goto_news a{
   /* display: block; */
    text-decoration: underline;
    margin-top: 1rem;
}
.goto_news .attxt{color:#555;}

/* contents */
.mainTtl {
    line-height: 1.2;
    margin-bottom: 30px;
}
.mainTtl .subtitle {
    font-size: 15px;
    color: #888;
    text-align: center;
}
.mainTtl .title {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
}
.gotocampaignIntroInner {
  width: 95%;
  max-width:972px;
  margin:0 auto;
  background: #fff6d6;
  padding: 20px;
  border-radius: 4px;
}
.infoBoxWrap p{font-size:.9rem;}
.infoBoxWrap p b{font-size: 105%;}


/* SearchBox */
.searchBoxArea {
    background: url(/upload/tenant_1/hokurikuwari_main_img.webp) no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}
.searchBox {
    width: 800px;
    margin: auto;
    padding:0 0 60px 0;
    position: relative;
}
.searchBox_tab{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1.5rem;
}
.searchBox_tab p {
    cursor:pointer;
    background: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: bold;
    width: 200px;
    text-align: center;
    margin: 0 0.5rem;
}
.searchBox_tab p.sel{
  cursor:inherit;
  position:relative;
  background: #ef002c;
  color: #fff;
  font-weight: bold;
}
.searchBox_tab p.sel::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #ef002c transparent transparent transparent;
    position: absolute;
    bottom: -24%;
    left: 48.5%;
}
.searchBoxArea .up-jc-sb{
  justify-content: center;
}
.searchBoxArea .mainTtl {
    line-height: 1.2;
    padding: 40px 0;
    margin: 0;
    color: #fff;
    text-shadow: 0 0 10px #333;
}
.searchBoxArea .mainTtl .subtitle {
  color:#fff;
}
.searchBox form {
    width: 100%;
    margin: 0 auto;
    background: #ffffffc7;
    padding: 20px 40px;
    border-radius: 4px;
    box-shadow: 0 0 8px 0px #0000007d;
}
form[name=tbpnSearch] .flex {justify-content:inherit;}
form[name=tbpnSearch] label[for=rtBtn]{background:none;}
.searchBox form#tbpnSearch .selWrap {
  width: 30%;
  margin-right:1rem;
}
.col3 .selWrap, .col2 .selWrap {
    width: calc(100% / 3 - 0.5rem);
    margin-bottom: 0.5rem;
}
.col2 .selWrap:last-of-type {
    margin-right: auto;
    margin-left: 0.8rem;
}
form[name=SearchFormDomestic] label {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    height: 50px;
    background: url(/import/tenant_1/www.wbf.co.jp/module/kokunai-top/images/2020/btn_arrow2.png) no-repeat 95% center #fff;
    background-size: 10px auto;
}
form[name=SearchFormDomestic] label::before {
    top: 8px;
    left: 10px;
    display: block;
    position: absolute;
    font-size: 12px;
    pointer-events: none;
    color: #666;
}
form[name=SearchFormDomestic] label[name="dephomen"]::before {
    content: "出発地";
}
form[name=SearchFormDomestic] label[name="homeng"]::before,form[name=SearchFormDomestic] label[name="homen"]::before {
    content: "行き先";
}
form[name=SearchFormDomestic] label[name="pax"]::before {
    content: "人数";
}
form[name=SearchFormDomestic] .selWrap select,form[name=SearchFormDomestic] .selWrap input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    cursor: pointer;
    margin: 0;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #333;
    padding: 18px 30px 0 10px;
}
form[name=SearchFormDomestic] input[type="submit"] {
    background: #edab2b;
    border: none;
    width: 100%;
    color: #fff;
    padding: 15px 0;
    font-size: 17px;
    margin: 25px auto;
    border-radius: 4px;
    display: block;
    font-weight: bold;
    cursor:pointer;
}
form[name=SearchFormDomestic] input[type="submit"]:hover{opacity:0.8;}
.sb_att {
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    margin-top: 1rem;
    color: #fff;
    text-shadow: 0 0 8px #333;
}
@media only screen and (max-width: 768px) {
  .searchBoxArea {
    padding: 15px;
  }
  .searchBoxArea h3 .mainTtl .title{
    font-size: 16px;
  }
}

/* Area */
.areaList{margin:4rem 0;}
.areaList a {
  display: block;
  position: relative;
}
.areaList a h4 {
  font-weight: bold;
  background: #333333e6;
  bottom: 0;
  position: absolute;
  width: 100%;
  color: #fff;
  padding: 0.5rem;
  font-size: 1.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* hayami */
.hayami_table {
    background: #eee;
    padding: 4rem 0 2rem;
    margin-bottom: 2rem;
}
.hayami_table h4{
  text-align: center;
  font-weight: 700;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 15px;
  margin-top: 20px;
  width: 1000px;
  margin: 0 auto;
}
.hayami_inr {
  width: 1000px;
  margin: 0 auto;
}
.cp_table {
    width: 100%;
    background:#fff;
    border-collapse: collapse;
    margin: 15px 0 20px 0;
}
.cp_table *, .cp_table *:before, .cp_table *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cp_table span {
    font-size: 80%;
    display: block;
}
.cp_table th {
    font-weight: bold;
    background: #5c5c5c;
    color:#fff;
    padding: 10px;
    border: 1px solid #dddddd;
}
.cp_table td {
    text-align: left;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #dddddd;
}
.hayami_table.ovv {
    margin-bottom: 0;
    padding-bottom: 3rem;
}
.cp_table tr td:nth-of-type(1) {
    background: #e48888;
    width: 10em;
}
.cautionTxt{
  width: 1000px;
  margin: 1rem auto 0;
  font-size: .9rem;
}
.cautionTxt b{color:#f00;}

.infoBoxWrap {
    width: 900px;
    margin: 0 auto;
}
.infoBoxWrap .cautionTxt{width:100%;}
.cautionTtl {
  text-align: center;
  font-weight: 700;
  border-top: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  padding: 15px;
  margin-top: 20px;
}
.priceinfo img {
  margin: 20px auto;
  max-width:1000px;
}
@media only screen and (max-width: 599px) {
 .priceinfo img {
  margin: 20px auto;
    width: 95%;
} 
}

form[name=SearchFormDomestic] label.sbw__content{padding:0;}

/* faq */
.faq {
    background:#e48888;
    padding: 4rem 0;
    margin: 2rem 0 0;
    border-bottom: 1px solid #ccc;
}
.faqCont {
    overflow: hidden;
    border: 2px solid #333;
    width: 100%;
    margin: 20px auto;
    padding: 1.2rem;
    background: #fff;
}
.faqCont dt {
  cursor:pointer;
  justify-content: space-between;
    font-size: 120%;
    align-items: center;
    display: flex;
    border-left: 5px solid #333;
    padding-left: 10px;
    font-weight: bold;
}
.faqCont dt .plus {
    background: #333;
    display: inline-block;
    color: #fff;
    padding: 10px 10px;
    flex: 0 0 46px;
    text-align: center;
    margin-left: auto;
    cursor: pointer;
}
.faqCont dt .plus:before {
    content: "+";
}
.faqCont dt .plus:before {
    content: "+";
}
.faqCont dt.is-parent .plus:before {
    content: "-";
}
.faqCont dd {
    border-top: 1px dashed #ccc;
    margin-top: 15px;
    padding-top: 15px;
    color: #333;
    line-height: 1.8;
    font-size: .9rem;
    display:none;
}
.faqCont dd a{
  text-decoration: underline;
    color: #377981;
}
.faq div{width:900px;margin:0 auto;}
.ptn2 .goto_news dd{display:none;}

.bnrList{padding:4rem 0;}
.bnrList a{
  display:block;
  margin-bottom:1rem;
}
.bnrList a img{width:100%;}

.bnrList2{padding:4rem 0;}
.bnrList2 a{
  display:block;
  margin-bottom:1rem;
  width:calc(100% / 2 - 1rem);
}
.bnrList2 a img{width:100%;}


.searchBox_wbf {
    width: 94%;
    background: #ffffffc7;
    padding: 20px;
    border-radius: 15px;
}
.searchBox_tab li {
  cursor:pointer;
    background: #fff;
    font-size: 18px;
    padding: 6px 10px;
    border-radius: 8px;
    width: 180px;
    text-align: center;
    margin: 0 10px;
}
.searchBox_tab li i{color:#fff;}
.searchBox_tab li.sel{
  background: #0070b3;
  font-weight:bold;
  color: #fff; 
}
.sbw__box.air {
    margin-top:0;
    width: calc(100% / 2 - 15px);
}
.sbw_mddArea {width: 160px;}
.sb__flx .sbw__box_col1 {
    margin: 0;
    width: 260px;
}
.sb__flx .sbw__box.air + .sbw__box.air{margin:0 0 0 15px;}
.sb__flx .sbw_mddArea + .sbw__box_col1{margin:0 15px;}

.sbw__btn{margin:0 auto;width:60%;display: block;}

@media only screen and (max-width: 599px){
  .addText_top{
    font-size:1.1rem;
    padding:.5rem;
  }
  .gotocampaignNav ul{width:100%;flex-wrap:wrap;}
  .gotocampaignNav li {
      width: calc(100% / 4 );
      text-align: center;
      border-bottom: 1px solid #FFF;
      border-right: 1px solid #FFF;
  }
  .gotocampaignNav li i{display:block;}
  .gotocampaignNav li:last-of-type{width:100%;}
  .gotocampaignNav a {
    font-size: .9rem;
    padding: 1rem 0.5rem;
    border-right:none;
  }  
  
  .goto_news h2 {
    font-size: 1.2rem;
    border-bottom: 1px solid #01295b;
  }
  .goto_news dd{background:#f1f1f1;border-radius: 0;}
  .goto_news dt{font-size:90%;}
  .goto_news dt span{
      width: 90%;
      display: block;
  }
  .areaList {
    margin: 2rem 0;
}
  .goto_news dl {
      margin: 0.5rem 0;
      padding-bottom: 0.5rem;
  } 
  .ovv .cp_table{margin-top:0;}
  .searchBoxArea {
      background: url(/upload/tenant_1/gt_search_back_sp.webp) no-repeat;
      background-size: 100% 100%;
  }
  .mainTtl .title {
      font-size: 16px;
  }
  .searchBox {width: 90%;padding:inherit;}  
  .col3 .selWrap, .col2 .selWrap {
      width: calc(100% / 2 - 0.5rem);
  }
  .searchBox form{padding:20px;}
  .searchBox input[type="submit"]{margin:10px auto;}
  .areaList a h4 {
      font-weight: normal;
      padding: 0.2rem 0.5rem;
      font-size: 1rem;
  }  
  .hayami_inr {
      overflow: auto;
      white-space: nowrap;
      width: 100%;
  }
  .hayami_table h4{width:100%;}
  .hayami_table {
      padding: 2rem 1rem;
      margin-bottom: 2rem;
  }
  .cautionTxt {
      width: 100%;
      margin: 1rem auto 0;
      font-size: 80%;
  }    
  .infoBoxWrap {
      width: 90%;
      margin: 0 auto;
  }
  .faqCont dt{font-size:95%;}
  .infoBoxWrap .cautionTxt {
      width: 100%;
      font-size: 80%;
      line-height: 1.8;
  }
  .gotocampaignIntroInner {
      width: 100%;
/*       height: 280px; */
      overflow: hidden;
      position: relative;
  }
/*   .gotocampaignIntroInner::after {
    content: "すべてを表示する";
    display: block;
    width: 100%;
    background: #333333f2;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 10px;
    font-weight: bold;
} */
  .gotocampaignIntroInner.off{
    height:auto;
    overflow:inherit;
  }
  .gotocampaignIntroInner.off::after{
    content:none;
  }
  .faqCont{padding:1rem;}
  .faqCont dt .plus{margin-left:10px;}
  .faqCont dd{font-size:80%;}
  .searchBoxArea .mainTtl {
      padding: 30px 0 10px;
  }
  .sb_att {
      padding-bottom: 2rem;
  }
  .cp_table{font-size:90%;}
  .cp_table th{font-weight:bold;}
  .faq div {width: 94%;}
  .gotocampaignMv{padding-top:0;}
  .gotocampaignIntro {
      width: 100%;
      max-width: 972px;
      margin: 0.5rem 0;
      background: #fff;
  }
  .faq {padding: 2rem 0;}
  .gotocampaignIntro.ptn2 {
      width: 90%;
      margin: 20px auto 0;
  }
  .ptn2 .goto_news dt {
      flex-wrap: wrap;
      font-size: 16px;
  }
  .ptn2 .goto_news .mark {
      padding: 8px;
      margin-bottom: 5px;
      line-height: 1;
  }
  .ptn2 .goto_news dd {
      background: #fff;
      border-radius: 0;
      padding: 15px 0 0;
      border-top: 1px solid #333;
  }  
  .bnrList {padding: 2rem 1rem;}
  .bnrList a{width:100%;}
  .bnrList2 {padding: 2rem 1rem;}
  .bnrList2 a{width:100%;}
  .searchBox_tab{justify-content: space-between;}
  .searchBox_tab li {
      font-size: 16px;
      width: calc(100% / 2 - 10px);
      margin: 0;
  }
  .searchBox_wbf{width:100%;}
  .sbw__box.air {width: 100%;}  
  .sb__flx .sbw__box.air + .sbw__box.air {
      margin: 15px 0 0;
  }  
  .sbw_mddArea,.sbw__btn{width: 100%;}
  .sb__flx .sbw__box_col1{width: 100%;}
  .sb__flx .sbw_mddArea + .sbw__box_col1 {
    margin: 10px 0;
    width: 100%;
  }  
}

.news{
  background: #eee;
}
.news .news_content{
  width: 1000px;
  margin: 0 auto;
}
.news .news_content .ttl{
  width: 13em;
}
.news .news_content p{
  margin-bottom: 10px;
}
.news .news_content .text{
  width: calc(100% - 13em);
}
.news .news_content .text a{
  display: inline;
  color: #09519b;
  text-decoration: underline;
}

@media only screen and (max-width: 1020px) {
  .news .news_content{
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .news .news_content p{
    flex-wrap: wrap;
    font-size: 13px;
  }
  .news .news_content .ttl{
    width: 100%;
  }
  .news .news_content .text{
    width: 100%;
  }
}


/* おすすめホテルピックアップ */
.campaignTours{
  z-index: 1;
  position: relative;
  background: none;
}
.campaignToursItem{
  padding: 50px 30px;
  background-color: #FFF;
  position: relative;
}
.hkdTab .campaignToursItem{
  border: solid 10px #c5000a;
}
.campaignWrap h2.ttl02{
  background-color: #c5000a;
  border-radius: 6px;
  padding: 23px 0 20px 0;
  color: #FFF;
  font-size: 30px;
  line-height: 1;
  position: relative;
  margin-bottom: 50px;
  position: relative;
  z-index: 10;
}
.campaignToursItem h2:before{
  content:"";
  background: url(/upload/tenant_1/hatsuyume2024_illust_tourL.webp) top left no-repeat;
  width: 258px;
  height: 122px;
  position: absolute;
  top: -30px;
  left: 10px;
}
.campaignToursItem h2:after{
  content:"";
  background: url(/upload/tenant_1/hatsuyume2024_illust_tourR.webp) top left no-repeat;
  width: 359px;
  height: 139px;
  position: absolute;
  top: -30px;
  right: 10px;
}
.campaignToursItem h4{
  text-align: center;
  margin-bottom: 30px;
  background-color: #dbdbdb;
  padding: 10px;
  border-radius: 6px;
  color: #029210;
  font-size: 18px;
  font-weight: bold;
}
.campaignToursItem ul li a .img-box:before{
  content:none;
}
.campaignToursItem ul li .item{
  background-color: #FFF;
  position: relative;
  z-index: 10;
}

.campaignToursItem ul li .item p.icon{
  position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
}
.campaignToursItem ul li .item a .txtbox .tit{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}
.campaignToursItem ul li .item a .txtbox .explanation{
/*   text-align: center; */
}
.campaignToursItem ul li .info .getdpprice,.campaignToursItem .pricebox .handPrice{
  text-align: center;
  color: red;
  font-size: 22px;
  font-weight: bold;
}
.campaignToursItem ul li .info .getdpprice_info{
  font-size: 10px;
}
.campaignToursItem ul li .item p.icon span{
    padding: 2px;
    font-weight: bold;
    font-size: 12px;
    margin-right: 5px;  
}
.campaignToursItem ul li .item p.icon .airport{
    background-color: #ffca10;
}
.campaignToursItem ul li a .img-box .name{
  position: relative;
  top:auto;
  left: auto;
}
.campaignToursItem ul li .item p.icon .name{
  background-color: #df0000;
  background-color: #ffca10;
  color:#000;
}
.campaignToursBox:nth-of-type(even){
  background: none;
}
.campaignToursItem .tourLink{
  background-color: #46c453;
  padding: 6px;
  border-radius: 6px;
  color: #FFF;
  text-align: center;
  margin: 10px 0;
}
.campaignToursItem .tourLink p span{
  display: block;
  font-size: 12px;
}
.campaignToursItem .info{
  display: flex;
  justify-content: center;
}
.campaignToursItem ul li .info .getdpprice, .campaignToursItem .pricebox .handPrice{
  width: 8em;
}
.campaignToursItem ul li .info .getdpprice span{
  font-size: 30px;
}
.campaignToursItem ul li .info .getdpprice_info{
  font-size: 12px;
}
@media only screen and (max-width:1025px){
  .campaignToursItem h2:before{
    width: 150px;
    background-size: contain;
    left: -20px;
  }
  .campaignToursItem h2:after{
    background-size: contain;
    width: 180px;
    right: -20px;
  }
}
@media only screen and (max-width:768px){
  .campaignToursItem{
    padding: 30px 15px;
  }
  .campaignWrap h2.ttl02{
    font-size: 18px;
    margin-bottom: 20px;
    padding: 15px;
  }
  .campaignToursItem h2:before{
    width: 120px;
    left: -30px;
    top: -45px;
    background-size: contain;
  }
  .campaignToursItem h3{
    font-size: 15px;
  }
  .campaignToursItem h2:after{
    width: 150px;
    background-size: contain;
    right: -25px;
    top: auto;
    bottom: -20px;
    background-position: bottom right;
  }
  .campaignToursBox.section-py-small{
    padding-bottom: 15px;
  }
  .campaignImgList .inner, .theme .inner{
    padding: 20px;
  }
  .campaignImgList .theme ul li {
    width: calc(100% / 2);
  }
  .campaignToursItem ul li .info .getdpprice,.campaignToursItem .pricebox .handPrice{
    font-size: 18px;
  }
  .campaignWrap{
    overflow: hidden;
  }
  .campaignToursItem ul li .item a .txtbox .tit{
    font-size: 15px;
  }
  .campaignToursItem ul li .info .getdpprice span{
    font-size: 20px;
  }
  .campaignToursItem .info {
      flex-wrap: wrap;
  }
  .campaignToursItem ul li .info .getdpprice span {
    font-size: 24px;
  }
  .campaignToursItem ul li .info .getdpprice, .campaignToursItem .pricebox .handPrice{
        width: 100%;
  }
  .campaignToursItem ul li .item a .txtbox .explanation{
    font-size: 13px;
  }
}

/* 北陸応援割料金早見表 */
.hayami h4{
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  background-color: #dbdbdb;
  padding: 10px;
  border-radius: 6px;
  color: #8c1402;
  cursor: pointer;
  position: relative;
}
.hayami h5{
  font-size: 120%;
  text-align: center;
  margin-top: 15px;
  font-weight: bold;
  color: #000000;
}
.hayami h4:hover{
  opacity: 0.7;
}
.hayami h4::after {
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  content: "\f107";
  font-weight: 800;
  font-size: 1.4rem;
  font-family: "Font Awesome 5 Free";
}
.hayami h4.off::after {
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  content: "\f106";
  font-weight: 800;
  font-size: 1.4rem;
  font-family: "Font Awesome 5 Free";
}
.hayami .cp_table{
  background: #FFF;
}
.hayami .cp_table tr td{
  text-align: center;
}
.hayami .cp_table tr:nth-of-type(even) td:nth-of-type(1){
  background: #FFF;
}
.hayami .cp_table tr td:nth-of-type(1){
  background: #e48888;
}
.hayami .cp_table tr:nth-of-type(odd){
  background: #e48888;
}
.hayami .table01,.hayami .table02,.hayami .table03{
  margin-bottom: 30px;
}
.hayami p{
  margin: 15px 0;
}
.hayami .cp_table tr td:nth-of-type(1){
  width: 33%;
}
.hayami .cp_table span{
  font-size: 100%;
}
@media only screen and (max-width:1100px){
  .hayami{
    width: 90%;
    margin: 0 auto;
  }
}

/*search*/
.searchWrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}
.searchWrapper .left{
  color: #FFF;
  padding-right: 10px;
}
.search {
    background: #029210;
    padding: 16px 0;
}

.search .txt {
    color: #fff;
    margin-right: 10px;
    font-size: 19px;
}
.search .txt {
    color: #000;
    font-weight: bold;
}

.search select {
    font-weight: bold;
    padding: 10px 20px 7px;
}

@media (max-width: 599px) {
    .search {
        padding: 10px 0;
    }
    
    .search .txt {
        font-size: 14px;
    }
    
    .search select {
        width: 150px;
        font-size: 16px;
    }
}

/* 団体・ゴルフ */
.group .box.golf{
  position: relative;
}
.group .box.golf:before{
  content:"comming soon";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: calc(50% - 4em);
  color: #FFF;
  z-index: 21;
  font-size: 30px;
  font-weight: bold;
}

.group .golf .box_inner:before{
  content:"";
  background-color: rgb(82 82 82 / 70%);
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  z-index: 20;
}

.group .box{
  padding: 0 20px;
  margin-bottom: 40px;
}
.group .box .ttl{
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
}
.group .box_inner{
    border: solid 4px #029210;
    padding: 0;
    background-color: #c4ddc6;
    position: relative;
    padding-bottom: 80px;
}
.group .top_img{
  position: relative;
}
.group .top_img img{
  width: 100%;
}
.group .box h4{
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: left;
    background: none;
    padding: 0;
  color: #FFF;
  font-weight: bold;
}
.group .box h4 span{
  display: block;
  background-color: #FFF;
  color: #029210;
  padding: 0 10px;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 5px;
}
.group .box h4 span:last-child,.group .box h4 span:nth-child(2){
  display: inline-block;
}
.group .point_wrap{
    background-color: #FFF;
    z-index: 10;
    position: relative;
    margin: 0 15px;
    margin-top: -20px;
    padding: 5px;
}
.group .point{
  background-color: #029210;
    display: inline-block;
    color: #FFF;
    font-weight: bold;
    padding: 2px 10px;
    margin-bottom: 5px;
}
.group .pointList{
  list-style-type: disc;
  font-weight: bold;
}
.group .pointList li{
  margin-left: 20px;
  line-height: 1.4;
}
.group .pointList li .red{
  color: #e30000;
}
.group table{
  margin: 15px;
  border: solid 1px #cfcfcf;
  background-color: #eee;
    font-size: 12px;
}
.group table th{
  border: solid 1px #cfcfcf;
}
.group table td{
  border: solid 1px #cfcfcf;
  padding: 4px;
}
.group table tr:first-child{
  background-color: #93c698;
}
.group table tr:first-child th{
  border: solid 1px #FFF;
}
.group table tr:first-child th:first-child{
  width: 10%;
}
.group table tr:first-child th:nth-child(2){
  width: 60%;
}
.group table tr:first-child th:nth-child(3){
  width: 15%;
}
.group table tr:first-child th:nth-child(4){
  width: 15%;
}
.group .content{
  padding: 0 15px;
}
.group .content .point{
  background-color: #dbdbdb;
  padding: 6px 0;
  text-align: center;
  color: #029210;
  font-weight: bold;
  border-radius: 6px;
  margin-bottom: 10px;
}
.group .content ul,.group .content .price{
  font-size: 90%;
}
.group .content ul li{
  list-style: disc;
  margin-left: 2em;
}
.group .price_wrap{
      margin: 15px;
    display: flex;
    justify-content: space-between;
}
.group .price01{
  font-size: 13px;
  font-weight: bold;
  width: 50%;
}
.group .price01 p span{
  display: block;
}
.group .price02{
  width: 50%;
}
.group .price02 p{
  font-weight: bold;
  font-size: 20px;
  line-height: 1.0;
}
.group .price02 p span{
  display: block;
  font-size: 36px;
  line-height: 1.0;
  padding: 4px 0;
  color: #e30000;
  text-shadow: 4px 4px 1px #FFF, -4px -4px 1px #FFF,
  -4px 4px 1px #FFF,  4px -4px 1px #FFF,
  4px 0 1px #FFF, -4px  0 1px #FFF,
  0 4px 1px #FFF,  0 -4px 1px #FFF;
}
.group .caurion{
  margin: 15px;
  font-size: 12px;
}
.group .tel_wrap{
  background-color: #029210;
  padding: 15px 0;
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.group .tel_wrap p span{
  line-height: 1.2;
}
.group .tel_wrap p:first-child{
    text-align: right;
    width: 45%;
    margin-right: 5%;
}
.group .tel_wrap p:first-child span{
  display: block;
}
.group .tel_wrap p.tel{
  font-size: 36px;
  line-height: 1.0;
}

.kakuken{
  background-color: #eeeeee;
}
.kakuken table{
  width: 100%;
}
.kakuken table tr:first-child{
  background-color: #5c5c5c;
    color: #FFF;
    text-align: center;
}
.kakuken table tr:first-child td{
    background-color: #5c5c5c;
    font-weight: bold;
    font-size: 120%;
}
.kakuken table td{
  padding: 15px 0;
    border: solid 1px #eee;
    text-align: center;
    background-color: #FFF;
}
.kakuken table th{
      background: #e48888;
    padding: 15px 0;
    border: solid 1px #FFF;
    font-weight: bold;
}


@media (max-width: 1200px) {
  .group .tel_wrap{
    font-size: 13px;
    padding: 15px;
  }
  .group .tel_wrap p.tel{
    width: auto;
  }
  .group .tel_wrap p:first-child{
    text-align: left;
    width: auto;
  }
}

@media (max-width: 1080px) {
/*   .group .box_wrap{
  display: block;
} */
}

@media (max-width: 768px) {
  .group .box.golf:before{
    left: calc(50% - 3.5em);
  }
  .group .box{
    margin-bottom: 20px;
  }
  .group .table_wrap{
    overflow: scroll;
    margin-bottom: 10px;
  }
  .group table{
    width: 120%;
  }
  .group .content .price{
    font-size: 15px;
  }
  .group table td,.group table th{
    font-size: 12px;
  }
  .group .content ul li{
    margin-left: 1.5em;
    font-size: 13px;
  }
  .group .content .caurion{
    padding: 0 0 10px 0;
  }
  .group .content .photo{
    padding: 0 0 10px 0;
  }
  .group .box h4 span{
    font-size: 20px;
  }
  .group .point_wrap{
    margin: 0 10px;
    margin-top: -20px;
  }
  .group .point{
    font-size: 15px;
  }
  .group .pointList{
    font-size: 13px;
  }
  .group table{
    margin: 10px;
  }
  .group .price_wrap{
    margin: 10px;
    flex-wrap: wrap;
  }
  .group table td, .group table th {
    font-size: 10px;
  }
  .group .price01{
    width: 100%;
    font-size: 12px;
  }
  .group .price02{
    width: 100%;
  }
  .group .price02 p{
    font-size: 14px;
  }
  .group .price02 p span{
    display: inline;
    font-size: 26px;
  }
  .group .caurion{
    margin: 10px;
    font-size: 10px;
  }
  .group .tel_wrap{
    padding: 10px;
  }
  .group .tel_wrap p.tel{
    font-size: 30px;
  }
  .kakuken table{
    width: 90%;
    margin: 0 auto;
  }
}