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

.tour-date::after {
  content:"" !important;
}
.nosp{
  display: none !important;
}
main{
  width: 100% !important;
}
main *{
  font-family: 'Noto Sans JP', sans-serif;
  font-family: 'Noto Serif JP', serif;
  box-sizing: border-box;
  color: #333;  
}
#header-box{
  width: 100%;
  /*background: url("../images/bg_mvpc.png") no-repeat center top / contain;*/
}
.breadcrumb ul.breadlist{
  width:100%;
}

.footer__contact-button--type-tel {
     padding: 8px 0; 
}


.main-title{
    height: calc(520vw / (750 / 70));
    margin: 0 auto;
    position: relative;
    background-size: cover;
    background-image: url(../images/bg_mvpc.jpg);
    background-position: center;
} 
.navbox{
    width: 90%;
    margin: 5% auto;
}
.nav-list{
  width: 100%;
  margin: auto;
  display: flex;
  /* justify-content: space-between; */
  flex-wrap: wrap
}
.nav-list li{
  width: calc(100% / 3);
  display: flex;
  align-items: center;
  justify-content: center;
  /*border-right: 2px solid #be9c3d;*/
  transition: 0.3s;
  margin:0 auto;
  margin-left: 10%;
}
.nav-list li:nth-child(-n+3){
  /*border-bottom: 2px solid #be9c3d;*/
}
.nav-list li:nth-child(3n){
  border-right: none
}
.nav-list li a{
  display: block;
  font-size: calc(28vw /(750 / 100));
  font-weight: 500;
  color:  #FFF;
  text-align: center;
  padding: calc(10vw /(750 / 100)) 0;
}
.nav-list li:hover{
  /*background-color: #000;*/
}
.innerbox:nth-child(-n + 1) {
    width: 92vw;
    margin: auto;
}


.innerbox {
    width: 92vw;
    margin: auto;
    /*margin-top: 5vh; */

}


#onsen{
  padding: calc(30vw /(750 / 100)) 0;
  border-bottom: solid 5px;
  border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
  border-image-slice: 1;
  padding-bottom: 100px;
}

.onsen-txt .small{
 font-size:90%;
}

.onsen-caption{
  text-align: center;
  margin-bottom: calc(20vw /(750 / 100));
}
.onsen-caption span{
  font-size: calc(36vw /(750 / 100));
  font-weight: 600;
  display: inline-block;
  position: relative;
  padding: 0 calc(40vw /(750 / 100));
}
.onsen-caption span::before{
    content: "";
    background: url(../images/title-1.png) no-repeat center center / contain;
    width: calc(78vw /(750 / 100));
    height: calc(75vw /(750 / 100));
    /* position: absolute; */
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
    display: block;
    margin: 3% auto;
}
.onsen-caption span::before{
  left: 0;
}
.onsen-caption span::after{
  right: 0
}
.onsen-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.onsen-list li{
  width: calc(99% / 1);
  background: #fffbec;
  margin-top: 15%;
}
.onsen-txt{
 background:#fffbec;
 font-size:17px;
 text-align:center;
 padding: 15px 0;
}
.onsen-txt .red-b{
 background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;
 font-size: 20px;
 font-weight: bold;
 color: #a71414;
}
.onsen-area{
  font-size: calc(36vw /(750 / 100));
  font-weight: 500;
  color: #FFF;
  text-align: center;
  padding: calc(6vw /(750 / 100));;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover
}
.onsen-area.awazu{
  background-image: url("../images/bg_awazu.jpg")
}
.onsen-area.katayamazu{
  background-image: url("../images/bg_katayamazu.jpg")
}
.onsen-area.yamanaka{
  background-image: url("../images/bg_yamanaka.jpg")
}
.onsen-area.yamashiro{
  background-image: url("../images/bg_yamashiro.jpg")
}
.hotel_info_icon{
    background-color: #be9c3d;
    padding: 2px;
    color: #FFF;
    display: inline-block;
    width: 65px;
    text-align: center;

}
.onsen-txtbox{
  padding: calc(10vw /(750 / 100));
  position: relative;
  border: solid 3px #bc9e3d;
  margin: 0;

}
.onsen-catch{
  font-size: calc(30vw /(750 / 100));
  font-weight: 600;
  text-align: center;
  margin-bottom: calc(6vw /(750 / 100));
  position: absolute;
  display: inline-block;
  top: -27px;
  left: -3px;
  padding: 0 9px;
  height: 25px;
  line-height: 25px;
  font-size: 17px;
  background: #bc9e3d;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}

#jyozankei{
    background: url(../images/bg_top.png) no-repeat left top / 45% auto, linear-gradient(to bottom, #e2f7cf 1%, #ffffff 80%);
    padding: calc(30vw /(750 / 100)) 0;
}
#jyozankei_tour{
    background: url(../images/bg_top.png) no-repeat left top / 30% auto, url(../images/bg_btm.png) no-repeat right bottom / 20% auto, linear-gradient(to bottom, #e2f7cf 1%, #fff 75%);
    border-bottom: solid 5px;
    border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
    border-image-slice: 1;
    padding-bottom: 40%;
    padding-top: 5%;
} 

#toyako{
    background: url(../images/bg_top.png) no-repeat left top / 45% auto, linear-gradient(to bottom, #f8e9e3 1%, #ffffff 80%);
    padding: calc(30vw /(750 / 100)) 0;
}
#toyako_tour{
    background: url(../images/bg_top.png) no-repeat left top / 30% auto, url(../images/bg_btm.png) no-repeat right bottom / 20% auto, linear-gradient(to bottom, #f8e9e3 1%, #fff 75%);
    border-bottom: solid 5px;
    border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
    border-image-slice: 1;
    padding-bottom: 40%;
    padding-top: 5%;
} 

#noboribetsu{
    background: url(../images/bg_top.png) no-repeat left top / 45% auto, linear-gradient(to bottom, #fff7d9 1%, #ffffff 80%);
    padding: calc(30vw /(750 / 100)) 0;
}
#noboribetsu_tour{
    background: url(../images/bg_top.png) no-repeat left top / 30% auto, url(../images/bg_btm.png) no-repeat right bottom / 20% auto, linear-gradient(to bottom, #fff7d9 1%, #fff 75%);
    /*border-bottom: solid 5px;
    border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
    border-image-slice: 1;*/
    padding-bottom: 40%;
    padding-top: 5%;
} 

.recommend-hotelbox{
  position: relative;
  margin: calc(100vw /(750 / 100)) auto calc(50vw /(750 / 100)); 
  background: url("../images/bg_btm.png") no-repeat right bottom / 35vw auto;
  border-bottom: 4px solid #be9c3d;
  padding-bottom: calc(80vw /(750 / 100))
}
.recommend-title{
  position: absolute;
  top: calc(-55vw / (750 / 100));
  left: calc(30vw / (750 / 100))
}
.recommend-title>img{
  width: 50%
}
.recommend-ph{
  width: 100%;
  border: none;
  border-top: 4px solid #be9c3d;
  border-bottom: 4px solid #be9c3d
}
.recommend-ph.pc{
  display: none;
}
.recommend-product{
  width: 92vw;
  margin: calc(20vw /(750 / 100)) auto;
  padding-right: 15vw;
}
.recommend-badge{
}
.recommend-badge>img{
  width: calc(171vw / (750 / 100));
}
.hotel-name.hotel-recommend{
  font-size: calc(48vw / (750 / 100));
  margin: calc(20vw /(750 / 100)) auto;
}

.hotel-list{
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.hotel-list>li{
  flex: 0 0 85%;
  margin-right: 2%;
  padding: 5% 0;
}
.hotel-ph{
  position: relative;
  overflow: hidden;
  height: calc(400vw / (750 / 100));
  border: 4px solid #be9c3d
}
.hotel-ph>img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
.area-badge{
  position: absolute;
  bottom: calc(40vw / (750 / 100));
  left: 0;
  z-index: 20;
  width: 30%
}
.hotel-name{
  font-size: calc(36vw / (750 / 100));
  font-weight: 600;
  margin: calc(6vw / (750 / 100)) 0;
  padding: 0 3%;
}
.hotel-txt{
  padding: 0 3% 5%;
}
.hotel_info_icon{
    background-color: #be9c3d;
    padding: 2px;
    color: #FFF;
    /*display: inline-block;*/
    width: 29%;
    text-align: center;
    font-size: 90%;
    margin: 1% 2% 0 0; 
}

.hotel-info{
  font-size: 90%;
  padding:0 3%;
}

.hotel-access{
  margin-top: calc(10vw / (750 / 100))
}
.hotel-access::before{
  content: "アクセス";
  background-color: #be9c3d;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: calc(22vw / (750 / 100));
  color: #FFF;
  text-align: center;
  padding: calc(3vw / (750 / 100)) calc(6vw / (750 / 100));
}
.hotel-access li{
  display: inline-block;
  font-size: calc(22vw / (750 / 100));
  font-family: 'Noto Sans JP', sans-serif;
}
.hotel-access li+li{
  margin-left: calc(6vw / (750 / 100));
}

#tour .innerbox{
  padding: calc(30vw / (750 / 100)) 0
}
.area00{
  display: none;
}
.sub-tour{
  font-size: calc(28vw / (750 / 100));
  font-weight: 700;
  color: #000;
  text-align: center;
  /*margin-bottom: calc(20vw / (750 / 100));*/
  position: relative;
  padding: 0 1rem;
}
.sub-tour span{
    vertical-align: middle;
    position: relative;
    padding: 0vh 1rem;
}
/*
.sub-tour span:before {
    content: url(../images/icon_spa.png);
    display:inline-block;
    transform:scale(0.8);
}*/

.sub-tour-small{
    text-align: center;
    margin-top: 1vh;
    font-size: 70%;
 }

.sub-tour span:before {
  position: absolute;
    bottom: 0vh;
    top: 100%;
    right: 0%;
    /* left: 0%; */
    width: 85vw;
    height: 7px;
    content: '';
    /* background-image: -webkit-repeating-linear-gradient(
135deg, #000, #000 1px, transparent 2px, transparent 5px); */
    background-image: repeating-linear-gradient(-45deg, #be9c3d, #be9c3d 1px, white 2px, transparent 5px);
    /* background-size: 7px 7px; */
    -webkit-backface-visibility: visible;
}
}

.tour-list *,
#inqbox *{
  font-family: "メイリオ", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}
.tour-list>li{
  border: 1px solid #000;
}
.tour-list>li:after {
  border-bottom: 6px solid #0366D6;
  border-right: 6px solid #0366D6;
}
.tour-list>li:hover {
  background: #ced0f2;
}


.sub-title{
    font-size: calc(50vw / (750 / 100));
    font-weight: 500;
    color: #000;
    text-align: center;
    background: url(../images/h2_spot.png) no-repeat top center /contain;
    line-height: 1.2;
    padding-top: calc(50vw / (750 / 100));
    margin-top: 15%;
    margin-bottom: calc(20vw / (750 / 100));
    padding-bottom: calc(50vw / (750 / 100));
}
/*.sub-title::before{
  content: "加賀温泉郷への旅";
  font-size: 60%;
  display: block
}*/
.sub-title .emp{
  color: #e91e47
}
.kanazawa-read{
  font-size: calc(30vw / (750 / 100));
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-bottom: calc(30vw / (750 / 100))
}
.spot-list{
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  padding: 10% 0;  
}
.spot-list.type4 li,
.spot-list.type3 li{
  flex: 0 0 80%;
  margin-right: 2%;
}

.spot-ph{
  position: relative;
  height: calc(400vw / (750 / 100));
}
.spot-ph .spot-tag{
  position: absolute;
  top: 0;
  right: 0;
  font-size: calc(26vw / (750 / 100));
  font-weight: 500;
  color: #FFF;
  text-align: center;
  padding: calc(6vw / (750 / 100));
}
.spot-ph .spot-tag.awazu{
  background-color: #53d2cd
}
.spot-ph .spot-tag.yamashiro{
  background-color: #f6b019
}
.spot-ph .spot-tag.yamanaka{
  background-color: #8fe363
}
.spot-ph .spot-tag.katayamazu{
  background-color: #f68248
}
.spot-name{
  font-size: calc(30vw / (750 / 100));
  font-weight: 600;
  color: #000;
  margin: calc(10vw / (750 / 100)) auto;
  padding: 0 2%;
}
.spot-txt{
      padding: 0 2%;
}
.spot-data{
  margin-top: calc(30vw / (750 / 100));
  font-family: 'Noto Sans JP', sans-serif;
  font-size: calc(22vw / (750 / 100));
  line-height: 1.8
}
.spot-data::before{
  content: "アクセス";
  background-color: #be9c3d;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: calc(22vw / (750 / 100));
  color: #FFF;
  text-align: center;
  padding: calc(3vw /(750 / 100)) calc(6vw /(750 / 100));
  margin-right: calc(6vw /(750 / 100));
}
.accordion {
	font-size: calc(30vw /(750 / 100));
	font-weight: 600;
	color: #515151;
}
.odd-line{
  background-color: #fff5d7
}
.even-line{
  background-color: #fffbf0
}
.dep-city{
  text-align: center;
  width: 6em;
}
.vehicle{
  text-align: center;
  color: #FFF;
  width: 6em;
}
.odd-line .vehicle{
  background-color: #b5b8f2;
}
.even-line .vehicle{
  background-color: #ced0f2;
}
.spring-quality{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff5d7;
  border: 1px solid #FFF;
}
.spring-quality *{
  font-family: 'Noto Sans JP', sans-serif;
}
.spring-quality:nth-child(even){
  background-color: #fffbf0
}
.spring-quality.midashi{
  background-color: #b5b8f2;
  color: #FFF;
  text-align: center;
}
.spring-quality.midashi dd,
.spring-quality.midashi dt{
  color: #FFF;
}
.spring-name{
  width: 6em;
  flex-shrink: 0;
  padding: calc(6vw /(750 / 100));
  text-align: center;
  border-right: 1px solid #FFF
}
.spring-txt{
  flex: 1;
  padding: calc(6vw /(750 / 100));
}
.spring-data li{
  display: inline-block;
  margin-right: calc(6vw /(750 / 100));
  padding-left: 4.5em;
  position: relative
}
.spring-data li:not(last-child)::before{
  position: absolute;
  top: 0;
  left: 0
}
.spring-data li:first-child::before{
  content: "【温度】"
}
.spring-data li:nth-child(2)::before{
  content: "【泉質】"
}
.spring-data li:last-child::before{
  content: "【効能】"
}
.copyright-txt{
  margin-top: calc(100vw /(750 / 100));
  text-align: right;
  font-weight: 500;
}

.breadcrumb__item:nth-child(1) .breadcrumb__icon {
    top: calc(50% - 1px);
}
.breadcrumb__icon {
    width: 12px;
    height: auto;
    /* position: absolute; */
    left: 0;
    top: 50%;
    /* transform: translateY(-50%); */
}

.breadcrumb__inner {
    padding: 5px 24px;
    overflow-x: scroll;
    white-space: nowrap;
}

#back-to-top{
	width: 23%;
	max-width: 136px;
}
#back-to-top a{
	display: block;
}