@charset "UTF-8";


/* 全体の構成 */
.topicsDetailImg_full_pink_buttonArea{
    background-color: #FFF;
}

/* DLエリア */
.campaign4_dl{
    position: relative;
}
.campaign4_dl #map_dl_img{
    position: absolute;
    bottom: 75vw;
    left: 50%;
    transform: translateX(-50%);
    width: 82vw;
}

/* SNS */
.passport-sns_inner{
    background-color: #fffdec;
}
.passport-sns_title {
    width: 56.6666666667vw;
    margin: 0 auto;
}
.passport-sns_list {
    width: 66.6666666667vw;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 0;
}
.passport-sns_item {
    width: 18.6666666667vw;
}
.passport-sns_item img {
    width: 100%;
}

@media print, screen and (min-width: 768px) {
    /* 全体の構成 */
    main:before {
        content: "";
        display: block;
        position: fixed;
        top: 100px;
        left: 0;
        width: 100%;
        height: 100vh;
        /*　background: url(../img/topics_240000_00_bg.jpg) top center no-repeat;　*/
        background-size: cover;
    }
    .topicsDetailImg_full_pink{
        position: relative;
        padding-bottom: 0px;
    }
    .topicsDetailImg_full_pink .topicsButtonWrap{
        margin:0 auto;
        padding: 60px 0;
    }
    .buttonBlack a:hover, .buttonWhite a:hover {
        background-color: #FFF;
    }
    footer{
        position: relative;
    }

    /* DLエリア */
    .campaign4_dl{
        width: 600px;
        margin: 0 auto;
    }
    .campaign4_dl #map_dl_img{
        bottom: 450px;
        width: 500px;
    }
    .campaign4_dl #map_dl_img img{
        width: 100%;
    }

    /* SNS */
    .passport-sns_inner{
        width: 600px;
        margin: 0 auto;
    }
    .passport-sns_title {
        width: 306px;
    }
    .passport-sns_title img{
        width: 100%;
    }
    .passport-sns_list {
        width: 360px;
    }
    .passport-sns_item {
        width: 100.8px;
    }
    .passport-sns_item img {
        width: 100%;
    }

}