/* 2024年8月施設案内リニューアル
------------------------- */


/* パネリウム */
.pannellum_box{
display:flex;
justify-content:center;
flex-wrap:wrap;
    padding-top: 70px;
    margin-top:-70px;
margin-bottom:50px;
}

.pannellum_flame{width:80%;height:400px;}

.pannellum_title{width:80%;
display:flex;
align-items:center;
justify-content:center;
align-content:center;
font-weight:500;
}
.pannellum_title img{width:6%;margin-bottom:10px;}
.pannellum_title_text{margin-left:10px;}

@media only screen and (max-width: 767px) {
.pannellum_flame{width:100%;height:350px;}
.pannellum_title{width:100%;justify-content:flex-start;margin-bottom:10px;}
.pannellum_title img{width:10%;margin-bottom:0;margin-right:10px;}
.pannellum_title_text{width:auto;text-align:left;font-size:1em;}
}


/* フロアナンバー*/
.floor_number{background:#eee;display:inline-block;
font-size:1.5em;
font-weight:500;
text-align:center;
padding:5px 10px;
margin-bottom:30px;
width:200px;
}
.floor_number span{margin-right:10px;}

@media only screen and (max-width: 767px) {
.floor_number{font-size:1em;width:40%;margin-left:30%;}
}


/* フロアチャート */
.floor_chart{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:40px;
}


.map_area{width: 66%;}
.map_area img {width: 100%;height: auto;}

.name_area{width: 32%;
display:flex;
align-items:flex-start;
justify-content:space-between;
}

ul.map_number{ list-style: none;}
ul.map_number li{font-size:1.2rem;
font-weight:400;
line-height:1.6;
margin-bottom:10px;
}

ul.map_number li span{ border:0px solid;background:#ccc;font-weight:400;display:inline-block;text-align:center;width:1.8em;margin-right:3px;}

ul.map_number li span.color01{background:#ff9;}
ul.map_number li span.color02{background:#ff9;}
ul.map_number li span.color03{background:#ff997f;}
ul.map_number li span.color04{background:#ffc2d6;}
ul.map_number li span.color05{background:#99d6d6;}
ul.map_number li span.color06{background:#ccff99;}
ul.map_number li span.color07{background:#ffd699;}
ul.map_number li span.color08{background:#ffe0ff;}
ul.map_number li span.color09{background:#e5e5ff;}
ul.map_number li span.color10{background:#b2e0ff;}
ul.map_number li span.color11{background:#ccb2ff;}
ul.map_number li span.color2f01{background:#b4ddba;}

@media only screen and (max-width: 767px) {
.floor_chart{flex-wrap:wrap;}
.map_area{width:100%;margin-bottom:20px;}
.name_area{width: 100%; justify-content:center;}
ul.map_number{margin-left:10px;}
ul.map_number li{font-size:1.1rem;
font-weight:400;
line-height:1.6;
margin-bottom:5px;
}
ul.map_number li span{width:1.8em;margin-right:3px;}
}

/* 写真エリア */
.photo_alea{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
}

.photo_alea figure{position:relative;
width:50%;
margin-bottom:0;
}

.photo_alea figure img{width:100%;border:1px solid #fff;}

.photo_alea figcaption{position:absolute;top:1px;left:1px;background:rgba(0,0,0,.2);color:#fff;font-size:1.2rem;letter-spacing:0px;font-weight:500;line-height:1;padding:8px 10px 8px;text-align:center;text-shadow:1px 1px 2px #333;
}

.photo_alea figcaption span{margin-right:5px;}


/* タブレット縦使用時に写真を2列にするためmax-widthを微調整 */
@media only screen and (max-width: 720px) {
.photo_alea figure{width:100%;}
}

/* 施設見学　sub.cssの上書き調整 */
.kengaku{
border:1px solid #5fb0ba;padding:20px;
background:url(../facility2408/bg_kengaku.jpg) center right no-repeat;
}
.kengakuText{width:100%;}

@media only screen and (max-width: 767px) {
.kengaku{
border:1px solid #5fb0ba;padding:20px 10px;
background:#ecf4f5;
}
.kengakuText{width:100%;}
}