:root {
    --color-text-main: #B28155;
}

/* -------------------------------------------- 0305 */
.bubble_text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.1rem;
    color: var(--color-text-main);
}
@media only screen and (max-width: 768px) {
    .bubble_text {
        font-size: calc(100vw / 375 * 13);
        line-height: calc(100vw / 375 * 19);
    }
}

.site_logo_wrapper {
    display: block;
    width: max-content;
    margin: 57px auto 0;
}
@media only screen and (max-width: 768px) {
    .site_logo {
        margin: calc(100vw / 375 * 90) auto calc(100vw / 375 * 35);
        width: calc(100vw / 375 * 167);
    }
}

/*
 * lead additional
 */
.lead_greeting_box {
    position: relative;
    margin: 90px auto 0;
    width: 751px;
    background-color: #E1F4FC;
    border: 4px solid var(--color-text-main);
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    z-index: 1;
}
.lead_greeting_text_box {
    width: 383px;
    padding: 71px;
    padding-right: 0;
    font-weight: 500;
}
.lead_greeting_text_box hr {
    border-top: 3px solid #F6D3E4;
}
.lead_greeing_text1 {
    margin: 0;
    color: #38B8EF;
    font-size: 20px;
    line-height: 45px;
}
.lead_greeing_text2 {
    margin: 0;
    color: #38B8EF;
    font-size: 35px;
    line-height: 45px;
}
.lead_greeing_text3 {
    margin: 0;
    color: var(--color-text-main);
    font-size: 18px;
    line-height: 35px;
    letter-spacing: -0.05rem;
}
.lead_greeting_image_wrapper {
    width: 210px;
    padding: 43px 50px;
    padding-left: 0;
    align-items: center;
    display: flex;
}
.lead_greeting_image_wrapper img {
    width: 210px;
    height: 340px;
    object-fit: cover;
    border-radius: 20px;
}
.video-js {
    overflow: hidden;
    width: 100% !important;
    height: 340px !important;
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translateX(-50%);
}
.lead_greeting_bubble_wrapper {
    position: absolute;
    top: -45px;
    left: -100px;
}
.lead_greeting_bubble_text {
    letter-spacing: unset;
}
.lead_greeting_image1 {
    position: relative;
    margin: -187px auto 0;
    left: 24px;
    top: 0;
    padding-bottom: 38px;
}
@media only screen and (max-width: 768px) {
    .lead.v0305 {
        padding-bottom: calc(100vw / 375 * 140);
    }
    .lead_greeting_box {
        margin: calc(100vw / 375 * 61) auto 0;
        width: calc(100vw / 375 * 335);
        border: calc(100vw / 375 * 4) solid var(--color-text-main);
        padding: calc(100vw / 375 * 30) calc(100vw / 375 * 25) calc(100vw / 375 * 40);
    }
    .lead_greeting_text_box {
        width: auto;
        padding: 0;
    }
    .lead_greeting_text_box hr {
        border-top: 3px solid #F6D3E4;
        width: calc(100vw / 375 * 167);
    }
    .lead_greeing_text1 {
        font-size: calc(100vw / 375 * 14);
        line-height: calc(100vw / 375 * 22);
    }
    .lead_greeing_text2 {
        margin-left: calc(100vw / 375 * -5);
        font-size: calc(100vw / 375 * 26);
        line-height: calc(100vw / 375 * 34);
        letter-spacing: -0.12rem;
    }
    .lead_greeing_text3 {
        width: calc(100vw / 375 * 164);
        font-size: calc(100vw / 375 * 14);
        line-height: calc(100vw / 375 * 25);
        letter-spacing: -0.05rem;
    }
    .lead_greeting_image_wrapper {
        position: absolute;
        width: calc(100vw / 375 * 107);
        height: 100%;
        max-height: calc(100vw / 375 * 174);
        padding: 0;
        top: calc(50% + (100vw / 375 * 10));
        right: calc(100vw / 375 * 20);
        transform: translateY(-50%);
    }
    .lead_greeting_image_wrapper img {
        width: calc(100vw / 375 * 107);
        height: calc(100vw / 375 * 174);
        border-radius: calc(100vw / 375 * 20);
    }
    .video-js {
        height: 100% !important;
        max-height: calc(100vw / 375 * 174) !important;
    }
    .lead_greeting_bubble_wrapper {
        position: absolute;
        top: calc(100vw / 375 * -50);
        left: calc(50% + (100vw / 375 * 80));
        transform: translateX(-50%);
    }
    .lead_greeting_bubble_wrapper img {
        width: calc(100vw / 375 * 129);
    }
    .lead_greeting_bubble_text {
        font-size: calc(100vw / 375 * 12);
        line-height: calc(100vw / 375 * 21);
    }
    .lead_greeting_image1_wrapper {
        display: block !important;
        position: relative;
    }
    .lead_greeting_image1 {
        position: absolute;
        width: calc(100vw / 375 * 142);
        top: calc(100vw / 375 * -152);
        left: calc(50% + (100vw / 375 * 53));
        transform: translateX(-50%);
        margin: 0;
        padding-bottom: 0;
        z-index: 1;
    }
}


.menu_cinamon_wrapper {
    position: relative;
    margin-top: -266px;
    z-index: 1;
}
body.top .menu_cinamon_wrapper {
    margin-top: 0;
}
.menu_cinamon {
    position: absolute;
    top: -232px;
    left: calc(50% - 397px);
    transform: translateX(-50%);
    z-index: 0;
}
.menu_bubble_cont {
    position: relative;
    z-index: 1;
}
.menu_bubble_wrapper {
    position: absolute;
    top: 130px;
    left: calc(50% - 625px);
    transform: translateX(-50%);
    text-align: center;
}
.menu_under_topics .menu_cinamon {
    top: -95px;
}
.menu_under_topics .menu_bubble_wrapper {
    top: 267px;
}
@media only screen and (max-width: 768px) {
    .menu_cinamon_wrapper {
        position: relative;
        margin-top: 0;
    }
    .menu_cinamon {
        width: calc(100vw / 375 * 204);
        top: calc(100vw / 375 * 48);
        left: calc(50% - (100vw / 375 * 75));
    }
    .menu_bubble_wrapper {
        top: calc(100vw / 375 * 72);
        left: calc(50% + (100vw / 375 * 75));
    }
    .menu_bubble_wrapper img {
        width: calc(100vw / 375 * 140);
    }
    .menu_bubble_text {
        padding-left: calc(100vw / 375 * 10);
        font-size: calc(100vw / 375 * 12);
        line-height: calc(100vw / 375 * 17);
        letter-spacing: -0.1rem;
    }
    .menu_under_topics .menu_cinamon {
        top: calc(100vw / 375 * 68);
    }
    .menu_under_topics .menu_bubble_wrapper {
        top: calc(100vw / 375 * 92);
    }
}



.bg_bridge3u {
    position: relative;
    background: #fff url(../img/bg_bridge3u.png) top 0 center/auto no-repeat;
    height: 80px;
    margin-top: -35px;
}
.bg_bridge_menu_u {
    position: relative;
    background: url(../img/bg_bridge_menu_u.png) top 0 center/auto no-repeat;
    height: 266px;
    margin-top: -1px;
}
@media only screen and (min-width: 1920px) {
    .bg_bridge3u,
    .bg_bridge_menu_u {
            background-size: 100% 100%;
    }
}
@media only screen and (max-width: 768px) {
    .bg_bridge_menu_u {
        display: block !important;
        background: #54C3F1 url(../img/bg_bridge_menu_u_sp.png) top 0 center/100% no-repeat;
        height: calc(100vw / 375 * 27);
        margin-top: calc(100vw / 375 * -25);
    }
    body.topics .bg_bridge_menu_u {
        margin-top: -1px;
    }
}

section.menu {
    z-index: 0;
    background: #29A5DB url(../img/bg_menu.png) center bottom -60px/auto no-repeat;
    height: 1110px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
section.menu.menu_under_topics {
    background:
        #29A5DB url(../img/bg_menu.png) center bottom -50px/auto no-repeat;
    height: calc(1050px - 65px);
    padding-top: 40px;
    margin-top: -266px;
}
section.menu_top {
    position: relative;
    z-index: 0;
    background: url(../img/bg_menu_u1.png) center 0px/auto no-repeat;
    height: 266px;
    padding: 140px 0 100px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
section.menu img {
    position: relative;
    z-index: 1;
}
.menu_head {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    margin: 40px auto 59px;
    z-index: 1;
}
.menu_wrapper {
    margin: auto;
    width: 1000px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.menu_sub_wrapper {
    margin: 74px auto 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.menu_sub_item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.menu_sub_item a + a img {
    margin-top: 26px;
}
@media only screen and (max-width: 768px) {
    section.menu {
        background: #29A5DB url(../img/bg_menu_sp.png) right calc(100vw / 375 * -25) bottom calc(100vw / 375 * 20)/calc(100vw / 375 * 298) no-repeat;
        height: calc(100vw / 375 * 780);
    }
    section.menu_top {
        background: #29A5DB;
        padding: calc(100vw / 375 * 20) 0 calc(100vw / 375 * 150);
    }
    section.menu.menu_under_topics {
        background: #29A5DB;
        height: calc(100vw / 375 * 500);
        padding-top: calc(100vw / 375 * 20);
    }
    section.menu img {
        position: relative;
        z-index: 1;
    }
    .menu_head {
        color: #fff;
        font-size: calc(100vw / 375 * 25);
        line-height: calc(100vw / 375 * 27);
        margin: calc(100vw / 375 * 0) auto calc(100vw / 375 * 140);
        z-index: 1;
    }
    .menu_wrapper {
        margin: auto;
        width: auto;
        align-items: center;
    }
    .menu_wrapper img {
        width: calc(100vw / 375 * 335);
    }
    .btn_menu {
        width: calc(100vw / 375 * 350) !important;
    }
    .menu_sub_wrapper {
        margin: auto;
        width: auto;
        flex-direction: column;
    }
    .menu_sub_item a + a img {
        margin-top: calc(100vw / 375 * 5);
    }
    .menu_sub_title {
        margin: calc(100vw / 375 * 25) auto calc(100vw / 375 * 15);
    }
}
@media only screen and (min-width: 1920px) {
    section.menu.menu_under_topics {
        background:
            #29A5DB url(../img/bg_menu.png) center bottom 100px/auto no-repeat;
    }
    section.menu_top {
        background-size: 100% 266px;
    }
}


.bg_bridge3.v0305 {
    margin-top: -80px;
    background: url(../img/bg_bridge3.png) center 0/auto no-repeat;
}
.bg_bridge4.v0305 {
    margin-top: -1px;
    background: url(../img/bg_bridge4_2.png) center 0/auto no-repeat;
    height: 44px;
}
@media only screen and (min-width: 1920px) {
    .bg_bridge3.v0305,
    .bg_bridge4.v0305 {
        background-size: 100% 100%;
    }
}
@media only screen and (max-width: 768px) {
    .bg_bridge3.v0305 {
        background: url(../img/bg_bridge3_2_sp.png) top 0 center/100% no-repeat;
        height: calc(100vw / 375 * 85);
        margin-top: calc(100vw / 375 * -30);
    }
    .bg_bridge4.v0305 {
        background: #fff url(../img/bg_bridge4_2_sp.png) top 0 center/100% no-repeat;
        height: calc(100vw / 375 * 10);
    }
}



.topics_menu {
    position: relative;
    padding: 118px 0 0;
    color: var(--color-text-main);
    font-weight: 500;
    text-align: center;
}
.topics_menu_image1 {
    position: absolute;
    top: 49px;
    left: calc(50% - 342px);
    transform: translateX(-50%);
}
.topics_menu_bubble_wrapper {
    position: absolute;
    top: 28px;
    left: calc(50% + 375px);
    transform: translateX(-50%);
}
.topics_menu h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 45px;
}
.topics_menu h3 {
    margin: 15px auto 0;
    color: #54C3F1;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
}
.topics_menu_item_wrapper {
    width: 1000px;
    margin: 28px auto 0;
    display: flex;
    justify-content: space-between;
}
.topics_menu_item_wrapper a {
    width: 240px;
    height: 70px;
    border: 1px solid #54C3F1;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.1rem;
}
section.topics.v0305 {
    background: 
        url(../img/bg_topics_top.png) center 0/auto no-repeat,
        url(../img/bg_topics.png) center 636px/auto repeat-y,
        #54C3F1;
    padding-bottom: 200px;
}
.btn_more_wrapper {
    margin: -30px auto 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 1920px) {
    section.topics.v0305 {
        background: 
            url(../img/bg_topics_top.png) center 0/100% 536px no-repeat,
            url(../img/bg_topics.png) center 636px/auto repeat-y,
            #54C3F1;
    }
}
@media only screen and (max-width: 768px) {
    section.topics.v0305 {
        background: #54C3F1 url(../img/bg_topics_top_sp.png) center 0/100% no-repeat;
        padding-bottom: calc(100vw / 375 * 1);
    }
    .topics_menu {
        padding: calc(100vw / 375 * 46) 0 0;
    }
    .topics_menu_image1 {
        top: calc(100vw / 375 * 145);
        left: calc(50% + (100vw / 375 * 75));
        width: calc(100vw / 375 * 175);
        z-index: 1;
    }
    .topics_menu_bubble_wrapper {
        top: calc(100vw / 375 * 135);
        left: calc(50% - (100vw / 375 * 80));
        transform: translateX(-50%);
    }
    .topics_menu_bubble_wrapper img {
        width: calc(100vw / 375 * 181);
    }
    .topics_menu_bubble_text {
        font-size: calc(100vw / 375 * 12);
        line-height: calc(100vw / 375 * 20);
        letter-spacing: -0.05rem;
    }
    .topics_menu h2 {
        font-size: calc(100vw / 375 * 25);
        line-height: calc(100vw / 375 * 45);
    }
    .topics_menu h3 {
        margin: auto;
        font-size: calc(100vw / 375 * 25);
        line-height: calc(100vw / 375 * 40);
    }
    .topics_menu_item_wrapper {
        width: calc(100vw / 375 * 270);
        margin: calc(100vw / 375 * 155) auto 0;
        flex-wrap: wrap;
    }
    .topics_menu_item_wrapper a {
        margin: calc(100vw / 375 * 4) auto;
        width: calc(100vw / 375 * 123);
        height: calc(100vw / 375 * 32);
        border: calc(100vw / 375 * 1.5) solid #54C3F1;
        border-radius: calc(100vw / 375 * 50);
        font-size: calc(100vw / 375 * 12);
        line-height: calc(100vw / 375 * 19);
    }
    .topics_box_wrapper {
        padding-top: calc(100vw / 375 * 50);
    }
    .btn_more_wrapper {
        margin: calc(100vw / 375 * -20) auto calc(100vw / 375 * 15);
    }
    .btn_more_wrapper img {
        width: calc(100vw / 375 * 285);
    }
}


/*
 * announce 3/5 additional
 */
.announce_example_box {
    margin: auto;
    padding: 0 60px 47px;
    width: 880px;
    border: 10px solid #FFEDF6;
    border-radius: 10px;
    box-sizing: border-box;
}
.announce_example_text {
    font-size: 25px;
    line-height: 40px;
}
.announce_example_image {
    margin: auto;
}
.btn_announce_wrapper {
    margin: 44px auto 0;
    display: flex;
    justify-content: center;
}
.announce.v0305 {
    max-height: 2636px;
}
.announce.v0305 .announce_box {
    padding-bottom: 80px;
}
@media only screen and (max-width: 768px) {
    .announce_example_box {
        margin: calc(100vw / 375 * 20) auto 0;
        padding:  0 calc(100vw / 375 * 16) calc(100vw / 375 * 16);
        width: calc(100vw / 375 * 285);
        border: calc(100vw / 375 * 6) solid #FFEDF6;
        border-radius: 10px;
        box-sizing: border-box;
    }
    .announce_example_text {
        font-size: calc(100vw / 375 * 15);
        line-height: calc(100vw / 375 * 24);
    }
    .announce_example_image {
        width: calc(100vw / 375 * 245);
        width: 100%;
    }
    .btn_announce_wrapper {
        margin: calc(100vw / 375 * 25) auto 0;
    }
    .btn_announce_wrapper img {
        width: calc(100vw / 375 * 285);

    }
    .announce.v0305 {
        padding-top: calc(100vw / 375 * 50);
        max-height: calc(100vw / 375 * 2832);
        max-height: auto;
    }
    .announce.v0305 .announce_box {
        padding-bottom: calc(100vw / 375 * 40);
    }
}



/*
 * topics top
 */
section.topics_top {
    background: #54C3F1 url(../img/bg_topics_top2.png) center -28px/auto no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.topics_menu_image2 {
    top: 18px;
    left: calc(50% - 385px);
}
.topics_top .topics_menu {
    padding-top: 130px;
    color: #fff !important;
}
.topics_top .topics_menu_bubble_wrapper {
    width: 233px;
    left: calc(50% + 440px);
}
.topics_top .topics_menu_bubble_text {
    margin-left: -5px;
}
.topics_top .topics_menu h2 {
    font-size: 50px;
}
.topics_menu_all_wrapper {
    margin: 13px auto;
}
.topics_menu_all {
    font-size: 30px;
    line-height: 40px;
    color: #CBEDFA;
}
.topics_top .topics_menu_item_wrapper a {
    border-color: #fff;
}
.topics_top .topics_menu_item_wrapper a.is-active {
    background-color: #8AC9F0;
    cursor: none;
    pointer-events: none;
}

body.topics .topics.v0305 {
    background: url(../img/bg_topics.png) center 100px/auto repeat-y, #54C3F1;
    margin: 0;
    padding-bottom: calc(80px + 266px);
}
body.topics .topics_box_wrapper {
    padding-top: 1px;
}

.topics_pager_wrapper {
    position: relative;
    top: -50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 29px;
    font-weight: 500;
}
.topics_pager_wrapper .wp-pagenavi {
    display: flex;
}
.topics_pager_wrapper > *,
.topics_pager_wrapper .wp-pagenavi > * {
    margin: 0 10px;
}

.topics_pager_wrapper a {
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topics_pager_wrapper a.is-active {
    background-color: #F6D3E4;
    color: #54C3F1;
    cursor: none;
    pointer-events: none;
}
@media only screen and (max-width: 768px) {
    section.topics_top {
        background: #54C3F1 url(../img/bg_topics_top2_sp.png) center 4px/100% no-repeat;
    }
    .topics_menu_image2 {
        top: calc(100vw / 375 * 70);
        left: calc(50% + (100vw / 375 * 75));
        width: calc(100vw / 375 * 175);
    }
    .topics_top .topics_menu {
        padding-top: 0;
    }
    .topics_top .topics_menu_bubble_wrapper {
        top: calc(100vw / 375 * 60);
        left: calc(50% - (100vw / 375 * 80));
        width: auto;
    }
    .topics_top .topics_menu_bubble_text {
        font-size: calc(100vw / 375 * 12);
        line-height: calc(100vw / 375 * 20);
        margin: 0;
    }
    .topics_top .topics_menu h2 {
        font-size: calc(100vw / 375 * 25);
        line-height: calc(100vw / 375 * 45);
    }
    .topics_menu_all_wrapper {
        margin: calc(100vw / 375 * 160) auto 0;
    }
    .topics_menu_all {
        font-size: calc(100vw / 375 * 25);
        line-height: calc(100vw / 375 * 40)
    }
    .topics_top .topics_menu_item_wrapper {
        margin: calc(100vw / 375 * 10) auto 0;
    }

    body.topics .topics.v0305 {
        background: #54C3F1;
        padding-bottom: calc(100vw / 375 * 50);
        margin-top: -1px;
    }

    .topics_pager_wrapper {
        top: calc(100vw / 375 * 0);
        font-size: calc(100vw / 375 * 17);
    }
    .topics_pager_wrapper > *,
    .topics_pager_wrapper .wp-pagenavi > * {
        margin: 0 calc(100vw / 375 * 7);
    }
    .topics_pager_wrapper a {
        width: calc(100vw / 375 * 35);
        height: calc(100vw / 375 * 35);
        border: 2px solid #fff;
    }
}

@media only screen and (min-width: 768.1px) {
    .story.v0305 .story4 {
        padding-bottom: calc(130px + 466px);
    }
}


section.cinapedia {
    background: url(../img/bg_top1.png) center -30px/auto no-repeat, url(../img/bg_cinapedia.png) center 845px no-repeat,#54C3F1;
    position: relative;
    height: auto;
    padding-top: 1px;
    padding-bottom: 420px;
}
.cinapedia_cont {
    position: relative;
    width: 1000px;
    margin: 93px auto 0;
    color: #fff;
    font-weight: 500;
}
.cinapedia_cinamon {
    position: absolute;
    top: -25px;
    right: -30px;
    z-index: 1;
}
.cinapedia_bubble_cont {
    position: absolute;
    top: 260px;
    right: -20px;
    z-index: 1;
}
.cinapedia_bubble_text {
    top: -10px;
    padding: 0 0 0 5px;
    text-align: center;
}

.cinapedia_cont h2,
.cinapedia_cont p {
        margin: 0;
}
.cinepedia_textbox_text1 {
    font-size: 17px;
}
.cinepedia_textbox_text2 {
    font-size: 28px;
}
.cinapedia_cont .text_indent {
    text-indent: -17px;
}
.cinepedia_textbox3 .cinepedia_textbox_text1 {
    font-size: 40px;
    line-height: 96px;
    padding: 0 38px;
}
.cinepedia_textbox3 .cinepedia_textbox_text2 {
    font-size: 24px;
    line-height: 35px;
    padding: 30px 38px;
}

.cinapedia_frame1_cont {
    position: relative;
    background: url(../img/cinapedia_frame1.png) no-repeat;
    height: 260px;
    margin: 6px 0 0;
    display: grid;
    grid-template-columns: 238px 276px;
    grid-template-rows: 48px 100px 100px;
}
.cinepedia_textbox1 {
    padding: 18px 29px;
}
.cinapedia_frame1_1 { grid-area: 2/1/3/2; }
.cinapedia_frame1_2 { grid-area: 2/2/3/3; }
.cinapedia_frame1_3 { grid-area: 3/1/4/2; }
.cinapedia_frame1_4 { grid-area: 3/2/4/3; }

.cinapedia_frame2_cont {
    position: relative;
    background: url(../img/cinapedia_frame2.png) 62px 27px no-repeat;
    height: calc(270px + 27px + 96px);
    margin: 6px 0 0;
    display: grid;
    grid-template-columns: 192px 58px 40px 54px 1fr;
    grid-template-rows: 98px 98px 100px 1fr;
}
.cinepedia_textbox2 {
    padding: 18px 0;
}
.cinapedia_frame2_1 { grid-area: 1/5/2/6; }
.cinapedia_frame2_2 { grid-area: 2/4/3/6; }
.cinapedia_frame2_3 { grid-area: 3/3/4/6; }
.cinapedia_frame2_4 { grid-area: 4/2/5/6; }

.cinapedia_frame3_cont {
    position: relative;
    background: url(../img/cinapedia_frame3.png) no-repeat;
    height: calc(1502px);
    margin: 6px 0 0;
    display: grid;
    grid-template-columns: 500px 500px;
    grid-template-rows: 335px 577px 585px;
}
.cinepedia_textbox3 {
    padding: 0;
    width: 100%;
    position: relative;
}
.cinapedia_frame3_1 { grid-area: 1/1/2/3; }
.cinapedia_frame3_2 { grid-area: 2/1/3/2; }
.cinapedia_frame3_3 { grid-area: 2/2/3/3; }
.cinapedia_frame3_4 {
    position: relative;
    grid-area: 3/1/4/3;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cinapedia_image {
    position: absolute;
}
.cinapedia_image4 {
    bottom: 26px; right: 70px;
}
.cinapedia_image5 {
    bottom: 60px; left: 50%; transform: translateX(-50%);
}
.cinapedia_image6 {
    bottom: 20px; left: 50%; transform: translateX(-50%);
}
.cinapedia_image7 {
    top: -60px; right: -14px; z-index: 1;;
}
.bge {
    position: absolute;
    transform: translateX(-50%);
}
.cinapedia_bge1 {
    top: 525px;
    left: calc(50% - 740px);
}
.cinapedia_bge2 {
    top: 1000px;
    left: calc(50% + 704px);
}
@media only screen and (max-width: 768px) {
    section.cinapedia {
        background: #54C3F1 url(../img/bg_cinapedia_sp.png) calc(100vw / 375 * -17) 0 / calc(100vw / 375 * 396) no-repeat;
        padding-bottom: calc(100vw / 375 * 30);
    }
    .cinapedia_cont {
        width: calc(100vw / 375 * 286);
        margin: calc(100vw / 375 * 260) auto 0;
    }
    .cinapedia_cinamon {
        position: absolute;
        top: calc(100vw / 375 * -170);
        left: calc(50% + (100vw / 375 * 20));
        right: unset;
        transform: translateX(-50%);
        width: calc(100vw / 375 * 271);
    }
    .cinapedia_bubble_cont {
        position: absolute;
        top: calc(100vw / 375 * -275);
        left: calc(50% + (100vw / 375 * -89));
        right: unset;
        transform: translateX(-50%);
    }
    .cinapedia_bubble_cont img {
        width: calc(100vw / 375 * 168);
    }
    .cinapedia_bubble_text {
        top: calc(100vw / 375 * -5);
        padding: 0;
        font-size: calc(100vw / 375 * 12);
        line-height: calc(100vw / 375 * 16);
        letter-spacing: -0.05rem;
    }
    .cinapedia_cont h2 img {
        width: calc(100vw / 375 * 285);
    }
    .cinapedia_cont p {
        margin: 0;
    }
    .cinepedia_textbox_text1 {
        font-size: calc(100vw / 375 * 10);
    }
    .cinepedia_textbox_text2 {
        font-size: calc(100vw / 375 * 16);
        line-height: calc(100vw / 375 * 20);
    }
    .cinapedia_cont .text_indent {
        text-indent: calc(100vw / 375 * -8);
    }
    .cinepedia_textbox3 .cinepedia_textbox_text1 {
        font-size: calc(100vw / 375 * 25);
        line-height: calc(100vw / 375 * 68);
        padding: 0 calc(100vw / 375 * 17);
    }
    .cinepedia_textbox3 .cinepedia_textbox_text2 {
        font-size: calc(100vw / 375 * 15);
        line-height: calc(100vw / 375 * 23);
        padding: calc(100vw / 375 * 16) calc(100vw / 375 * 17);
    }

    .cinapedia_frame1_cont {
        position: relative;
        background: url(../img/cinapedia_frame1_sp.png) 0 0/ calc(100vw / 375 * 317.5) no-repeat;
        height: calc(100vw / 375 * 137);
        margin: calc(100vw / 375 * 6) calc(100vw / 375 * -45) 0 0;
        grid-template-columns: calc(100vw / 375 * 131) calc(100vw / 375 * 153);
        grid-template-rows: calc(100vw / 375 * 23) calc(100vw / 375 * 58) calc(100vw / 375 * 58);
    }
    .cinepedia_textbox1 {
        padding: calc(100vw / 375 * 5) calc(100vw / 375 * 14);
    }
    .cinapedia_frame2_cont {
        background: url(../img/cinapedia_frame2_sp.png) 0 calc(100vw / 375 * 32)/ calc(100vw / 375 * 332) no-repeat;
        height: calc(100vw / 375 * (161 + 106));
        margin: calc(100vw / 375 * 6) calc(100vw / 375 * -40) 0 calc(100vw / 375 * -20);
        grid-template-columns: calc(100vw / 375 * 20) calc(100vw / 375 * 40) calc(100vw / 375 * 24) calc(100vw / 375 * 32) 1fr;
        grid-template-rows: calc(100vw / 375 * 65) calc(100vw / 375 * 63) calc(100vw / 375 * 64) 1fr;
    }
    .cinepedia_textbox2 {
        padding: calc(100vw / 375 * 13) 0;
    }

    .cinapedia_frame3_cont {
        background: url(../img/cinapedia_frame3_sp.png) 0 0/ calc(100vw / 375 * 286) no-repeat;
        height: calc(100vw / 375 * 1113);
        margin: calc(100vw / 375 * 10) auto 0;
        grid-template-columns: 100%;
        grid-template-rows: calc(100vw / 375 * 68) calc(100vw / 375 * 242) calc(100vw / 375 * 68) calc(100vw / 375 * 244) calc(100vw / 375 * 68) calc(100vw / 375 * 236) calc(100vw / 375 * 184);
    }
    .cinapedia_frame3_1 { grid-area: 1/1/3/2; }
    .cinapedia_frame3_2 { grid-area: 3/1/5/2; }
    .cinapedia_frame3_3 { grid-area: 5/1/7/2; }
    .cinapedia_frame3_4 {
        position: relative;
        grid-area: 7/1/9/2;
        padding: calc(100vw / 375 * 18) calc(100vw / 375 * 15);
    }
    .cinapedia_image4 {
        bottom: calc(100vw / 375 * 17); right: calc(100vw / 375 * -4);
        width: calc(100vw / 375 * 114);
    }
    .cinapedia_image5 {
        bottom: calc(100vw / 375 * 24); left: 50%; transform: translateX(-50%);
        width: calc(100vw / 375 * 171);
    }
    .cinapedia_image6 {
        bottom: calc(100vw / 375 * 26); right: calc(100vw / 375 * 13); left: unset; transform: unset;
        width: calc(100vw / 375 * 121);
    }
    .cinapedia_image7 {
        top: calc(100vw / 375 * -9); right: calc(100vw / 375 * -13); z-index: 1;
        width: calc(100vw / 375 * 60);
    }
    .cinapedia_image8 {
        /* margin-top: calc(100vw / 375 * 12);
        width: calc(100% - (100vw / 375 * 28)); */
        position: relative;
        width: 100%;
        display: flex;
        align-self: flex-end;
    }
    .cinapedia_bottom_image1 {
        position: relative;
        margin: calc(100vw / 375 * 20);
        width: calc(100vw / 375 * 324);
        left: calc(50% + (100vw / 375 * -20));
        transform: translateX(-50%);
    }
}


section.file_top {
    background: url(../img/bg_file_top2.png) center 0 no-repeat, url(../img/bg_file_top1.png) center 0 no-repeat;
    position: relative;
    height: auto;
    margin-top: -240px;
    padding-top: 235px;
    padding-bottom: 266px;
    text-align: center;
    color: var(--color-text-main);
    font-weight: 500;
}
.file_top h2 {
    margin: auto;
    font-size: 50px;
    font-weight: 500;
    line-height: 60px;
}
.file_top hr {
    margin: 10px auto;
    width: 750px;
    border-top: 12px solid #FDF468;
}
.file_top_text {
    margin: 40px auto 0;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -0.05rem;
}
.file_cinamon {
    position: absolute;
    top: 200px;
    left: calc(50% - 560px);
    transform: translateX(-50%);
}
.file_bubble_cont {
    position: absolute;
    top: -31px;
    left: calc(50% - 560px);
    transform: translateX(-50%);
}
.file_bubble_text {
    text-align: center;
}
.file_cloud_wrapper {
    display: flex;
}
.file_cloud_cont {
    position: absolute;
    top: 161px;
    left: calc(50% + 525px);
    transform: translateX(-50%);
    width: 270px;
}
.file_cloud_text {
    margin: 7px 0 0 -12px;
    text-align: center;
}
.file_image1 {
    position: absolute;
    top: 370px;
    left: calc(50% + 525px);
    transform: translateX(-50%);
}
@media only screen and (min-width: 1920px) {
    section.file_top {
        background: url(../img/bg_file_top2.png) center 0/100% 800px no-repeat, url(../img/bg_file_top1.png) center 0/100% 800px no-repeat;
    }
}
@media only screen and (max-width: 768px) {
    section.file_top {
        background: url(../img/bg_file_top_sp.png) center 0/100% no-repeat;
        margin-top: calc(100vw / 375 * -200);
        padding-top: calc(100vw / 375 * 170);
        padding-bottom: 0;
        height: calc(100vw / 375 * 380);
    }
    .file_top h2 {
        margin: auto;
        font-size: calc(100vw / 375 * 27);
        line-height: calc(100vw / 375 * 33);
        letter-spacing: -0.02rem;
    }
    .file_top hr {
        margin: calc(100vw / 375 * 8) auto;
        width: calc(100vw / 375 * 209);
        border-top: calc(100vw / 375 * 6) solid #FDF468;
    }
    .file_top_text {
        margin: calc(100vw / 375 * 10) auto 0;
        font-size: calc(100vw / 375 * 15);
        line-height: calc(100vw / 375 * 27);
        letter-spacing: initial;
    }
    .file_cinamon {
        top: calc(100vw / 375 * 45);
        left: calc(50% - (100vw / 375 * 60));
        width: calc(100vw / 375 * 214);
        z-index: 1;
    }
    .file_bubble_cont {
        top: calc(100vw / 375 * -30);
        left: calc(50% + (100vw / 375 * 97));
    }
    .file_bubble_cont img {
        width: calc(100vw / 375 * 197);
    }
    .file_bubble_text {
        text-align: left;
    }
    .file_cloud_wrapper {
        display: flex;
    }
    .file_cloud_cont {
        top: calc(100vw / 375 * 350);
        left: calc(50% + (100vw / 375 * 90));
        width: calc(100vw / 375 * 158);
    }
    .file_cloud_cont img {
        width: calc(100vw / 375 * 158);
    }
    .file_cloud_text {
        margin: 7px 0 0 -12px;
        text-align: center;
    }
    .file_image1 {
        top: calc(100vw / 375 * 360);
        left: calc(50% + (100vw / 375 * -90));
        width: calc(100vw / 375 * 150);
    }
}


.bg_bridge_file1 {
    position: relative;
    background: url(../img/bg_bridge_file1_2.png) center bottom 10px/auto no-repeat, url(../img/bg_bridge_file1.png) center 0/auto no-repeat;
    height: 266px;
    margin-top: -266px;
}
section.file {
    color: #A9835D;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}
section.file.file1 {
    background: #D6F1FF url(../img/bg_file1.png) center -25px/auto repeat-y;
    position: relative;
    margin-top: -1px;
    padding-bottom: 180px;
}
section.file.file2 {
    background: #D6F1FF url(../img/bg_file2.png) center 0/auto repeat-y;
    position: relative;
    margin-top: -1px;
    padding-bottom: 340px;
}
.file_title1_wrapper {
    position: relative;
    width: 372px;
    margin: auto;
}
.file_title1_wrapper img {
    position: absolute;
    top: -232px;
}
.file_title2_wrapper {
    margin: 60px auto;
    width: max-content;
}
.file p {
    margin: auto;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: -0.05rem;
}
.file_cont {
    position: relative;
    width: 1000px;
    margin: auto;
    font-weight: 500;
}
.file_post_cont {
    margin: 40px auto;
}
section.file .btn_more_wrapper {
    margin: 60px auto 0;
}

article.cam {
    width: 1000px;
    margin: 65px auto 0;
    z-index: 1;
    position: relative;
}
body.top article.cam {
    width: 750px;
    margin: auto;
}
.cam .cmtin-pic a {
    display: initial;
}
.cam .cmtin-morebtn {
    position: relative;
    z-index: -1;
}
.cam .cmtin-wrap-caption .cmtin-widget .cmtin-andmore {
    bottom: -160px;
    width: max-content;
    z-index: 999;
}
.cam .cmtin-wrap-caption .cmtin-widget .cmtin-andmore a {
    background-color: unset !important;
}
.cam .cmtin-wrap-caption .cmtin-widget .cmtin-andmore a:hover {
    opacity: unset !important;
}

@media only screen and (min-width: 1920px) {
    .bg_bridge_file1 {
        background: url(../img/bg_bridge_file1_2.png) center bottom 10px/100% 110px no-repeat, url(../img/bg_bridge_file1.png) center 0/100% 266px no-repeat;
    }
    section.file.file1 {
        background: #D6F1FF url(../img/bg_file1.png) center -25px/100% 186px repeat-y;
    }
    section.file.file2 {
        background: #D6F1FF url(../img/bg_file2.png) center 0/100% 1px repeat-y;
    }
}
@media only screen and (max-width: 768px) {
    .bg_bridge_file1 {
        background: url(../img/bg_bridge_file1_sp.png) center 0/100% no-repeat;
        height: calc(100vw / 375 * 18);
        margin-top: calc(100vw / 375 * -25);
    }
    section.file {
        color: #A9835D;
        padding-top: calc(100vw / 375 * 40);
        padding-bottom: calc(100vw / 375 * 25);
        text-align: center;
    }
    section.file.file1 {
        background: #D6F1FF url(../img/bg_file1_sp.png) center calc(100vw / 375 * -50)/calc(100vw / 375 * 592) repeat-y;
        position: relative;
        margin-top: calc(100vw / 375 * 0);
        padding-top: calc(100vw / 375 * 110);
        padding-bottom: calc(100vw / 375 * 95);
    }
    section.file.file2 {
        background: #D6F1FF url(../img/bg_file2_sp.png) center 0/calc(100vw / 375 * 500) repeat-y;
        position: relative;
        margin-top: -1px;
        padding-top: calc(100vw / 375 * 10);
        padding-bottom: calc(100vw / 375 * 255);
    }
    .file_title1_wrapper {
        position: relative;
        width: calc(100vw / 375 * 233);
        z-index: 1;
    }
    .file_title1_wrapper img {
        top: calc(100vw / 375 * -50);
        width: calc(100vw / 375 * 233);
    }
    .file_title2_wrapper {
        margin: calc(100vw / 375 * 30) auto calc(100vw / 375 * 40);
    }
    .file_title2_wrapper img {
        width: calc(100vw / 375 * 233);
    }
    .file p {
        font-size: calc(100vw / 375 * 14);
        line-height: calc(100vw / 375 * 25);
    }
    .file_cont {
        width: calc(100vw / 375 * 285);
    }
    .file_post_cont {
        margin: calc(100vw / 375 * 30) auto;
    }
    section.file .btn_more_wrapper {
        margin: calc(100vw / 375 * 40) auto 0;
    }
    section.file .btn_more_wrapper {
        width: calc(100vw / 375 * 285);
    }
    .file_example {
        width: 100%;
    }
    article.cam {
        width: calc(100vw / 375 * 335);
        margin: calc(100vw / 375 * 30) auto 0;
    }
    body.top article.cam {
        width: auto;
        margin: auto;
    }
    .cam .cmtin-wrap-caption .cmtin-widget .cmtin-andmore {
        bottom: calc(100vw / 375 * -55);
    }
    .cam .cmtin-wrap-caption .cmtin-widget .cmtin-andmore a {
        background-color: unset !important;
    }
    .cam .cmtin-wrap-caption .cmtin-widget .cmtin-andmore a:hover {
        opacity: unset !important;
    }
    .cam .cmtin-wrap-caption .cmtin-widget .cmtin-andmore a img {
        width: calc(100vw / 375 * 285) !important;
    }
}


body.cinapedia section.announce {
    background: url(../img/bg_announce2.png) top 0 center/auto no-repeat;
    margin-top: -266px;
    padding: 230px 0 266px;
}
section.menu.menu_under_announce {
    background:
        #29A5DB url(../img/bg_menu.png) center bottom -50px/auto no-repeat;
    height: calc(1050px - 65px);
    padding-top: 40px;
    margin-top: -266px;
}
@media only screen and (min-width: 1920px) {
    body.cinapedia section.announce {
        background: url(../img/bg_announce2.png) top 0 center/100% 2516px no-repeat;
    }
    section.menu.menu_under_announce {
        background:
            #29A5DB url(../img/bg_menu.png) center bottom 100px/auto no-repeat;
    }
}
@media only screen and (max-width: 768px) {
    body.cinapedia section.announce {
        background: url(../img/bg_announce2_sp.png) top 0 center/100% no-repeat;
        margin-top: calc(100vw / 375 * -170);
        padding-top: calc(100vw / 375 * 100);
        padding-bottom: 0;
    }
    body.cinapedia .announce_adjust_spacer {
        height: calc(100vw / 375 * 80);
    }
    .bg_bridge_menu_u.menu_under_announce {
        background: url(../img/bg_bridge_menu_u_sp.png) top 0 center/100% no-repeat;
    }
}


/*
 * MUSEUM
 */
body.museum,
body.museum.detail {

    background: #D6F1FF;
}
section.museum_top {
    background: url(../img/bg_top1.png) center -30px/auto no-repeat, url(../img/bg_cinapedia.png) center 845px no-repeat,#54C3F1;
    position: relative;
    height: auto;
    padding-top: 1px;
    padding-bottom: 300px;
    text-align: center;
    color: #fff;
}
section.museum_top h2 {
    margin: 122px auto 0;
    font-size: 50px;
    font-weight: 500;
    line-height: 60px;
}
section.museum_top p {
    margin: 43px auto 0;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -0.05rem;
}
.museum_top_image1 {
    position: absolute;
    top: 262px;
    left: calc(50% - 563px);
    transform: translate(-50%);
}
.museum_top_image2 {
    position: absolute;
    top: 209px;
    left: calc(50% + 435px);
    transform: translate(-50%);
}
.bg_bridge_museum1 {
    position: relative;
    background: url(../img/bg_bridge_file1_2.png) center bottom 10px/auto no-repeat, url(../img/bg_bridge_file1.png) center 0/auto no-repeat;
    height: 264px;
    margin-top: -266px;
}

section.museum {
    background: #D6F1FF url(../img/bg_file1.png) center -25px/auto repeat-y;
    position: relative;
    margin-top: -1px;
    padding-bottom: 339px;
    color: var(--color-text-main);
    font-weight: 500;;
    text-align: center;
}
.btn_museum_wallpaper_wrapper {
    margin: auto;
    width: max-content;
    display: flex;
    justify-content: center;
}
.museum_image3_wrapper {
    position: relative;
    margin: auto;
    width: max-content;
}
.museum_top_image3 {
    position: relative;
    margin: 10px auto 0;
    left: -30px;
    z-index: 1;
}
.museum_bubble_cont {
    position: absolute;
    top: 90px;
    left: calc(50% + 180px);
    transform: translateX(-50%);
    width: 261px;
}
.museum_bubble_wrapper img {
    width: 100%;
}
.museum_bubble_text {
    padding-left: 15px;
}
.museum_tile_wrapper {
    margin: 40px auto 0;
    width: 1000px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.museum_tile_item {
    width: 236px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.museum_tile_item p {
    font-size: 22px;
    text-align: center;
    margin: 8px auto 22px;
    position: relative;
}
.museum_tile_item a {
    position: relative;
}
.museum_tile_item.new a:after {
    content: "";
    position: absolute;
    background: url(../img/icon_download.png) 0/cover no-repeat;
    bottom: 0;
    right: 0;
    width: 82px;
    height: 19px;
}
/* .museum_tile_item.new a:after {
    content: "NEW";
    position: absolute;
    top: 20px;
    left: -32px;
    width: 130px;
    font-size: 25px;
    letter-spacing: -0.05rem;
    line-height: 1.2;
    background-color: #B28155;
    color: #fff;
    transform: rotate(-45deg);
} */


.bg_bridge_museum2 {
    position: relative;
    background: url(../img/bg_bridge_museum2.png) center 0/auto no-repeat;
    height: 319px;
    margin-top: -319px;
}
.museum_title_download_wrapper {
    position: relative;
    margin: -265px auto 0;
    width: max-content;
    display: flex;
    justify-content: center;
    z-index: 1;
}
.museum_top_image4 {
    position: absolute;
    top: -30px;
    left: calc(50% - 280px);
    transform: translateX(-50%);
}
section.museum_download {
    background: #D6F1FF url(../img/bg_museum_download.png) center 0/auto repeat-y;
    position: relative;
    margin-top: -1px;
    padding-bottom: calc(200px + 266px);
    text-align: center;
    color: var(--color-text-main);
}
.museum_text {
    font-size: 27px;
    line-height: 60px;
}
.museum_text2 {
    margin: 40px auto;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -0.05rem;
}
h3.museum_h3,
section.museum_download h3 {
    width: max-content;
    margin: 60px auto 40px;
    font-size: 22px;
    font-weight: 500;
    line-height: 80px;
    display: flex;
    align-items: center;
}
h3.museum_h3:before,
h3.museum_h3:after,
section.museum_download h3:before,
section.museum_download h3:after {
    content: "";
    margin: 0 1em;
    width: 100px;
    border-top: 1px solid var(--color-text-main);
}
.wallpaper_list_cont {
    width: 1000px;
    margin: auto;;
}
.wallpaper_pc {
    width: 100%;
}
.museum_wallpaper_sp_cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.museum_wallpaper_sp_cont + .museum_wallpaper_sp_cont {
    margin-top: 40px;
}
.museum_wallpaper_sp_cont p {
    margin: 20px auto;
    font-size: 18px;
}
.wallpaper_sp {
    width: 226px;
}
.museum_wallpaper_notice_wrapper {
    box-sizing: border-box;;
    margin: 80px auto 0;
    padding: 36px 43px;
    width: 1000px;
    background-color: #D6F1FF;
    border: 5px solid #fff;
}
section.museum_download .museum_wallpaper_notice_wrapper h3 {
    margin: auto;
    line-height: normal;
}
.museum_wallpaper_notice_wrapper p {
    margin: 30px 0 0;
    font-size: 15px;
    line-height: 25px;
    text-align: left;
}

section.menu.menu_under_museum {
    background:
        #29A5DB url(../img/bg_menu.png) center bottom -50px/auto no-repeat;
    height: calc(1050px - 65px);
    padding-top: 40px;
    margin-top: -266px;
}
@media only screen and (min-width: 1920px) {
    .bg_bridge_museum1 {
        background: url(../img/bg_bridge_file1_2.png) center bottom 10px/100% 110px no-repeat, url(../img/bg_bridge_file1.png) center 0/100% 264px no-repeat;
    }
    section.museum {
        background: #D6F1FF url(../img/bg_file1.png) center -25px/100% 186px repeat-y;
    }
    .bg_bridge_museum2 {
        background: url(../img/bg_bridge_museum2.png) center 0/100% 319px no-repeat;
    }
    section.museum_download {
        background: #D6F1FF url(../img/bg_museum_download.png) center 0/100% 1px repeat-y;
    }
    body.museum section.announce {
        background: url(../img/bg_announce2.png) top 0 center/100% 2516px no-repeat;
    }
    section.menu.menu_under_museum {
        background:
            #29A5DB url(../img/bg_menu.png) center bottom 100px/auto no-repeat;
    }
}
@media only screen and (max-width: 768px) {
    section.museum_top {
        background: 
            url(../img/bg_museum_top_sp.png) left calc(100vw / 375 * 194 / -13) top 0/calc(100vw / 375 * 791 / 2) no-repeat,
            url(../img/bg_museum_top_bottom_sp.png) left calc(100vw / 375 * -7) bottom calc(100vw / 375 * 50)/calc(100vw / 375 * 194 / 2) calc(100vw / 375 * 228 / 2) no-repeat,
            #54C3F1;
        padding-bottom: calc(100vw / 375 * 192);
    }
    section.museum_top h2 {
        margin: calc(100vw / 375 * 150) auto 0;
        font-size: calc(100vw / 375 * 32);
        line-height: calc(100vw / 375 * 45);
    }
    section.museum_top p {
        margin: calc(100vw / 375 * 10) auto 0;
        font-size: calc(100vw / 375 * 16);
        line-height: calc(100vw / 375 * 30);
        letter-spacing: -0.08rem;
    }
    .museum_top_image1 {
        top: calc(100vw / 375 * 181);
        left: calc(50% - (100vw / 375 * 15));
        width: calc(100vw / 375 * 246);
    }
    .museum_top_image2 {
        top: calc(100vw / 375 * 528);
        left: calc(50% + (100vw / 375 * 63));
        width: calc(100vw / 375 * 220);
    }
    .bg_bridge_museum1 {
        position: relative;
        background: url(../img/bg_bridge_museum1_sp.png) center 0/100% calc(100vw / 375 * 53 / 2) no-repeat;
        height: calc(100vw / 375 * 53 / 2);
        margin-top: calc(100vw / 375 * -53 / 2);
    }

    section.museum {
        background: #D6F1FF url(../img/bg_file1_sp.png) center calc(100vw / 375 * -50)/calc(100vw / 375 * 592) repeat-y;
        padding-bottom: calc(100vw / 375 * 50);
        padding-top: calc(100vw / 375 * 30);
    }
    .btn_museum_wallpaper {
        width: calc(100vw / 375 * 337);
    }
    .museum_image3_wrapper {
        margin: 0;
        width: 100%;
    }
    .museum_top_image3 {
        margin: 0;
        left: calc(100vw / 375 * 45);
        width: calc(100vw / 375 * 193);
    }
    .museum_bubble_cont {
        top: calc(100vw / 375 * 40);
        right: calc(100vw / 375 * 25);
        left: unset;
        transform: unset;
        width: calc(100vw / 375 * 155);
    }
    .museum_bubble_wrapper img {
        width: 100%;
    }
    .museum_bubble_text {
        padding-left: 15px;
    }
    .museum_tile_wrapper {
        margin: calc(100vw / 375 * 30) auto 0;
        width: calc(100vw / 375 * 337);
    }
    .museum_tile_item {
        width: calc(100vw / 375 * 161);
    }
    .museum_tile_item img {
        width: 100%;
    }
    .museum_tile_item p {
        font-size: calc(100vw / 375 * 16);
        margin: calc(100vw / 375 * 8) auto calc(100vw / 375 * 22);
    }
    .museum_tile_item.new a:after {
        width: calc(100vw / 375 * 56);
        height: calc(100vw / 375 * 13);
    }
    /* .museum_tile_item.new a:after {
        content: "NEW";
        position: absolute;
        top: calc(100vw / 375 * 11);
        left: calc(100vw / 375 * -29);
        width: calc(100vw / 375 * 100);
        font-size: calc(100vw / 375 * 15);
        line-height: 1.2;
    } */

    .bg_bridge_museum2 {
        background: url(../img/bg_bridge_museum2_sp.png) center 0/100% calc(100vw / 375 * 43 / 2) no-repeat;
        height: calc(100vw / 375 * 43 / 2);
        margin-top: calc(100vw / 375 * -43 / 2);
    }
    .museum_title_download_wrapper {
        background: #D6F1FF url(../img/bg_museum_download_sp.png) center 0/100% repeat-y;
        margin: 0;
        padding-top: calc(100vw / 375 * 110);
        width: 100%;
    }
    .museum_title_download {
        width: calc(100vw / 375 * 233);
    }
    .museum_top_image4 {
        top: calc(100vw / 375 * 5);
        left: calc(100vw / 375 * 30);
        transform: unset;
        width: calc(100vw / 375 * 175);
    }
    section.museum_download {
        background: #D6F1FF url(../img/bg_museum_download_sp.png) center 0/100% repeat-y;
        padding-top: 1px;
        padding-bottom: calc(100vw / 375 * 100);
    }
    .museum_text {
        margin: calc(100vw / 375 * 10);
        font-size: calc(100vw / 375 * 14);
        line-height: calc(100vw / 375 * 25);
        letter-spacing: -0.05rem;
    }
    .museum_text2 {
        margin: calc(100vw / 375 * 30) auto;
        font-size: calc(100vw / 375 * 15);
        line-height: calc(100vw / 375 * 27);
    }
    h3.museum_h3,
    section.museum_download h3 {
        margin: calc(100vw / 375 * 20) auto calc(100vw / 375 * 0);
        font-size: calc(100vw / 375 * 18);
        line-height: calc(100vw / 375 * 80);
        display: inline-flex;
        flex-grow: 0;
        word-break: keep-all;
        width: 100%;
    }
    h3.museum_h3:before,
    h3.museum_h3:after,
    section.museum_download h3:before,
    section.museum_download h3:after {
        content: "";
        margin: 0 1em;
        max-width: 50%;
        flex-grow: 2;
        border-top: 1px solid var(--color-text-main);
    }
    h3.museum_h3:before,
    section.museum_download h3:before {
        margin-left: 0;
    }
    h3.museum_h3:after,
    section.museum_download h3:after {
        margin-right: 0;
    }
    .wallpaper_list_cont {
        width: calc(100vw / 375 * 337);
    }
    .wallpaper_pc {
        width: 100%;
    }
    .museum_wallpaper_sp_cont + .museum_wallpaper_sp_cont {
        margin-top: 0;
    }
    .museum_wallpaper_sp_cont p {
        margin: calc(100vw / 375 * 15) auto calc(100vw / 375 * 25);
        font-size: calc(100vw / 375 * 16);
    }
    .wallpaper_sp {
        width: calc(100vw / 375 * 157);
    }
    .museum_wallpaper_notice_wrapper {
        margin: calc(100vw / 375 * 20) auto 0;
        padding: calc(100vw / 375 * 20) calc(100vw / 375 * 20) calc(100vw / 375 * 40);
        width: calc(100vw / 375 * 336);
        background-color: #D6F1FF;
        border: 5px solid #fff;
    }
    section.museum_download .museum_wallpaper_notice_wrapper h3 {
        margin: auto;
        line-height: normal;
    }
    .museum_wallpaper_notice_wrapper p {
        margin: calc(100vw / 375 * 15) 0 0;
        font-size: calc(100vw / 375 * 12);
        line-height: calc(100vw / 375 * 19);
        letter-spacing: -0.05rem;
    }
    section.menu.menu_under_museum {
        background: #29A5DB url(../img/bg_menu_sp.png) right calc(100vw / 375 * -25) bottom calc(100vw / 375 * 20)/calc(100vw / 375 * 298) no-repeat;
        height: calc(100vw / 375 * 970);
        padding-top: calc(100vw / 375 * 20);
    }
}

section.museum_top.detail {
    padding-bottom: 330px;
}
section.museum.detail {
    background: url(../img/bg_museum_detail.png) center 0/auto no-repeat;
    margin-top: -330px;
    padding-top: 170px;
    padding-bottom: 339px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.museum_detail_top_wrapper {
    position: relative;
    height: 600px;
    padding-top: 105px;
    box-sizing: border-box;
}
.museum_detail_top_wrapper h2 {
    margin-bottom: 0;
    font-weight: 500;
}
.museum_detail_top_wrapper hr {
    margin: 35px auto 0;
    width: 750px;
    border-top: 2px solid #AA835C;
}
.museum_detail_top_cloud {
    z-index: 0;
}
.museum_detail_top_text {
    position: relative;
}

.museum_detail_title_1 {
    color: #38B8EF;
    font-size: 28px;
    line-height: 60px;
}
.museum_detail_title_2_wrapper {
    width: calc(750px * .9);
    margin: auto;
}
.museum_detail_title_2 {
    margin: 0;
    font-size: 35px;
    line-height: 60px;
}
.museum_detail_box {
    margin-top: -280px;
    padding-bottom: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.museum_detail_image_head_wrapper,
.museum_detail_image_head {
    width: 750px;
}
.museum_detail_image_head_wrapper .slick-dots {
    bottom: -35px;
}
.museum_detail_image_head_wrapper .slick-dots li button:before {
    font-size: 40px;
    color: #bbb;
}
.museum_detail_image_head_wrapper .slick-dots li.slick-active button::before {
    color: var(--color-text-main);
}
.slide-arrow {
    position: absolute;
    top: calc((750px - 38px) / 2);
    z-index: 1;
    opacity: .5;
    cursor: pointer;
}
.slide-arrow.prev-arrow {
    left: -35px;
}
.slide-arrow.next-arrow {
    right: -35px;
}
.museum_detail_text_wrapper {
    width: 750px;
}
.museum_detail_text {
    margin: 35px auto 0;
    font-size: 22px;
    line-height: 40px;
    letter-spacing: -0.05rem;
}
.museum_detail_text2 {
    margin: 37px auto 50px;
    font-size: 27px;
    line-height: 60px;
}
.museum_detail_hr1 {
    margin: 53px auto;
}
.museum_detail_text_h3 {
    margin: 0 auto;
    font-size: 36px;
    font-weight: 500;
    line-height: 51px;
    letter-spacing: -0.1rem;
}
.museum_detail_text_h3:after {
    content: "";
    display: block;
    background: #FFF367;
    height: 12px;
    margin: 5px -1em 0;
    width: calc(100% + 2em);
}
.museum_detail_download_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.museum_detail_wallpaper_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.museum_detail_wallpaper_wrapper:not(:first-of-type) {
    margin-top: 68px;
}
.museum_detail_wallpaper_pc_wrapper img {
    width: 557px;
}
.museum_detail_wallpaper_sp_wrapper {
    margin: 68px auto 0;
    display: flex;
    align-items: flex-end;
}
.museum_detail_wallpaper_sp_wrapper > *:not(:first-of-type) {
    margin-left: 32px;
}
.museum_detail_wallpaper_sp_wrapper img {
    width: 170px;
}
.museum_detail_wallpaper_sp_wrapper p {
    margin: auto;
    font-size: 18px;
}
.museum_detail_wallpaper_notice_wrapper {
    width: 750px;
    padding: 25px 25px 30px;
    border: 5px solid #FDF37D;
    background-color: unset;
}
.museum_detail_wallpaper_notice_wrapper h3 {
    margin: auto;
    line-height: normal;
}
.museum_detail_control_wrapper {
    margin: 32px auto 0;
    width: max-content;
    display: flex;
    position: relative;
    z-index: 1;
}
.museum_detail_control_wrapper > *:not(:first-of-type) {
    margin-left: 57px;
}
.museum_detail_control_wrapper a.disabled {
    display: block !important;
    opacity: 0.5;
}
.museum_detail_text3 {
    margin: 66px auto 0;
    font-size: 27px;
    line-height: 45px;
}
.museum_detail_text4 {
    margin: 20px auto 0;
    font-size: 20px;
    line-height: 35px;
}
.museum_detail_text4 span {
    font-size: 15px;
}
.museum_detail_banner_wrapper {
    margin: 30px auto 0;
    display: flex;
}
body.museum.detail .museum_tile {
    margin-top: 60px;
}
@media only screen and (min-width: 1920px) {
    section.museum.detail {
        background: url(../img/bg_museum_detail.png) center 0/100% 6363px no-repeat;
        margin-top: -330px;
        padding-bottom: 339px;
    }
}
@media only screen and (max-width: 768px) {
    section.museum_top.detail {
        background:
            url(../img/bg_museum_top_sp.png) left calc(100vw / 375 * 194 / -13) top 0/calc(100vw / 375 * 791 / 2) no-repeat,
            #54C3F1;
        padding-bottom: calc(100vw / 375 * 60);
    }
    .bg_bridge_museum_detail_top {
        display: block !important;
        position: relative;
        background: url(../img/bg_bridge_museum_detail_top_sp.png) center 0/100% calc(100vw / 375 * 55 / 2) no-repeat;
        margin-top: calc(100vw / 375 * -55 / 2);
        height: calc(100vw / 375 * 55 / 2);
    }
    section.museum.detail {
        background: #D6F1FF;
        margin-top: -1px;
        padding-bottom: calc(100vw / 375 * 50);
        padding-top: calc(100vw / 375 * 30);
    }
    section.museum_top.detail h2 {
        margin: calc(100vw / 375 * 25) auto 0;
        font-size: calc(100vw / 375 * 32);
        line-height: calc(100vw / 375 * 25);
    }
    .museum_detail_top_wrapper {
        position: relative;
        height: calc(100vw / 375 * 158);
        padding-top: calc(100vw / 375 * 50);
        z-index: 1;
    }
    .museum_detail_top_wrapper hr {
        margin: calc(100vw / 375 * 22) auto 0;
        width: calc(100vw / 375 * 291);
        border-top: 2px solid #AA835C;
    }
    .museum_detail_title_1 {
        font-size: calc(100vw / 375 * 16);
        line-height: calc(100vw / 375 * 32);
    }
    .museum_detail_title_2_wrapper {
        width: calc(100vw / 375 * 335);
        margin: auto;
    }
    .museum_detail_title_2 {
        font-size: calc(100vw / 375 * 20);
        line-height: calc(100vw / 375 * 38);
    }
    .museum_detail_box {
        position: relative;
        width: calc(100vw / 375 * 335);
        border-radius: calc(100vw / 375 * 30);
        margin-top: calc(100vw / 375 * -50);
        padding-top: calc(100vw / 375 * 95);
        padding-bottom: calc(100vw / 375 * 38);
    }
    .museum_detail_image_head_wrapper,
    .museum_detail_image_head,
    img.slick-slide {
        width: calc(100vw / 375 * 290);
    }
    .museum_detail_image_head_wrapper .slick-dots {
        bottom: calc(100vw / 375 * -25);
    }
    .museum_detail_image_head_wrapper .slick-dots li button:before {
        font-size: calc(100vw / 375 * 25);
    }
    .slide-arrow {
        width: calc(100vw / 375 * 11);
        top: calc((100vw / 375 * 290 - 11px) / 2)
    }
    .slide-arrow.prev-arrow {
        left: calc(100vw / 375 * -18);
    }
    .slide-arrow.next-arrow {
        right:  calc(100vw / 375 * -18);
    }
    .museum_detail_text_wrapper {
        width: calc(100vw / 375 * 335);
    }
    .museum_detail_text {
        margin: calc(100vw / 375 * 35) auto 0;
        font-size: calc(100vw / 375 * 14);
        line-height: calc(100vw / 375 * 25);
    }
    .museum_detail_text2 {
        margin: calc(100vw / 375 * 20) auto calc(100vw / 375 * 20);
        font-size: calc(100vw / 375 * 14);
        line-height: calc(100vw / 375 * 25);
    }
    .museum_detail_hr1 {
        margin: calc(100vw / 375 * 38) auto;
    }
    .museum_detail_text_h3 {
        margin: auto;
        font-size: calc(100vw / 375 * 24);
        line-height: calc(100vw / 375 * 33);
        letter-spacing: -0.04rem;
    }
    .museum_detail_text_h3:after {
        height: calc(100vw / 375 * 5);
        margin: calc(100vw / 375 * 1) 0 0;
        width: 100%;
    }
    .museum_detail_download_cont {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .museum_detail_download_comingsoon {
        width: calc(100vw / 375 * 290);
    }
    .museum_detail_hr1 {
        width: calc(100vw / 375 * 290);
    }
    .museum_detail_wallpaper_wrapper:not(:first-of-type) {
        margin-top: calc(100vw / 375 * 36);
    }
    .museum_detail_wallpaper_pc_wrapper img {
        width: calc(100vw / 375 * 290);
    }
    .museum_detail_wallpaper_sp_wrapper {
        margin: calc(100vw / 375 * 34) auto 0;
    }
    .museum_detail_wallpaper_sp_wrapper > *:not(:first-of-type) {
        margin-left: calc(100vw / 375 * 14);
    }
    .museum_detail_wallpaper_sp_wrapper img {
        width: calc(100vw / 375 * 139);
    }
    .museum_detail_wallpaper_sp_wrapper p {
        margin: calc(100vw / 375 * 10) auto;
        font-size: calc(100vw / 375 * 16);
    }
    .museum_detail_wallpaper_notice_wrapper {
        width: calc(100vw / 375 * 296);
        padding: calc(100vw / 375 * 15) calc(100vw / 375 * 18) calc(100vw / 375 * 30);
        border: calc(100vw / 375 * 2.5) solid #FDF37D;
    }
    .museum_detail_wallpaper_notice_wrapper h3 {
        font-size: calc(100vw / 375 * 15);
    }
    .museum_detail_control_wrapper {
        margin: calc(100vw / 375 * 22) auto 0;
    }
    .museum_detail_control_wrapper > *:not(:first-of-type) {
        margin-left: calc(100vw / 375 * 34);
    }
    .museum_detail_control_wrapper img {
        width: calc(100vw / 375 * 41);
    }
    .museum_detail_text3 {
        margin: calc(100vw / 375 * 45) auto 0;
        font-size: calc(100vw / 375 * 14);
        line-height: calc(100vw / 375 * 25);
    }
    .museum_detail_text4 {
        margin: calc(100vw / 375 * 16) auto 0;
        font-size: calc(100vw / 375 * 14);
        line-height: calc(100vw / 375 * 25);
    }
    .museum_detail_text4 span {
        font-size: calc(100vw / 375 * 12);
    }
    .museum_detail_banner_wrapper {
        margin: calc(100vw / 375 * 20) auto 0;
    }
    .museum_detail_banner_wrapper img {
        width: calc(100vw / 375 * 337);
    }
    body.museum.detail .museum_tile_wrapper {
        margin: auto;
    }
    body.museum.detail .museum_tile {
        margin-top: calc(100vw / 375 * 40);
    }
}


/*
 * GOODS
 */
body.goods {
    background: #D6F1FF;
}
.goods_top_image1 {
    position: absolute;
    top: 379px;
    left: calc(50% - 465px);
    transform: translate(-50%);
}
.goods_top_image2 {
    position: absolute;
    top: 376px;
    left: calc(50% + 385px);
    transform: translate(-50%);
}

section.goods {
    background: 
        url(../img/bg_goods_cloud.png) center 470px/auto no-repeat,
        url(../img/bg_goods.png) center 0/auto no-repeat;
    position: relative;
    margin-top: -334px;
    padding-top: 183px;
    padding-bottom: 390px;
    color: var(--color-text-main);
    font-weight: 500;
    text-align: center;
}
.goods_image3_wrapper {
    position: relative;
    margin: auto;
    width: max-content;
}
.goods_image3 {
    position: relative;
    margin: 10px auto 0;
    left: -200px;
    z-index: 1;
}
.goods_bubble1_cont {
    position: absolute;
    top: -10px;
    left: calc(50% + 150px);
    transform: translateX(-50%);
    width: 426px;
}
.goods_bubble1_wrapper img {
    display: inline;
    width: auto;
    vertical-align: middle;
    padding-bottom: 8px;
    margin: 0 -3px;
}
.goods_bubble1_text {
    padding: 10px 0 0 25px;
}
.goods_text1 {
    margin: 110px auto 0;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.05rem;
}
.goods_list_cont {
    margin: 90px auto 0;
    width: 1000px;
}
.goods_list_wrapper {
    height: 540px;
    display: grid;
    grid-template-columns: 301px 49px 301px 48px 301px;
    grid-template-rows: 180px 50px 1fr;
}
.goods_list_wrapper.last {
    height: auto;
}
.goods_list_wrapper + .goods_list_wrapper {
    margin-top: -170px;
}
.goods_item {
    width: 300px;
    height: 300px;
    position: relative;
}
.goods_item:nth-of-type(2),
.goods_list_wrapper.last .goods_item:nth-of-type(1) {
    grid-area: 1/3/3/4;
}
.goods_item:nth-of-type(1),
.goods_list_wrapper.last .goods_item:nth-of-type(2) {
    grid-area: 3/1/4/2;
}
.goods_item:nth-of-type(3) {
    grid-area: 2/5/4/6;
}
.goods_item_container {
    /* position: absolute; */
    top: 0;
    left: 0;
}
.goods_item_image {
    position: absolute;
    top: calc(50% - 15px);
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 190px;
    max-height: 190px;
}
.goods_item_like {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.goods_item_like a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.goods_item_like .text {
    margin-left: 3px;
    margin-right: 5px;
}

article.goods_shop_cont {
    background: #D6F1FF url(../img/bg_goods_shop.png) left calc(50% + 230px) top 30px/auto repeat;
    padding-bottom: 266px;
}
section.goods_shop_top {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-text-main);
    text-align: center;
}
.goods_shop_top_wrapper {
    position: relative;
    width: 1000px;
    height: 472px;
    padding-top: 200px;
    box-sizing: border-box;
}
.goods_shop_top_wrapper h2 {
    position: relative;
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
}
.goods_shop_box {
    margin-top: -160px;
    padding-bottom: 20px;
    border-radius: 120px 120px 0 0;
}
.goods_shop_image1 {
    margin-top: 45px;
    margin-left: -22px;
    width: 1022px;
    max-width: unset;
}
.goods_bubble2_cont {
    position: absolute;
    top: 200px;
    left: calc(50% + 330px);
    transform: translateX(-50%);
    width: 234px;
}
.goods_bubble2_wrapper img {
    width: 100%;
}
section.goods_shop {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -1px;
    padding-bottom: 200px;
    text-align: center;
    color: var(--color-text-main);
}
.goods_shop_box_middle {
    margin-top: 0;
    padding-bottom: 100px;
    border-radius: 0 0 120px 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.goods_shop_banner_cont {
    width: 862px;
    margin-top: 80px;
}
.goods_shop_banner_cont .no_link {
    pointer-events: none;
    cursor: default;
}
.goods_shop_banner_l_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.goods_shop_banner_l_cont > *:not(:first-of-type) {
    margin-top: 35px; 
}
.goods_shop_banner_s_cont {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.goods_shop_banner_s_cont::after {
    display: block;
    content: "";
    width: 259px;
}
.goods_shop_banner_s_cont > * {
    width: 259px;
}
.goods_shop_banner_s_cont > *:nth-of-type(n+4) {
    margin-top: 35px;
}
.goods_shop_hr1 {
    margin: 91px auto 0;
}
.goods_shop_banner_cont h3 {
    margin-top: 55px;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.goods_shop_banner_cont h3:before,
.goods_shop_banner_cont h3:after {
    content: "";
    margin: 0 -10px;
    width: 70px;
    border-top: 3px solid #B28155;
}
.goods_shop_banner_cont h3:before {
    transform: rotate(60deg);
}
.goods_shop_banner_cont h3:after {
    margin-left: 0;
    transform: rotate(-60deg);
}

.remodal.goods_detail {
    width: 95%;
    max-width: 1000px;
    background-color: #BAE3F9;
    color: var(--color-text-main);
    border-radius: 20px;
    padding: 43px 50px 73px 80px;
}
body.goods .remodal-overlay {
    background: #ffffffba;
}
.remodal.goods_detail .remodal_close {
    top: 41px;
    right: 33px;
}
.remodal.goods_detail h3 {
    margin: auto;
    font-size: 35px;
    font-weight: 500;
}
.remodal.goods_detail hr {
    border-top: 1px solid #707070;
    margin: 29px auto;
}
.goods_detail_cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.goods_detail_image_wrapper {
    position: relative;
    background: url(../img/bg_goods_modal_cloud.png) 0 0 no-repeat;
    width: 416px;
    height: 401px;
    flex-shrink: 0;
}
.goods_detail_image_wrapper > div {
    position: absolute;
    background: url(../img/goods_item_container_modal.png) 0 0 no-repeat;
    width: 392px;
    height: 392px;
    flex-shrink: 0;
}
.goods_detail_image_wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 280px;
}
.goods_detail_cont p {
    flex-grow: 1;
    margin-left: 18px;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.05rem;
    text-align: left;
}
/* for ulike */
.wpulike {
    padding: 0;
    position: absolute;
    left: calc(50% - 0.5rem);
    bottom: 10px;
    transform: translateX(-50%);
    width: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wpulike-heart .count-box {
    padding: 0;
    color: var(--color-text-main);
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}
.wpulike-heart .count-box:before {
    content: " ";
}
.wpulike-heart .wp_ulike_general_class {
    box-shadow: unset;
}
.wpulike-heart .wp_ulike_put_image {
    background: 0 0;
    padding: 15px;
    /* padding-right: 13px; */
    padding-right: 22px;
}
.wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active {
    padding-right: 22px;
}
.wpulike-heart .wp_ulike_put_image::after {
    /* background: url(../img/icon_like.png) center/contain;
    filter: none;
    width: 21px;
    height: 21px; */
    background: url(../img/icon_like2.png) center/contain;
    filter: none;
    width: 35px;
    height: 35px;
}
.wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active:after {
    background: url(../img/icon_like2.png) center/contain;
    filter: none;
    width: 35px;
    height: 35px;
}



section.menu.menu_under_goods {
    background:
        #29A5DB url(../img/bg_menu.png) center bottom -50px/auto no-repeat;
    height: calc(1050px - 65px);
    padding-top: 12px;
    margin-top: -240px;
}
@media only screen and (min-width: 1920px) {
    section.goods {
        background: 
            url(../img/bg_goods_cloud.png) center 460px/auto no-repeat,
            url(../img/bg_goods.png) center 0/100% 6363px no-repeat;
    }
    section.museum {
        background: #D6F1FF url(../img/bg_file1.png) center -25px/100% 186px repeat-y;
    }
    section.menu.menu_under_goods {
        background:
            #29A5DB url(../img/bg_menu.png) center bottom 100px/auto no-repeat;
    }
}
@media only screen and (max-width: 768px) {
    section.goods_top {
        background:
            url(../img/bg_museum_top_sp.png) left calc(100vw / 375 * 194 / -13) top 0/calc(100vw / 375 * 791 / 2) no-repeat,
            url(../img/bg_goods_top_bottom_sp.png) left calc(100vw / 375 * -7) bottom calc(100vw / 375 * 50)/calc(100vw / 375 * 351 / 2) calc(100vw / 375 * 236 / 2) no-repeat,
            #54C3F1;
        padding-bottom: calc(100vw / 375 * 162);
    }
    section.goods_top h2 {
        letter-spacing: -0.05rem;
    }
    section.goods_top p {
        letter-spacing: -0.08rem;
    }
    .goods_top_image1 {
        top: calc(100vw / 375 * 191);
        left: calc(50% - (100vw / 375 * 0));
        width: calc(100vw / 375 * 233);
    }
    .goods_top_image2 {
        top: calc(100vw / 375 * 538);
        left: calc(50% + (100vw / 375 * 98));
        width: calc(100vw / 375 * 125);
    }
    body.goods .bg_bridge_museum1  {
        display: block !important;
    }
    section.goods {
        background: 
            url(../img/bg_goods_cloud_sp.png) right calc(100vw / 375 * 18) top calc(100vw / 375 * 30)/calc(100vw / 375 * 88) no-repeat,
            url(../img/bg_goods_sp.png) center calc(100vw / 375 * -15)/100% repeat-y;
        position: relative;
        margin-top: -1px;
        padding-top: calc(100vw / 375 * 100);
        padding-bottom: calc(100vw / 375 * 40);
    }
    .goods_image3_wrapper {
        width: 100%;
    }
    .goods_image3 {
        margin: 0 calc(100vw / 375 * 20) 0 auto;
        top: unset;
        left: unset;
        width: calc(100vw / 375 * 170);
    }
    .goods_bubble1_cont {
        top: calc(100vw / 375 * -95);
        left: calc(100vw / 375 * 33);
        transform: unset;
        width: calc(100vw / 375 * 203);
    }
    .goods_bubble1_wrapper img {
        width: calc(100vw / 375 * 203);
    }
    .goods_bubble1_text {
        box-sizing: border-box;
        padding: calc(100vw / 375 * 0) calc(100vw / 375 * 25) 0 0;
        font-size: calc(100vw / 375 * 12);
        line-height: calc(100vw / 375 * 20);
        letter-spacing: -0.04rem;
    }
    .goods_bubble1_text img {
        width: calc(100vw / 375 * 23);
        margin-bottom: calc(100vw / 375 * -5);
        padding-right: calc(100vw / 375 * 3);
        vertical-align: middle;
    }
    .goods_text1 {
        margin: calc(100vw / 375 * 15) calc(100vw / 375 * 45) calc(100vw / 375 * 40);
        font-size: calc(100vw / 375 * 11);
        line-height: calc(100vw / 375 * 20);
        text-align: left;
    }
    .goods_list_cont {
        background: 
            url(../img/bg_goods_cloud_sp.png) left calc(100vw / 375 * 30) bottom calc(100vw / 375 * 30)/calc(100vw / 375 * 107) no-repeat;
        margin: calc(100vw / 375 * -40) auto 0;
        width: calc(100vw / 375 * 338);
    }
    .goods_list_wrapper {
        height: calc(100vw / 375 * 354);
        display: grid;
        grid-template-columns: calc(100vw / 375 * 164) calc(100vw / 375 * 10) calc(100vw / 375 * 164);
        grid-template-rows: calc(100vw / 375 * 95) calc(100vw / 375 * 59) calc(100vw / 375 * 35) 1fr;
    }
    .goods_list_wrapper.last {
        height: auto;
    }
    .goods_list_wrapper + .goods_list_wrapper {
        margin-top: calc(100vw / 375 * -70);
    }
    .goods_item {
        width: calc(100vw / 375 * 164);
        height: calc(100vw / 375 * 164);
    }
    .goods_item:nth-of-type(2),
    .goods_list_wrapper.last .goods_item:nth-of-type(1) {
        grid-area: 2/3/5/4;
    }
    .goods_item:nth-of-type(1),
    .goods_list_wrapper.last .goods_item:nth-of-type(2) {
        grid-area: 1/1/5/2;
    }
    .goods_item:nth-of-type(3) {
        grid-area: 4/1/5/2;
    }
    .goods_list_wrapper:nth-last-of-type(2n+1) .goods_item:nth-of-type(1),
    .goods_list_wrapper:nth-last-of-type(2n+1).last .goods_item:nth-of-type(2) {
        grid-area: 2/1/5/2;
    }
    .goods_list_wrapper:nth-last-of-type(2n+1) .goods_item:nth-of-type(2),
    .goods_list_wrapper:nth-last-of-type(2n+1).last .goods_item:nth-of-type(1) {
        grid-area: 1/3/5/4;
    }
    .goods_list_wrapper:nth-last-of-type(2n+1) .goods_item:nth-of-type(3) {
        grid-area: 4/3/5/4;
    }
    .goods_item_container {
        width: calc(100vw / 375 * 164);
    }
    .goods_item_image {
        position: absolute;
        top: calc(50% - calc(100vw / 375 * 10));
        left: 50%;
        transform: translate(-50%, -50%);
        /* temp */
        max-width: calc(100vw / 375 * 100);
        max-height: calc(100vw / 375 * 100);
    }
    .goods_item_like {
        margin: auto;
        bottom: calc(100vw / 375 * 11);
        width: 100%;
        font-size: calc(100vw / 375 * 13);
    }
    .goods_item_like a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .goods_item_like img {
        max-width: calc(100vw / 375 * 13);
    }
    .goods_item_like .text {
        margin-left: calc(100vw / 375 * 3);
        margin-right: calc(100vw / 375 * 5);
    }

    article.goods_shop_cont {
        padding-bottom: 0;
    }
    section.goods_shop_top {
        background: #D6F1FF url(../img/bg_goods_shop1_sp.png) left calc(100vw / 375 * 17) top 0/calc(100vw / 375 * 667 / 2) no-repeat;
        padding-top: calc(100vw / 375 * 25);
    }
    .goods_shop_top_wrapper {
        position: relative;
        height: calc(100vw / 375 * 158);
        padding-top: calc(100vw / 375 * 50);
        z-index: 1;
    }
    .goods_shop_top_wrapper h2 {
        font-size: calc(100vw / 375 * 29);
        line-height: calc(100vw / 375 * 38);
    }
    .goods_shop_box {
        position: relative;
        width: calc(100vw / 375 * 335);
        border-radius: calc(100vw / 375 * 30) calc(100vw / 375 * 30) 0 0;
        margin-top: calc(100vw / 375 * -50);
        padding-top: calc(100vw / 375 * 95);
        padding-bottom: calc(100vw / 375 * 10);
    }
    .goods_shop_image1 {
        position: relative;
        margin-top: calc(100vw / 375 * -45);
        margin-left: calc(100vw / 375 * -9);
        width: calc(100vw / 375 * 352);
        z-index: 1;
    }
    .goods_bubble2_cont {
        position: absolute;
        top: calc(100vw / 375 * 130);
        left: calc(50% + (100vw / 375 * 128));
        transform: translateX(-50%);
        width: calc(100vw / 375 * 114);
        z-index: 1;
    }
    .goods_bubble2_wrapper img {
        width: calc(100vw / 375 * 114);
    }
    section.goods_shop {
        background: #D6F1FF url(../img/bg_goods_shop2_sp.png) left calc(100vw / 375 * 38) bottom calc(100vw / 375 * 38)/calc(100vw / 375 * 604 / 2) no-repeat;
        margin-top: -1px;
        padding-bottom: calc(100vw / 375 * 130);
    }
    .goods_shop_box_middle {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: calc(100vw / 375 * 45);
        border-radius: 0 0 calc(100vw / 375 * 30) calc(100vw / 375 * 30);
    }
    .goods_shop_banner_cont {
        width: calc(100vw / 375 * 292);
        margin-top: calc(100vw / 375 * 50);
    }
    .goods_shop_banner_l_cont {
    }
    .goods_shop_banner_l_cont > *:not(:first-of-type) {
        margin-top: calc(100vw / 375 * 12);
    }
    .goods_shop_banner_l_cont img {
        width: 100%;
    }
    .goods_shop_banner_s_cont {
        margin-top: calc(100vw / 375 * 35);
    }
    .goods_shop_banner_s_cont > * {
        width: calc(100vw / 375 * 139);
    }
    .goods_shop_banner_s_cont > * img {
        width: 100%;
    }
    .goods_shop_banner_s_cont > *:nth-of-type(n+4) {
        margin-top: inherit;
    }
    .goods_shop_banner_s_cont > *:nth-of-type(n+3) {
        margin-top: calc(100vw / 375 * 19);
    }
    .goods_shop_hr1 {
        width: calc(100vw / 375 * 290);
        margin: calc(100vw / 375 * 50) auto 0;
    }
    .goods_shop_banner_cont h3 {
        margin: calc(100vw / 375 * 40) calc(100vw / 375 * -10);
        font-size: calc(100vw / 375 * 16);
        line-height: calc(100vw / 375 * 30);
        letter-spacing: -0.05rem;
    }
    .goods_shop_banner_cont h3:before,
    .goods_shop_banner_cont h3:after {
        content: "";
        width: calc(100vw / 375 * 40);
        border-top: calc(100vw / 375 * 1.5) solid #B28155;
    }
    .goods_shop_banner_cont h3:before {
        margin-right: calc(100vw / 375 * -8);
        transform: rotate(70deg);
    }
    .goods_shop_banner_cont h3:after {
        margin-left: calc(100vw / 375 * -5);
        transform: rotate(-70deg);
    }

    .remodal.goods_detail {
        width: calc(100vw / 375 * 337);
        max-width: unset;
        border-radius: calc(100vw / 375 * 20);
        padding: calc(100vw / 375 * 31) calc(100vw / 375 * 20);
    }
    .remodal.goods_detail .remodal_close {
        top: calc(100vw / 375 * 16);
        right: calc(100vw / 375 * 16);
    }
    .remodal.goods_detail h3 {
        margin: auto;
        font-size: calc(100vw / 375 * 20);
        line-height: calc(100vw / 375 * 30);
    }
    .remodal.goods_detail hr {
        border-top: 1px solid #707070;
        margin: calc(100vw / 375 * 15) auto calc(100vw / 375 * 31);
        width: calc(100vw / 375 * 291);
    }
    .goods_detail_cont {
        flex-direction: column;
        justify-content: center;
        width: calc(100vw / 375 * 291);
    }
    .goods_detail_image_wrapper {
        background: url(../img/bg_goods_modal_cloud.png) 0 0/calc(100vw / 375 * 290) no-repeat;
        width: calc(100vw / 375 * 290);
        height: calc(100vw / 375 * 290);
    }
    .goods_detail_image_wrapper > div {
        position: absolute;
        background: url(../img/goods_item_container_modal.png) 0 0/calc(100vw / 375 * 290) no-repeat;
        width: calc(100vw / 375 * 290);
        height: calc(100vw / 375 * 290);
    }
    .goods_detail_image_wrapper img {
        max-width: calc(100vw / 375 * 200);
        max-height: calc(100vw / 375 * 200);
    }
    .goods_detail_cont p {
        margin: calc(100vw / 375 * 31) 0 0;
        font-size: calc(100vw / 375 * 14);
        line-height: calc(100vw / 375 * 25);
        letter-spacing: -0.06rem;
    }

    .bg_bridge_menu_u.menu_under_goods {
        background: url(../img/bg_bridge_menu_u_sp.png) top 0 center/100% no-repeat;
    }
}
/* for ulike */
@media only screen and (max-width: 768px) {
    .wpulike {
        bottom: calc(100vw / 375 * 2);
    }
    .wpulike-heart .count-box {
        bottom: unset;
        font-size: calc(100vw / 375 * 13);
    }
    .wpulike-heart .wp_ulike_put_image {
        padding: calc(100vw / 375 * 10);
        padding-right: calc(100vw / 375 * 10);
    }
    .wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active {
        padding-right: calc(100vw / 375 * 14);
    }
    .wpulike-heart .wp_ulike_put_image::after {
        width: calc(100vw / 375 * 17);
        height: calc(100vw / 375 * 17);
    }
    .wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active:after {
        width: calc(100vw / 375 * 20);
        height: calc(100vw / 375 * 20);
    }
}



/* main2 common */
@media only screen and (max-width: 768px) {
    section.menu.v3,
    section.menu.menu_under_announce,
    section.menu.menu_under_museum,
    section.menu.menu_under_goods {
        background: #29A5DB;
        height: calc(100vw / 375 * 500);
        padding-top: calc(100vw / 375 * 20);
    }
}

.footer.v3 {
    margin-top: -195px;
}
@media only screen and (max-width: 768px) {
    .footer.v3 {
        margin-top: calc(100vw / 375 * -45);
    }
}



@keyframes horizontal1 {
    0% { transform:translateX( -2px); }
  100% { transform:translateX(  2px); }
}

@keyframes horizontal2 {
    0% { transform:translateX(  2px); }
  100% { transform:translateX( -2px); }
}

@keyframes vertical1 {
    0% { transform:translateY(-6px); }
  100% { transform:translateY( 1px); }
}
@keyframes vertical2 {
    0% { transform:translateY(-7px); }
  100% { transform:translateY( 0px); }
}