@charset "UTF-8";
/* CSS Document */

.pcOnly { display: block; }
.mbOnly { display: none; }

@media screen and (max-width: 767px) {
    .pcOnly { display: none; }
    .mbOnly { display: block; }
}


.entry_header .grayLine {
    width: 100%;
    height: 5rem;
    background-color: #b9b9b9;
}




.site-main.technokun {
    background-image: url(/pop/images/land/land_bg.webp);
    background-position: top 63rem center;
    background-repeat: no-repeat;
    background-size: 1680rem;
}

.land_contents {
    width: 1200rem;
    height: 3260rem;
    margin: 0 auto;
    position: relative;
    background-image: url(/pop/images/land/lang_main_graphic.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 1120rem 340rem;
}
.snsBtnFB,
.snsBtnIG,
.snsBtnX {
    position: absolute;
    height: 50rem;
    width: 50rem;
}

.snsBtnX { top: 40rem; left:690rem; }
.snsBtnIG { top: 145rem; left:690rem; }
.snsBtnFB { top: 245rem; left:630rem; }

.profile {
    position: absolute;
    top: 270rem; left:75rem;
    width: 415rem; height: 550rem;
    background-image: url(/pop/images/land/land_img_profile.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.btnDiary {
    width: 630rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top:350rem; left: 507rem;
}
.btnDiary .diary img {
    width: 306rem;;
}
.btnDiary .movie img {
    width: 307rem;;
}
.btnDiary.mbOnly { display: none; }

.paper_text,
.stamp_text,
.goods_text,
.calendar_text,
.room_text {
    font-size: 18rem;
    color: #000;
}

.paper_img1,
.paper_img2,
.paper_title,
.paper_text,
.btnPaper { position: absolute; }

.paper_img1 { top: 570rem; left: 513rem; width: 195rem;}
.paper_img2 { top: 900rem; left: 670rem; width: 486rem;}
.paper_title { top: 620rem; left: 720rem; width: 406rem;}
.paper_text  { top: 700rem; left: 730rem; width: 360rem;}
.btnPaper { top: 1212rem; left: 767rem; width: 350rem;}


.stamp_img1,
.stamp_title,
.stamp_text { position: absolute; }

.stamp_img1 { top: 975rem; left: 0rem; width: 697rem;}
.stamp_title { top: 845rem; left: 40rem; width: 456rem;}
.stamp_text { top: 990rem; left: 40rem; width: 350rem;}

.goods_img1,
.goods_img2,
.goods_title,
.goods_text,
.btnGoods { position: absolute; }

.goods_img1 { top: 1620rem; left: 0rem; width: 582rem;}
.goods_img2 { top: 1645rem; left: 955rem; width: 246rem;}
.goods_title { top: 1520rem; left: 474rem; width: 404rem;}
.goods_text  { top: 1600rem; left: 474rem; width: 420rem;}
.btnGoods { top: 1740rem; left: 580rem; width: 350rem;}

.calendar_img1,
.calendar_title,
.calendar_text,
ul.calender { position: absolute; }

.calendar_img1 { top: 1913rem; left: 750rem; z-index: 1; width: 455rem;}
.calendar_title { top: 2026rem; left: 40rem; width: 598rem;}
.calendar_text { top: 2100rem; left: 45rem; width: 530rem;}

ul.calender {
    width: calc(100% - 80rem);
    display: flex;
    border: 5rem solid #0051c9;
    border-radius: 10rem;
    top: 2145rem; left: 40rem;
    background-color: #FFF;
    padding: 40rem;
    flex-wrap: wrap;
}
ul.calender li {
    width: calc((100% - 60rem) / 6);
    text-align: center;
    margin: 5rem;
}
ul.calender li a {
    display: block;
    background-color: #d5eecd;
    padding: 10rem 0;
    font-size: 32rem;
    color: #28477c;
}
ul.calender li a span { font-size: 14rem;}

.room_title,
.room_text,
ul.room { position: absolute; }

.room_title { top: 2626rem; left: 40rem; width: 598rem;}
.room_text { top: 2700rem; left: 45rem; width: 600rem;}

ul.room {
    width: calc(100% - 80rem);
    display: flex;
    border: 5rem solid #0051c9;
    border-radius: 10rem;
    top: 2745rem; left: 40rem;
    background-color: #FFF;
    padding: 40rem;
}

.paper_img_mb,
.paper_title_mb,
.stamp_img_mb,
.stamp_title_mb,
.goods_img_mb,
.goods_title_mb,
.calendar_title_mb,
.room_title_mb { display: none; }


@media screen and (max-width: 767px) {
    .site-main.technokun {
        background-image: url(/pop/images/land/land_bg_mb.webp);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 767rem;
    }
    .land_contents {
        width: 100%;
        height: 10500rem;
        background-image: url(/pop/images/land/lang_main_graphic_mb.webp);
        background-size: 100%;
    }

    .snsBtnFB,
    .snsBtnIG,
    .snsBtnX {
        height: 70rem;
        width: 70rem;
    }
    .snsBtnFB { top: 658rem; left:568rem; }
    .snsBtnIG { top: 650rem; left:341rem; }
    .snsBtnX { top: 643rem; left:116rem; }
    .btnDiary.mbOnly { 
        width: 100%;
        display: flex;
        justify-content: center;
        position: absolute;
        top:755rem;
        left: 0rem;
        gap: 40rem;
    }
    .profile img {
        width: 767rem;
    }

    .profile {
        width: 100%;
        top: 1050rem; left:0rem;
        width: 100%; height: 1020rem;
        background-size: 767rem;
    }

    .paper_text,
    .stamp_text,
    .goods_text,
    .calendar_text,
    .room_text {
        font-size: 32rem;
        width: calc(100% - 80rem);
    }


    .btnDiary,
    .paper_img1,
    .paper_img2,
    .paper_title,
    .stamp_img1,
    .stamp_title,
    .goods_img1,
    .goods_img2,
    .goods_title,
    .calendar_img1,
    .calendar_title,
    .room_title,
    ul.room { display: none; }


    .paper_img_mb,
    .paper_title_mb,
    .stamp_img_mb,
    .stamp_title_mb,

    .goods_img_mb,
    .goods_title_mb,
    .calendar_title_mb,
    .room_title_mb { 
        display: block;
        position: absolute;
    }


    .paper_title_mb { top: 1985rem; left: 0rem;}
    .paper_text { top: 2140rem; left:40rem;}
    .paper_img_mb { top: 2430rem; left: 0rem;}
    .btnPaper { top: 2960rem; left: 40rem; width: 688rem;}

    .stamp_title_mb { top: 3280rem; left: 0rem;}
    .stamp_text { top: 3520rem; left: 40rem;}
    .stamp_img_mb { top: 3658rem; left: 0rem;}

    .goods_title_mb { top: 4286rem; left: 0rem;}
    .goods_text { top: 4456rem; left: 40rem;}
    .goods_img_mb { top: 4628rem; left: 0rem;}
    .btnGoods { top: 5350rem; left: 40rem; width: 688rem;}

    .calendar_title_mb { top: 5607rem; left: 0rem;}
    .calendar_text { top: 5824rem; left: 40rem;}
    ul.calender {
        width: calc(100% - 40rem);
        display: flex;
        border: 5rem solid #0051c9;
        border-radius: 10rem;
        top: 6000rem; left: 20rem;
        background-color: #FFF;
        flex-wrap: wrap;
        padding: 10rem;
    }
    ul.calender li {
        width: calc((100% - 30rem) / 3);
        text-align: center;
    }
    
    .room_title_mb { top: 7156rem; left: 0rem;}
    .room_text { top: 7381rem; left: 40rem;}
    ul.room {
        width: calc(100% - 40rem);
        display: flex;
        border: 5rem solid #0051c9;
        border-radius: 10rem;
        top: 7520rem; left: 20rem;
        background-color: #FFF;
        padding: 10rem;
        flex-wrap: wrap;
    }
    ul.room li {
        display: block;
        width: 50%;
    }

}

.swiper-slide > p {
    position:relative;
    top:-290rem;
    left:20rem;
    background:#003366;
    color:#ffffff;
    margin:0;
    padding:10rem 10rem;
    -webkit-border-radius: 14rem;
    -moz-border-radius: 14rem;
    border-radius: 14rem;
    border:1px solid #FFF;
    opacity:0.8;
    
    font-size:0.8em;
    line-height:1.4em;
    font-weight:bold;
    text-align:center;

    display: flex;
    align-items: center;
    justify-content: center;
}

ul.qanda li {
  cursor: default!important;
}

.qanda_a {
  display: block!important;
}

.exhibit_archive_map + .exhibit_list {
    background-image: url(/pop/images/common/entry-header_bg.webp)!important;
    padding: 15rem!important;
    border-radius: 30rem!important;
}

@media screen and (max-width: 767px) {
    .exhibit_archive_map + .exhibit_list {
        border-radius: 0rem!important;
    }
}