@charset "utf-8";

/* ==========================================================

    タイトル

========================================================== */
.ttl_bd-img {
    text-align: center;
    padding-bottom: 30px;
    background: url(../img/wapuu/ttl_bg_h2.png) no-repeat center bottom;
    font-size: 34px;
    font-weight: bold;
}

.ttl_bd-img .-_slantset { position: relative;}

.ttl_bd-img .-_slantset span {
    position: absolute; top: -1em; left: -2em;
    rotate: -15deg;
    font-size: 24px;
}


/* SP */
@media screen and (width < 576px) {
    .ttl_bd-img {
        font-size: 28px;
        padding-bottom: 26px;
    }

    .ttl_bd-img .-_slantset span {
        font-size: 18px;
        left: -1em; top: -1.3em;
    }
}







/* ==========================================================

    ボタン

========================================================== */
/* 配置（中身は1つ）
===========================================================*/
.btn-ly_left   { display: flex; justify-content: flex-start;}
.btn-ly_center { display: flex; justify-content: center;}
.btn-ly_right  { display: flex; justify-content: flex-end}



/* ボタン本体
===========================================================*/
a[class^="btn"] { text-decoration: none;}

.btn-rounde_stitch {
    border-radius: calc(1px / 0);
    background: #FC4D50;
    position: relative;
    color: #fff;
    width: 328px; height: 64px;
    display: flex;
    justify-content: center; align-items: center;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
}

.btn-rounde_stitch::before {
    content: '';
    display: block;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border: 2px dashed #fff;
    position: absolute; top: 5px; left: 5px;
    border-radius: calc(1px / 0);
}

/* SP */
@media screen and (width < 576px) {
    .btn-rounde_stitch {
        width: 70vw;
        height: 14vw;
        font-size: 20px;
    }
}










/* ==========================================================

    .bg_○○○

========================================================== */
.bg_separator {
    background: #fff;
    border-top: 3px solid #eaf0dd;
    border-bottom: 3px solid #eaf0dd;
    position: relative;
}

.bg_separator::before,
.bg_separator::after {
    content: '';
    width: 100%; height: 1px;
    background: #bcbfaa;
    position: absolute; left: 0;
}

.bg_separator::before { top: 0;}
.bg_separator::after  { bottom: 0;}












/* ==========================================================

    Google adsence

========================================================== */
[class^="ad-part"],
[class*="ad-part"] {
    border: 1px solid #3F4422;
    position: relative;
}

[class^="ad-part"]::after,
[class^="ad-part"]::before {
    content: '';
    display: block;
    border: 1px solid #3F4422;
    position: absolute;
}


/* header
===========================================================*/
@media screen and (min-width: 1420px) {
    .ad-part_header_tb { display: none;}

    .ad-part_header_pc {
        height: calc(100vh - 80px - 152px - 233px - 200px);
        padding-left: 6px;
    }

    .ad-part_header_pc::before {
        top: -8px; left: 5px;
        width: calc(100% - 10px);
        height: calc(100% + 16px);
    }

    .ad-part_header_pc::after {
        top: -4px; left: 2px;
        width: calc(100% - 4px);
        height: calc(100% + 8px);
    }
}

@media screen and (max-width: 1420px) {
    .ad-part_header_pc { display: none;}
}


/* 記事内
===========================================================*/
.ad-part_contents {
    margin-block: 6em;
    padding-top: 4px; padding-bottom: 4px;
    position: relative;
}

.ad-part_contents::before {
    content: 'こうこく';
    position: absolute; top: 6px; left: calc(50% - 2em);
    font-family: "Yomogi", cursive;
}

.ad-part_contents .wp-block-group__inner-container {
    padding: 3em 6px 1px;
    border: 1px solid #3F4422;
    width: calc(100% + 12px);
    position: relative; left: -6px;
}


/* ページ下部
===========================================================*/
.ad-part_lower {
    position: relative;
    margin: 6em auto 8em;
    max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px)* 2);
    width: 92%;
    padding-block: 4px;
}

.ad-part_lower::before {
    content: '';
    width: 100px; height: 83px;
    display: block;
    background: url(../img/adsence.png) no-repeat;
    background-size: cover;
    position: absolute; top: -54px; left: calc(50% - 10em); z-index: 10;
}

.ad-part_lower::before,
.ad-part_lower::after { border: none;}

.ad-part_lower > div {
    padding: 3em 6px 1px;
    border: 1px solid #3F4422;
    width: calc(100% + 12px);
    position: relative; left: -6px;
}

.ad-part_lower .__words {
    border-radius: 50%;
    position: absolute; top: 6px; left: calc(50% - 4em);
    font-family: "Yomogi", cursive;
}