@charset "utf-8";
/* CSS Document */
.tour-date::after {
  content:"" !important;
}
.tour-date {
    color: #333;
    font-size: 14px;
    padding-left: 0.5em;
}
.tour-price .air_tour_code {
    display: block;
    font-size: 19px;
    color: #C00;
    font-weight: bold;
    padding-top: 2px;    
}    
.tour-price .price__detail {
    display: block;
    color: #333;
    font-size: 12px;
    font-weight: normal;
}
.tour-title {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.4em;
    color: #1A0DAB;
}
.tour-date {
    color: #333;
    font-size: 13px;
    padding-left: 0.5em;
    padding-top: 5px;    
}
.nopc{
  display: none !important;
}
main{
  width: 100%;
}
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.jpg") center top no-repeat;
}
.main-title{
  width: 992px;
  height: 500px;
  margin: auto;
  position: relative;
} 
.main-title img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.navbox{
  width: 100%;
 /* background: -moz-linear-gradient(top, #e91e47, #ffab96);
  background: -webkit-linear-gradient(top, #e91e47, #ffab96);
  background: linear-gradient(to bottom, #e91e47, #ffab96);
  box-shadow: 0 3px 10px rgba(0,0,0,0.5)*/
}
.nav-list{
  width: 550px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.nav-list li{
  width: calc(100% / 3);
  display: flex;
  align-items: center;
  justify-content: center;
  /*border-left: 2px solid #be9c3d;*/
  transition: 0.3s
}
/*.nav-list li:last-child{
  border-right: 2px solid #be9c3d
}*/
/*
.nav-list li a{
  display: block;
  font-size: 18px;
  font-weight: 500;
  color:  #FFF;
  text-align: center;
  padding: 10px 0;
}*/
.nav-list li:hover{
  opacity:0.9;
}
.innerbox{
    width: 992px;
    margin: auto;
    padding-top: 50px;
}

#onsen{
  padding: 30px 0;
  border-bottom: solid 5px;
  border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
  border-image-slice: 1;
  padding-bottom: 100px;     
}
.onsen-caption{
  text-align: center;
  margin-bottom: 20px;
}
.onsen-caption span{
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  padding: 30px 50px;
}
.onsen-caption span::before{
  content: url("../images/title-1.png");
  display: block;
  margin: 0 auto 15px;
}
.onsen-caption span::before{
  left: 0;
}
.onsen-caption span::after{
  right: 0
}
.onsen-list{
  display: flex;
  justify-content: space-between;
}
.onsen-list li{
  width: calc(94% / 2);
  background-color: #fffbec;
}
.onsen-area{
  font-size: 22px;
  font-weight: 500;
  color: #FFF;
  text-align: center;
  padding: 5px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover
}
.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: 25px;
  font-weight: bold;
  color: #cc0000;
}

.onsen-txt .small{
 font-size:13px;
}

.onsen-txtbox{
    padding: 10px;
    position: relative;
    border: solid 3px #bc9e3d;  
    margin: 0; 
    padding: 0;    
}
.onsen-catch{
    text-align: center;
    margin-bottom: 6px;
    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 / 18% auto, url("../images/bg_btm.png") no-repeat right bottom / 20% auto, linear-gradient(to bottom, #e2f7cf 1%, #e2f7cf 100%);
  padding: 80px 0;  
}
@media screen and (max-width:1300px) {
  #jyozankei{
    background: url("../images/bg_top.png") no-repeat left top / 18% auto, linear-gradient(to bottom, #e2f7cf 1%, #e2f7cf 100%);
  }
}

#toyako{
  background: url("../images/bg_top.png") no-repeat left top / 18% auto, url("../images/bg_btm.png") no-repeat right bottom / 20% auto, linear-gradient(to bottom, #f8e9e3 1%, #f8e9e3 100%);
  padding: 80px 0;  
}
@media screen and (max-width:1300px) {
  #toyako{
    background: url("../images/bg_top.png") no-repeat left top / 18% auto, linear-gradient(to bottom, #f8e9e3 1%, #f8e9e3 100%);
  }
}

#noboribetsu{
  background: url("../images/bg_top.png") no-repeat left top / 18% auto, url("../images/bg_btm.png") no-repeat right bottom / 20% auto, linear-gradient(to bottom, #fff7d9 1%, #fff7d9 100%);
  padding: 80px 0;  
}
@media screen and (max-width:1300px) {
  #noboribetsu{
    background: url("../images/bg_top.png") no-repeat left top / 18% auto, linear-gradient(to bottom, #fff7d9 1%, #fff7d9 100%);
  }
}
.recommend-hotelbox{
  width: 992px;
  margin: auto;
  position: relative;
  padding-left: 120px;
}
.recommend-title{
  position: absolute;
  top: 0;
  left: 0;
}
.recommend-title>img{
  width: 80px;
}
.recommend-hotel{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.recommend-ph{
  width: 875px;
  border: 4px solid #be9c3d;
  position: relative
}
.recommend-badge{
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 20;
  width: 30%
}
.recommend-ph.sp{
  display: none;
}
.recommend-product{
    margin: 0 auto 20px;
    background: #fff;
    padding: 0 20px 20px;
}
.hotel-name.hotel-recommend{
  font-size: 32px;
  margin: 0 auto;
}
.hotel-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.hotel-list li{
  width: calc(96% / 3);
  margin-bottom: 20px;
  background-color: #FFF;  
}
.hotel-ph{
  position: relative;
  overflow: hidden;
  height: 220px;
  border: 4px solid #be9c3d
}
.hotel-ph>img{
  position: absolute;
  top: 50%;
  left: 50.2%;
  transform: translate(-50%, -50%)
}
.area-badge{
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 20;
  width: 30%
}
.hotel-name{
  font-size: 20px;
  font-weight: 600;
  margin: 5px 0;
  padding:0 10px;
}
.recommend-hotel__product .hotel-name{
  font-size: 32px;
}

.hotel-info{
  display:flex;
  justify-content: space-between;
}

.hotel-info li{
  width: calc(94% / 2);
  margin: 3px 0;
}
.hotel-txt{
  margin-bottom: 15px;
  padding:0 10px;
}
/*
.hotel-room::before{
  content: "客室";
  background-color: #be9c3d;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  padding: 3px;
}*/


.hotel_info_icon{
    background-color: #be9c3d;
    padding: 1px 3px;
    color: #FFF;
    /*display: inline-block;*/
    width: 65px;
    text-align: center;
}

#jyozankei_tour{
  background: url("../images/bg_top.png") no-repeat left top / 18% auto, url("../images/bg_btm.png") no-repeat right bottom / 20% auto, linear-gradient(to bottom, #e2f7cf 1%, #e2f7cf 100%);
     border-bottom: solid 5px;
    border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
    border-image-slice: 1;
    padding-bottom: 100px;    
}
@media screen and (max-width:1300px) {
  #jyozankei_tour{
    background: url("../images/bg_top.png") no-repeat left top / 18% auto, linear-gradient(to bottom, #e2f7cf 1%, #e2f7cf 100%);
     border-bottom: solid 5px;
    border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
    border-image-slice: 1;
    padding-bottom: 100px;    
  }
}

#toyako_tour{
  background: url("../images/bg_top.png") no-repeat left top / 18% auto, url("../images/bg_btm.png") no-repeat right bottom / 20% auto, linear-gradient(to bottom, #f8e9e3 1%, #f8e9e3 100%);
  /*padding: 20px 0;  */
  border-bottom: solid 5px;
    border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
    border-image-slice: 1;
    padding-bottom: 100px;
}
@media screen and (max-width:1300px) {
  #toyako_tour{
    background: url("../images/bg_top.png") no-repeat left top / 18% auto, linear-gradient(to bottom, #f8e9e3 1%, #f8e9e3 100%);
     border-bottom: solid 5px;
    border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
    border-image-slice: 1;
    padding-bottom: 100px;    
  }
}

#noboribetsu_tour{
  background: url("../images/bg_top.png") no-repeat left top / 18% auto, url("../images/bg_btm.png") no-repeat right bottom / 20% auto, linear-gradient(to bottom, #fff7d9 1%, #fff7d9 100%);
  /*padding: 20px 0;  */
    /* border-bottom: solid 5px;
    border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
    border-image-slice: 1;
    padding-bottom: 100px;    */
}
@media screen and (max-width:1300px) {
  #noboribetsu_tour{
    background: url("../images/bg_top.png") no-repeat left top / 18% auto, linear-gradient(to bottom, #fff7d9 1%, #fff7d9 100%);
   /*  border-bottom: solid 5px;
    border-image: linear-gradient(to right, #7b6832 0%, #be9c3d 100%);
    border-image-slice: 1;
    padding-bottom: 100px;    */
  }
}

/*.sub-title__tour{
  background: url("../images/bg_h2_tour.png") repeat;
  font-size: 50px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  padding: 10px 0;
}*/
#jyozankei .innerbox{
  padding: 50px 0
}
.area00{
  display: none;
}
.sub-tour{
  font-size: 24px;
  font-weight: 700;
  color: #000;
  text-align: center;
  /*margin-bottom: 20px;*/
}
.sub-tour span{
    vertical-align: middle;
    position: relative;
    padding: 0vh 1rem;

}

.sub-tour span:before {
    /* content: url(../images/icon_spa.png); */
    /* margin-right: 15px; */
    position: absolute;
    bottom: 0vh;
    /* top: 100%; */
    right: 0%;
    left: 0%;
    /* width: 75vw; */
    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;
 }

 .sub-tour-small{
    text-align:center;
 }


.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;
}
.other_link{
  width:450px;
  margin:10px auto;
}
.other_link a{
  display: block;
  margin: 0 auto;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  transition: 0.3s;
  position: relative;
  background-color: #000;
}

.sub-title{
  font-size: 50px;
  font-weight: 500;
  color: #000;
  text-align: center;
  background: url("../images/h2_spot.png") no-repeat top center /contain;
  line-height: 1.0;
  padding: 40px 0;
  margin-bottom: 20px;
}

/*.sub-title::before{
  content: "加賀温泉郷への旅";
  font-size: 40%;
  display: block
}*/
.sub-title .emp{
  color: #e91e47
}
.spot-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
.spot-list.type4 li{
  width: calc(94% / 4);
  margin-right: 2%;
  margin-bottom: 2%;
}
.spot-list.type4 li:nth-child(4n){
  margin-right: 0
}
.spot-list.type3 li{
  width: calc(96% / 3);
  margin-right: 2%;
  margin-bottom: 2%;
  background: #FFF;  
}
.spot-list.type3 li:nth-child(3n){
  margin-right: 0
}
.spot-ph{
  position: relative
}
.spot-ph .spot-tag{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  text-align: center;
  padding: 3px;
}
.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: 18px;
  font-weight: 600;
  color: #000;
  margin: 10px auto;
  padding:0 10px;
}
.spot-txt{
  padding:0 10px;
}
.spot-data{
  margin: 10px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  line-height: 1.8
}
.spot-data::before{
  content: "アクセス";
  background-color: #be9c3d;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  padding: 3px;
  margin-right: 3px;
}
.accordion {
	font-size: 24px;
	font-weight: 600;
	color: #515151;
}
.info-faq__txt {
	margin-bottom: 20px;
	border-bottom: 1px #685348 dotted;
	padding: 10px 0;
}
.info-faq__txt a{
  text-decoration: underline
}
.access-list{
  border-collapse: collapse;
  table-layout: fixed;
}
.access-list *{
  font-family: 'Noto Sans JP', sans-serif;
}
.access-list tr th,
.access-list tr td{
  padding: 5px;
  border: 1px solid #FFF;
  font-weight: 500;
  vertical-align: middle;
}
.access-list tr th{
  background-color: #9295c9;
  font-size: 18px;
  font-weight: 500;
  color: #FFF;
  text-align: center
}
.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;
}

.copyright-txt{
  margin-top: 80px;
  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 {
    overflow-x: auto;
    white-space: normal;
    padding: 6px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#back-to-top{
	width: 120px;
}
#back-to-top a{
	display: block;
}