@charset "utf-8";


#mvBox{
  margin: auto;
  position: relative;
  min-width: 950px;
  overflow: hidden;
}
#mvBox #mvTtlBox{
  position: absolute;
  top: 20%;
  width: 100%;
  z-index: 100;
  padding: 15px 0 5px;
  background: rgba(153,51,153,0.52);
}
#mvBox #mvTtlBox::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 110px;
  bottom: -34px;
  background: url(../img/mv_line@2x.png) no-repeat center;
  background-size: 1966px;
  z-index: 100;
}
#mvBox #mvTtlBox h2{
  width: 40%;
  max-width: 566px;
  margin: auto;
  position: relative;
  box-sizing: content-box;
}
#mvBox #mvTtlBox h2 span{
  position: absolute;
  width: 20%;
  max-width: 125px;
  right: 5%;
  top: -71%;
}
#mvBox #mvTtlBox h2 img,#mvBox #mvTtlBox h2 span img{width: 100%;}

#mvBox #mvTxt{
  position: absolute;
  bottom: 0;
  z-index: 100;
  width: 100%;
  padding: 15px 0;
  background:rgba(44,45,38,0.32);
  font-family:"YuMincho","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-weight: 500;
  text-align: center;
  color: #fff;
}
#mvBox #mvTxt h3{
  font-size: 21px;
  margin-bottom: 10px;
  line-height: 1.5;
}
#mvBox #mvTxt p{
}
/*#mvBox #mvTxt p img{width: 100%;}*/

.sliderBox img{
  width: 100%;
  vertical-align: bottom;
}

#contentNav{
  background: #8b4a94;
  padding: 20px 0;
}
#contentNav ul{
  width: 950px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
#contentNav ul li{
  width: calc(100%/4);
  text-align: center;
  margin: 10px 0;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  font-size: 116%;
  font-family:"YuMincho","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
}
#contentNav ul li:nth-child(4),#contentNav ul li:nth-child(8){
  border: 0;
}
#contentNav li a{
  color: #fff;
  font-weight: bold;
}
#contentNav li a:hover{
  text-decoration: none;
  opacity: 0.8;
}

.popToggle {}
.popToggle dt{
  cursor: pointer;
  position: absolute;
}
.popToggle dd{
  display: none;
  position: absolute;
  border-radius: 15px;
  background: #F0870F;
  width: 560px;
  z-index: 1;
}
.popToggle dd.right::after{
  position: absolute;
  right: 50px;
  bottom: -15px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #F0870F transparent transparent transparent;
}

.popToggle dd.left::after{
  position: absolute;
  left: 50px;
  bottom: -15px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #F0870F transparent transparent transparent;
}

.popToggle dd.center::after{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -15px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #F0870F transparent transparent transparent;
}

.popToggle dd.boxC01{background: #916CB2;}
.popToggle dd.boxC01.right::after{border-color: #916CB2 transparent transparent transparent;}
.popToggle dd.boxC01.left::after{border-color: #916CB2 transparent transparent transparent;}
.popToggle dd.boxC01.center::after{border-color: #916CB2 transparent transparent transparent;}
.popToggle dd.boxC02{background: #AF69B4;}
.popToggle dd.boxC02.right::after{border-color: #AF69B4 transparent transparent transparent;}
.popToggle dd.boxC02.left::after{border-color: #AF69B4 transparent transparent transparent;}
.popToggle dd.boxC02.center::after{border-color: #AF69B4 transparent transparent transparent;}
.popToggle dd.boxC03{background: #4BA2D2;}
.popToggle dd.boxC03.right::after{border-color: #4BA2D2 transparent transparent transparent;}
.popToggle dd.boxC03.left::after{border-color: #4BA2D2 transparent transparent transparent;}
.popToggle dd.boxC03.center::after{border-color: #4BA2D2 transparent transparent transparent;}
.popToggle dd.boxC04{background: #2D7846;}
.popToggle dd.boxC04.right::after{border-color: #2D7846 transparent transparent transparent;}
.popToggle dd.boxC04.left::after{border-color: #2D7846 transparent transparent transparent;}
.popToggle dd.boxC04.center::after{border-color: #2D7846 transparent transparent transparent;}
.popToggle dd.boxC05{background: #3C5AAA;}
.popToggle dd.boxC05.right::after{border-color: #3C5AAA transparent transparent transparent;}
.popToggle dd.boxC05.left::after{border-color: #3C5AAA transparent transparent transparent;}
.popToggle dd.boxC05.center::after{border-color: #3C5AAA transparent transparent transparent;}
.popToggle dd.boxC06{background: #8ABE23;}
.popToggle dd.boxC06.right::after{border-color: #8ABE23 transparent transparent transparent;}
.popToggle dd.boxC06.left::after{border-color: #8ABE23 transparent transparent transparent;}
.popToggle dd.boxC06.center::after{border-color: #8ABE23 transparent transparent transparent;}
.popToggle dd.boxC07{background: #E678AC;}
.popToggle dd.boxC07.right::after{border-color: #E678AC transparent transparent transparent;}
.popToggle dd.boxC07.left::after{border-color: #E678AC transparent transparent transparent;}
.popToggle dd.boxC07.center::after{border-color: #E678AC transparent transparent transparent;}
.popToggle dd.boxC08{background: #9EB605;}
.popToggle dd.boxC08.right::after{border-color: #9EB605 transparent transparent transparent;}
.popToggle dd.boxC08.left::after{border-color: #9EB605 transparent transparent transparent;}
.popToggle dd.boxC08.center::after{border-color: #9EB605 transparent transparent transparent;}


.popupcont a{
  color: #fff;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 30px;
  align-items: flex-start;
}
.popupcont a:hover{
  text-decoration: none;
  opacity: 0.9;
}
.popupDetail{width: 40%;}
.popupcont h4{
  font-size: 165%;
  font-family: serif;
}
.popupcont .areaIco{
  display: inline-block;
  color: #b069b5;
  background: #fff;
  padding: 5px 15px;
  font-size: 12px;
  margin: 10px 0;
}
.popupcont p{font-size: 12px; margin-bottom: 20px;}
.popupcont .ico span{
  font-size: 12px;
  display: inline-block;
  background: #fff;
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 20px;
}
.popupcont .ico span.type01{color: #f25a9b;}
.popupcont .ico span.type02{color: #fa910f;}
.popupcont .ico span.type03{color: #46b9f0;}
.popupcont .ico span.type04{color: #5abe19;}
.popupcont .ico span.type05{color: #EB0B0F;}
.popupcont .ico span.type06{color: #002FFF;}
#popup01 dt{top: 204px;left: 55px;}
#popup02 dt{top: 193px;left: 192px;}
#popup03 dt{top: 157px;left: 341px;}
#popup04 dt{top: 101px;left: 429px;}
#popup05 dt{top: 204px;left: 346px;}
#popup06 dt{top: 221px;left: 308px;}
#popup07 dt{top: 239px;left: 312px;}
#popup08 dt{top: 259px;left: 289px;}
#popup09 dt{top: 282px;left: 330px;}
#popup10 dt{top: 298px;left: 275px;}
#popup11 dt{top: 257px;right: 470px;}
#popup12 dt{top: 223px;right: 424px;}
#popup13 dt{top: 166px;right: 460px;}
#popup14 dt{top: 193px;right: 366px;}
#popup15 dt{top: 219px;right: 357px;}
#popup16 dt{top: 246px;right: 351px;}
#popup17 dt{top: 354px;right: 455px;}
#popup18 dt{right: 384px;bottom: 108px;}
#popup19 dt{bottom: 86px;left: 403px;}
#popup01 dd{top: -109px;left: 0;}
#popup02 dd{top: -84px;left: 142px;}
#popup03 dd{top: -157px;left: 94px;}
#popup04 dd{top: -213px;left: 188px;}
#popup05 dd{top: -107px;left: 83px;}
#popup06 dd{top: -40px;left: 50px;}
#popup07 dd{top: -71px;left: 53px;}
#popup08 dd{top: -88px;left: 39px;}
#popup09 dd{top: -12px;left: 69px;}
#popup10 dd{top: -16px;left: 45px;}
#popup11 dd{top: -53px;left: 163px;}
#popup12 dd{top: -84px;left: 216px;}
#popup13 dd{top: -144px;left: 189px;}
#popup14 dd{top: -144px;left: 54px;}
#popup15 dd{top: -92px;left: 68px;}
#popup16 dd{top: -106px;left: 90px;}
#popup17 dd{top: 19px;left: 173px;}
#popup18 dd{top: 43px;left: 50px;}
#popup19 dd{top: 154px;left: 171px;}

.stay_mapSec h3{
  text-align: center;
  background: url("../img/bg01-80.jpg") no-repeat center;
  padding-bottom: 35px;
  margin-top: 60px;
  font-size: 17px;
  font-weight: bold;
  font-family:"YuMincho","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
}
.stay_mapSec h3 > i{
  font-style: normal;
  color: #8b4a94;
  font-size: 19px;
}
.stay_mapSec h3 span{
  display: block;
  font-size: 40px;
  margin-top: 15px;
}
.stay_mapSec h3 span i{
  font-size: 28px;
  font-style: normal;
}
/*.stay_mapSec h3 img{
  width: 462px;
}*/
.stay_mapSec .contentsInr{
  margin-top: 0;
  position: relative;
}
.stay_mapSec_map{position: relative;}
.stay_mapSec_map > h4{
  position: absolute;
  top: 10px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  font-family:"YuMincho","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
}
.stay_mapSec_map > h4 span{
  display: block;
  margin-bottom: 5px;
  color: #75398a;
  font-size: 19px;
}


.stay_access{
  background: #e6e3cf;
  padding: 30px;
  border-radius: 20px;
}
.stay_access h3{
  text-align: center;
  margin-bottom: 15px;
  font-size: 24px;
  font-family:"YuMincho","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
}
.stay_access p{
  margin-bottom: 15px;
}
.stay_access > img{
  width: 100%;
}

.stay_gadget{margin-top: 80px;}
.stay_gadget h3{
  text-align: center;
  margin-bottom: 15px;
  font-size: 24px;
  font-family:"YuMincho","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
}
.stay_gadget h3 img{width: 100%;}
.stay_gadget #JLJS_TAB_BLOCK{position: relative; text-align: center;}
.stay_gadget #JLJS_TAB_BLOCK::after{
  content: "";
  position: absolute;
  border-top: 6px solid #bd98c6;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  height: 30px;
}
.stay_gadget #JLJS_TAB_BLOCK li{position: relative; z-index: 0; padding: 0 35px;}
.stay_gadget #JLJS_TAB_BLOCK li:nth-child(1){
  background: url("../img/btn01_on@2x.png") no-repeat center top;
  background-size: 337px;
}
.stay_gadget #JLJS_TAB_BLOCK li:nth-child(2){
  background: url("../img/btn02_on@2x.png") no-repeat center top;
  background-size: 331px;
}
.stay_gadget #JLJS_TAB_BLOCK li.current{z-index: 1;}
.stay_gadget #JLJS_TAB_BLOCK li.current img{
  opacity: 0;
}
.stay_gadget .tabContent{
}