@charset "utf-8";

article{letter-spacing: 1px;}


/* Facilities */
.facilities{background-size: cover !important; height: 348px !important; min-width: 350px;}
.facilities .info{background-size: cover; box-sizing: border-box; min-width: 350px;}
ul.bul_type2 li:last-of-type{margin-bottom: 0;}
.facilities .info{bottom: 30px !important; right: 30px !important; top: auto;}

/* Directions */
.address .t1{font-size:18px; font-weight: bold;}
.address .t2{font-size:16px;}
.contact .t1{font-size: 18px; font-weight: bold;}
.contact .t2{font-size: 16px;}

/* program guide */
.program_li{display: flex; flex-wrap: wrap; gap: 10px 2%;}
div.program_box ul li{float: none; width: 32%; margin-right: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; justify-content: center; align-content: flex-start;}
div.program_box ul li p:nth-child(2){line-height: 23px;}
div.program_box ul li img{width: 100%;}
div.program_box ul li p:nth-child(2){padding: 15px 0;}


/* Center Guidelines */
.centerGuide{background: url("/common/images/sub/an_bg.jpg") no-repeat 50% top; background-size: cover; display: flex; flex-wrap: wrap; gap: 10px 2%; padding: 100px 30px; justify-content: center;}
.centerGuide .guideBox{width: 90%; padding: 20px; box-sizing: border-box; background: url(/common/images/sub/sub_01_01_bg_bg.png) center center; background-size: cover;}
ul.an_txt{padding: 0;}

/* attraction */
.attraction{min-width: 350px;}
.attractionBox{border-bottom: 1px dashed #ddd; display: flex; padding-bottom: 50px; margin-bottom: 50px;}
.attractionImg{width: 290px; height: 254px; text-align: center; overflow: hidden; flex-shrink: 0; border-radius: 30px; overflow: hidden;}
.attractionImg img{width: 100%; height: 100%;}
.attractionCon{padding: 30px; box-sizing: border-box;}
.attractionCon .attractionTit{font-size: 25px; font-weight: bold; color: #55357b; padding-bottom: 20px; line-height: 30px;}
.attractionCon .attractionTxt{line-height: 24px;}


@media (max-width: 1024px){
.facilities .info{bottom: 0 !important; left: 0 !important; width: 100%;}
div.program_box ul li {width: 32%;margin-right: 0;}
}

@media (max-width: 766px){
.attractionBox{flex-wrap: wrap; padding-bottom: 30px; margin-bottom: 30px;}
.attractionCon{padding-bottom: 0;}
.attractionImg{width: 100%; display: flex; height: auto;}
.attractionImg img{height: auto;}
}

@media (max-width: 750px){
.centerGuide .guideBox{width: 95%;}
.centerGuide{padding: 50px 15px;}
}

@media (max-width: 460px){
div.program_box ul li {width: 100%; min-width: 350px;}
}