
/* #region mv */
.mv {
    background: #ffd3e4 url(/img/pc/campaign/butamen_towel/mv_bg.jpg) repeat 52% 64% / calc(var(--mv-relative) * 180.5) auto;
    position: relative;
    @media(max-width: 1200px){
        --mv-relative: calc(1200 / 1240 * 1px);
    }
    @media(min-width: 1200px) and (max-width: 1440px){
        --mv-relative: calc(100/1240*1vw);
    }    
    @media(min-width: 1440px){
        --mv-relative: calc(1440 / 1240 * 1px);
    }
    & .mv_inner {
        position: relative;
        width: calc(var(--mv-relative) * 1240);
        height:calc(var(--mv-relative) * 630);
        margin-inline: auto;
        overflow: hidden;
        & .mv_copy {
            position: absolute;
            bottom: calc(var(--mv-relative) * 11);
            right: calc(var(--mv-relative) * 9);
            font-size: calc(var(--mv-relative) * 13.3);
            letter-spacing: 0.05em;
            text-shadow:
            -1px -1px 2px #fff,
            -1px 0px 2px #fff,
            -1px 1px 2px #fff,
            0px -1px 2px #fff,
            0px 0px 2px #fff,
            0px 1px 2px #fff,
            1px -1px 2px #fff,
            1px 0px 2px #fff,
            1px 1px 2px #fff,
            -2px -2px 2px #fff,
            -2px 0px 2px #fff,
            -2px 2px 2px #fff,
            0px -2px 2px #fff,
            0px 0px 2px #fff,
            0px 2px 2px #fff,
            2px -2px 2px #fff,
            2px 0px 2px #fff,
            2px 2px 2px #fff,
            -3px -3px 3px #fff,
            -3px 0px 3px #fff,
            -3px 3px 3px #fff,
            0px -3px 3px #fff,
            0px 0px 3px #fff,
            0px 3px 3px #fff,
            3px -3px 3px #fff,
            3px 0px 3px #fff,
            3px 3px 3px #fff;
        }
        & .mv_ttl_wrap {
            display: flex;
            flex-direction: column;
            position: relative;
            margin-top: calc(var(--mv-relative) * 21);
            & .mv_butamen_logo {
                display: block;
                position: relative;
                width: calc(var(--mv-relative) * 356.5);
                height: auto;
                margin-inline: auto;
            }
            & .mv_chara {
                position: absolute;
                top: calc(var(--mv-relative) * 14);
                left: calc(50% - var(--mv-relative) * 393);
                width: calc(var(--mv-relative) * 125.5);
                height: auto;
            }
            & .mv_ttl {
                position: relative;
                width: calc(var(--mv-relative) * 1026.5);
                height: auto;
                margin-top: calc(var(--mv-relative) * -24);
                display: block;
                margin-inline: auto;
            }
        }
        & .mv_items_wrap {
            position: relative;
            text-align: center;
            margin-top: calc(var(--mv-relative) * -60);
            & .mv_items {
                position: relative;
                width: calc(var(--mv-relative) * 838.5);
                height: auto;
                padding-right: calc(var(--mv-relative) * 110);
            }
            & .mv_items_pop {
                position: absolute;
                top: calc(var(--mv-relative) * 91);
                left: calc(50% - var(--mv-relative) * -285);
                width: calc(var(--mv-relative) * 232.5);
                height: auto;
            }
        }
        & .mv_sns_wrap {
            position: absolute;
            display: flex;
            align-items: center;
            gap: calc(var(--mv-relative) * 13);
            left: calc(var(--mv-relative) * 961);
            top: calc(var(--mv-relative) * 45);
            & .mv_share {    
                width: calc(var(--mv-relative) * 97);
                height: auto;
                display: block;
                margin-inline: auto;
            }
            & .mv_sns_list {
                width: 100%;
                display: flex;
                gap: calc(var(--mv-relative) * 10);
                & .mv_sns_icon {
                    width: calc(var(--mv-relative) * 64);
                    height:auto;
                }
            }
        }
    }
}
/* #endregion mv */

/* #region contents */
.campaign-guideline .contents-inner {
    padding-bottom: 37px;
}
.contents {
    padding-bottom: 97px;
    background: #ed86b4 url(../img/pc/campaign/butamen_towel/default/bg_contents_list.jpg) repeat center top / 100% auto;
}

.contents h3 {
    background: #000;
    padding-bottom: 20px;
}
.section-inner {
    padding: 80px 0 0;
    background: transparent;
}
.sub .contents-tit .inner {
	width: 1200px;
	height: 100%;
	margin: 0px auto;
	position: relative;
	z-index: 1;
}
.tit_goods {
    display:block;
    margin-inline: auto;
    padding-bottom: 20px;
}
.goods-tit_txt {
    text-align: right;
    font-size: 14px;
    margin-right: 55px;
    margin-top: -4px;
    padding-bottom: 2px;
}
.contents-inner + .contents-inner {
    margin-top: 76px;
}
.color_red {
    color: #E50012;
}
.weight_bold {
    font-weight: 700;
}
.target_wrap {
    text-align:center;
    margin-top: 22px;
}
.guideline-prize h4 {
    margin-top: 57px;
}
.apply-download {
    margin-top: 20px;
}
.apply-download_txt {
    & > p {
        padding-left: 20px;
    }
    & .apply-download_txt_inbox {
        width: 222px;
        margin-inline: auto;
        margin-top: 14px;
        & > p {
            text-align: left;
            padding-left:1em;
            text-indent: -1em;
            font-size:14px;
            line-height:1.3;
            font-weight: 700;
        }

    }
}
.apply-download img {
    margin-bottom: 18px;
}
.ul_list {
    padding-left:10px;
    & > li {
        padding-left: 1em;
        text-indent: -1em;
        & .initial {
            display: inline-flex;
            justify-content: center;
            text-indent: 0;
            width:1em;
        }
    }
} 



.guideline-prize dt span.weight_normal {
    font-weight: 400;
    color: inherit;
}
.guideline-apply dd span {
    line-height: 1.35;
    font-feature-settings: "palt";
}
.guideline-apply dd span.weight_normal {
    font-size: 1em;
    font-weight: 400;
}
.guideline-apply dd span.red {
    font-size: 1em;
    color:#E50012;
}
.apply-info .red {
    color:#E50012;
    font-weight:700;
}

.guideline-target .color_red {
    padding-left: 1em;
    text-indent: -1em; 
    display: inline-block;
}
.qa_mark {
    display:block;
    margin: 0.2em 1em;
}
.campaign-guideline {
    font-feature-settings: "palt";
    letter-spacing: 0.8px;
}
.apply-info-cap {
    display: inline-block;
    text-indent:-1em;
    padding-left:1em;
}
.guideline-caution li dd {
    text-indent: -1em;
    padding-left: 1em;
}
/* #endregion contents */
