/* タウンガイド */

.townguide-box{position: relative}
.townguide-box #pankuzu{position: absolute;left: 0;right: 0;margin: 0;top: 6px;z-index: 2}
.townguide-box #pankuzu .inner--base{width: 1200px;margin: auto;text-align: center;padding: 0px 0;}
.townguide-box #pankuzu .pankuzu-list li{color: #fff}
.townguide-box #pankuzu .pankuzu-list li a{color: #fff}
.townguide-box .mv img{width: 100%;height: auto}
@media screen and (max-width: 668px) {/*スマホ設定*/
#foot-nav{ position: fixed; bottom: -1px; left: 0; width: 100%; z-index: 10; }
}

.townguide-box .sec1{text-align: left;position: relative}
.townguide-box .sec1 .inner--base{width: 640px;margin: auto;padding:110px 0;}
.townguide-box .sec1 h2{padding-bottom: 30px;margin-left: -30px;}
.townguide-box .sec1 .txt{line-height: 1.9}
.townguide-box .sec1 .img2{width: 120px;margin-left: 50%;margin-top: -50px}
.townguide-box .sec1 .img2 img{width: 100%;height: auto}
.townguide-box .sec1 picture{position: absolute;width: 40%; right: 0;top: 50%;transform: translateY(-50%);max-width: 840px}
@media screen and (max-width: 668px) {/*スマホ設定*/
.townguide-box .sec1{padding-bottom: 30px;margin-bottom: 40px}
.townguide-box .sec1 .inner--base{width: 96%;margin: auto;padding:40px 0 120px;}
.townguide-box .sec1 h2{padding-bottom: 30px;margin-left: 0px;width:90%}
.townguide-box .sec1 picture{width: 60%; right: 0;top: 70%;transform: translateY(0%);}

.townguide-box .sec1 .txt{line-height: 1.7;font-size: 12px;margin-left: 22px;}
.townguide-box .sec1 .img2{width: 18%;margin-left: auto;margin-right: 20px;}
}


.townguide-box .sec4{padding: 230px 0 70px;position: relative}
.townguide-box .sec4 h2{position: absolute;top: 50px;left: 20%;z-index: 1}
.townguide-box .sec4 .inner--base{width: 640px;margin: auto;}
.townguide-box .sec4 .inner--base li{margin-top: 50px;text-align: center}
.townguide-box .sec4 .inner--base li img{width: 100%;height: auto}

@media screen and (max-width: 668px) {/*スマホ設定*/
.townguide-box .sec4{padding:160px 0 70px;position: relative}
.townguide-box .sec4 h2{width: 70%;position: absolute;top: 40px;left: 10%;z-index: 2}
.townguide-box .sec4 h2 img{width: 100%}
.townguide-box .sec4 .inner--base{width: 100%;margin: auto;}
}

.townguide-box .sec3{margin-top: 60px;}
.townguide-box .sec3 .inner--base{position: relative}
.townguide-box .sec3 .map_img1{position: absolute;top: 20px;left: 30px;width: 146px;z-index: 3}
.townguide-box .sec3 .map_img2{position: absolute;bottom: 30px;right: 40px;width: 89px;z-index: 3}
.townguide-box .sec3 p img{width: 100%;height: auto}
.townguide-box .sec3 #map {width: 100%; height: 760px;}

.map-name{font-weight: bold;font-size: 14px}
.map-cate{color: #666}
.map-link{margin-top: 10px;}
.map-link a{text-decoration: underline}

@media screen and (max-width: 668px) {/*スマホ設定*/
.townguide-box .sec3 #map {width: 100%; height:360px;}
.townguide-box .sec3 .map_img1{position: absolute;top: 10px;left: 20px;width: 100px;z-index: 3}
.townguide-box .sec3 .map_img2{position: absolute;bottom: 0px;right: 20px;width: 60px;z-index: 3}
}

.slider-item {transform: scale(0.9);transition: transform 0.3s ease;}
/* ホバーで拡大（縦横中央） */
.slider-item {transform-origin: center center;}
.slider-item:hover {transform: scale(1);z-index: 2;}
.arrow_box {    display: flex;    align-items: center;justify-content: center;-webkit-justify-content: center;    margin: 10px 0 0;    position: relative;z-index: 1}
.prev-arrow,.next-arrow {    display: block;    width: 30px;    height: 30px;    background: coral;    border-radius: 50%;    transition: all .3s ease;    cursor: pointer;    position:relative;}
.prev-arrow {    transform: rotate(180deg);    margin-right: 20px;}
.prev-arrow::before,
.next-arrow::before{
    position:absolute;    content: "";    width:10px;    height:10px;    border-right: 2px solid #FFF;    border-top: 2px solid #FFF;    top:0;    bottom:0;    left:0;    right:0;    margin:auto;    transform:rotate(45deg);}


.notes-area{ margin: 0% auto 0; }

@media screen and (max-width: 668px) {/*スマホ設定*/

}


.pc{display: block}
.sp{display: none}
@media screen and (max-width: 668px) {/*スマホ設定*/
.sp{display: block}
.pc{display: none}
}