@charset "UTF-8";
/* header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 122;
  background: rgba(0, 0, 0, 0);
}
header h1{
  margin: 7.5vw 0 0 11vw;
}
header h1 svg *{
  fill: #FFF;
} */

/* スライダ */
#mainV{
  height: 100vh;
  width: 100vw;
  background-color: #fff;
  color: #fff;
  overflow: hidden;
  position: relative;
  margin-bottom: 6vw;
}
#mainV > ul{
  position: relative;
}
#mainV #slider{
  width: 100vw;
  height: 100%;
  margin: 0;
}
#mainV #slider > *{
  position: absolute;
  top: 0;left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .75s; /* JSと同じ値 -> var nextSpeed */
  display: none;
}
#mainV #slider > .active,
#mainV #slider > .nextActive,
#mainV #slider > .nextActive2,
#mainV #slider > .beforeActive,
#mainV #slider > .beforeActive2{
  display: block;
  opacity: 1;
  z-index: 1;
}
#mainV #slider > .nextActive{
  opacity: 0;
}
#mainV #slider > .beforeActive{
  z-index: 2;
}
#mainV #slider > .beforeActive2{
  opacity: 0;
  z-index: 2;
}
#mainV #slider img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#mainV #slider img.topSlider{
  display: none;
}

#mainV #slider .msg{
  position: absolute;
  font-weight: bold;
  width: 100vw;
  height: auto;
  bottom: 7.9vh;
  left: 0;
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
}
#mainV #slider .msg > span{
  padding: 0 0 0 1vw;
  width: 45vw;
  height: 7vh;
  text-align: center;
  font-size: 3vw;
  font-size: 1.9vh;
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainV #slider li .msg a.viewMore{
  height: auto;
}
#mainV #slider .msg h2{
  font-size: 14.25vw;
  margin: 0;
  font-weight: normal;
}
#mainV #slider .msg h3{
  font-size: 3.86vw;
  font-size: 2.17vh;
  font-family: 'BStyle',"BStyle-Regular" ,"DIN Alternate Bold" ,"Oswald", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  transform: initial;
  font-weight: 400;
  margin-left: 0;
  letter-spacing: .5vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  height: 6vh;
}
#mainV #slider img.icon {
  width: 11vw;
  margin-left: .75vw;
  height: auto;
  object-fit: initial;
}

#mainV #slider li .msg a{
  /* display: none; */
  color: #FFF;
  border-color: #FFF;
  font-size: 4.5vw;
  font-size: 2.55vh;
  width: 75vw;
  margin: 0 auto;
  transform: scale(.7, 1);
  padding-bottom: 1.5vw;
  padding-bottom: .85vh;
}
#slider p{
  display: none;
}
#sliderTitleWrap{
  position: absolute;
  left: 0;
  bottom: 27vh;
  z-index: 2;
  width: 100vw;
  display: flex;
  flex-flow: column;
  align-items: center;
}
#sliderTitleWrap h2{
  margin: 0;
  font-family: 'BStyle',"BStyle-Regular" ,"DIN Alternate Bold" ,"Oswald", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 20vw;
}
#sliderTitleWrap h2 img{
  width: 52.5vw;
  max-width: initial;
}
#sliderTitleWrap b,
#sliderTitleWrap i{
  font-weight: 400;
  font-style: initial;
  font-family: "Bebas Neue" ,"Oswald", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 4.83vw;
  margin: 4vh 0 -4vh;
}
#mainVPager {
  position:absolute;
  bottom: 19.75vh;
  left: 23vw;
  width: 54.5vw;
  flex-flow: nowrap;
  align-items: center;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
#mainVPager .prevArrow{
  transform: rotateZ(180deg);
}
#slider .viewMore .dliPlus {
  color: #FFF;
}
.viewMore .dliPlus {
  top: 1.6vw;
  width: 3.8vw;
  height: 1px;
}
.viewMore .dliPlus::after {
  width: 3vw;
  left: .6vw;
}
.viewMore:hover {
  margin: 0;
}
.viewMore:hover .dliPlus {
  width: 64.5vw;
}
/* 記事一覧 */
/* #localInformation, */
#articleList{
  padding: 5vw 10.75vw 0;
}
#articleList > p{
  font-weight: bold;
  font-size: 4.59vw;
  line-height: 9.66vw;
}
.articleWrap{
  padding: 9vw 0 3.5vw;
}
.article{
  margin-bottom: 12vw;
}
.article .msg > span{
  display: none;
}
.article img{
  cursor: pointer;
}
.article h3{
  font-weight: bold;
  font-size: 4.35vw;
  letter-spacing: .25vw;
  padding: 6.5vw 0 1vw;
  margin: 0;
}
.article p{
  font-size: 2.9vw;
  line-height: 4.83vw;
  padding: 1.5vw 0 2vw;
  margin: 0;
}
#topSlideInclude li .firstViewSlide{
  display: none;
}
/* 記事一覧 */

.article .viewMore{
  width: 100%;
  height: 9.8vw;
  font-size: 4.1vw;
  padding-top: 4vw;
}
main .tabContent{
  display: none;
}

main .tabContent.active{
  display: block;
}
/* #localInformation{
  padding-top: 12.5vw;
  padding-bottom: 20vw;
}
#localInformation h2{
  font-weight: bold;
  font-size: 6.04vw;
  display: flex;
  align-items: flex-end;
  margin-left: 0;
}
#localInformation h2 img{
  width: 8.34vw;
  margin: 0 3.5vw .6vw 0;
}

#localInformation,main .tab,main .tabContent{
  background-color: #f4f4f4;
}

#localInformation .tab{
  padding: 0;
  justify-content: space-between;
  margin-top: 13.5vw;
}
#localInformation .tab li{
  font-size: 4vw;
  padding: 0;
  width: 25%;
  height: 7.97vw;
  background: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid;
  border-image: linear-gradient(to bottom, transparent 25%, #000 25% 75%, transparent 75%);
  border-image-slice: 2;
  transition: all .2s;
}
#localInformation .tab li:first-of-type {
  border: none;
}
#localInformation .tab li.active{
  background: #000;
  color: #FFF;
  position: relative;
}
#localInformation .tab li.active::after{
  content: "";
  height: 100%;
  width: 1px;
  border-right: 1px solid #f4f4f4;
  position: absolute;
  right: -1px;
  top: 0;
}
#localInformation a{
  margin-top: 10vw;
  display: flex;
  flex-wrap: nowrap;

  justify-content: space-between;
}
#localInformation a img{
  width: 38.65vw;
  height: auto;
  margin-right: 2vw;
  max-height: max-content;
}
#localInformation a div{
  display: flex;
  flex-wrap: wrap;
  width: 34.96vw;
}
#localInformation p{
  font-size: 2.9vw;
  line-height: 4.83vw;
  margin-top: -1vw;
}
#localInformation h3{
  width: 100%;
  margin-top: auto;
  border-bottom: 2px solid #000;
  font-weight: bold;
  margin-top: auto;
  font-size: 3.38vw;
  white-space: nowrap;
  padding-bottom: 1.5vw;
  line-height: 5vw;
}
#localInformation h3 i{
  font-size: 2.9vw;
  font-style: initial;
} */


/* 泊まる以外のタブ */
/* 泊まる */
#stay ul.select{
  display: flex;
  flex-wrap: wrap;
  font-size: .9vw;
  margin: 8vw 0 4vw;
  justify-content: space-between;
}
#stay ul.select li{
  width: 45%;
  background: #000;
  color: #fff;
  border-radius: 3px;
  margin-bottom: 6vw;
  display: flex;
  height: 9.66vw;
  flex-wrap: nowrap;
  align-items: center;
  background-image: url(../img/bikersStyle/arrowDown.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  cursor: pointer;
}


#stay .region{
  background-color: #829380;
  color: #FFF;
  padding: 3vw 3vw; 
}
#stay .shoplist{
  margin-bottom: 12vw;
}
#stay .shoplist li{
  border-bottom: 1px solid #000;
  padding:4vw 0 ;
  line-height: 2.6rem;
  font-weight: bold;
}
#stay ul.select li a{
  display: flex;
  margin-top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  margin-left: 3vw;
  font-size: 3vw;
}
#stay .shoplist li a,
#contactInformation a{
  display: inline;
  margin-top: 0;
}
#stay .shoplist li a.web,
#contactInformation a{
  text-decoration: underline;
}

.notexist{
  text-decoration: line-through;
}
#contactInformation{
  text-align: center;
  margin: 10vw 0;
  font-weight: bold;
  line-height: 6vw;
}
#contactInformation .tel{
  font-size: 5.5vw;
  padding: 5vw 0;
}