@charset "UTF-8";

#r_card+div .heading.block_header_4 .h,
#font_ch + .widget_shop01 .content_wrapper .wrapper_item .inner_item_txt h3.h{
 font-family: "Zen Kaku Gothic New", serif;
}
#mv .mv_textimg {
    width: 100%;
    left: 2%;
    top: auto;
    bottom: 5%;
    height: 50%;
}
#mv .mv_textimg img {
    max-width: 340px;
}
@media screen and (max-width: 768px) {
    #mv .mv_textimg img {
        max-width: 280px;
    }
}
@media screen and (max-width: 480px) {
    #mv .mv_textimg img {
        max-width: 150px;
    }
}
/*背景アイコン*/
a#top_blog+div:before {
    content: "";
    top: 5%;
    left: 5%;
    width: 90px;
    height: 140px;
    position: absolute;
    background: url(/common/upload_data/cafe-romancom/image/20260730130426.png) no-repeat;
    background-size: contain;
}
a#para1+section:before {
    content: "";
    top: 0;
    right: 5%;
    width: 150px;
    height: 85px;
    position: absolute;
    background: url(/common/upload_data/cafe-romancom/image/20260730124302_5.png) no-repeat;
    background-size: contain;
    z-index: 7;
}
a#mask1+section {
    overflow: visible;
}
a#mask1+section:after {
    content: "";
    top: -10%;
    left: 5%;
    width: 110px;
    height: 100px;
    position: absolute;
    background: url(/common/upload_data/cafe-romancom/image/20260730124301_5.png) no-repeat;
    background-size: contain;
}
.widget_gallery01 {
    overflow: visible;
}
.widget_gallery01:before {
    content: "";
    top: -3%;
    right: 10%;
    width: 150px;
    height: 150px;
    position: absolute;
    background: url(/common/upload_data/cafe-romancom/image/20260730124302_2.png) no-repeat;
    background-size: contain;
}
a#para2+section:before {
    content: "";
    top: 0%;
    left: 5%;
    width: 130px;
    height: 160px;
    position: absolute;
    background: url(/common/upload_data/cafe-romancom/image/20260730124302_1.png) no-repeat;
    background-size: contain;
    z-index: 8;
}
a#blog_type02+div:after {
    content: "";
    bottom: 0%;
    right: 5%;
    width: 150px;
    height: 85px;
    position: absolute;
    background: url(/common/upload_data/cafe-romancom/image/20260730124302_5.png) no-repeat;
    background-size: contain;
}
a#blog_type02+div:after {
    content: "";
    top: 7%;
    right: 5%;
    width: 190px;
    height: 90px;
    position: absolute;
    background: url(/common/upload_data/cafe-romancom/image/20260730124303.png) no-repeat;
    background-size: contain;
}
a#font_ch+div {
    overflow: visible;
}
a#font_ch+div:before {
    content: "";
    top: -10%;
    left: 5%;
    width: 150px;
    height: 160px;
    position: absolute;
    background: url(/common/upload_data/cafe-romancom/image/20260730124302_4.png) no-repeat;
    background-size: contain;
}
@media screen and (max-width: 900px) {
    a#mask1+section:after {
        top: -5%;
    }
}
@media screen and (max-width: 600px) {
    a#top_blog+div:before {
        top: 2%;
    }
    .widget_gallery01:before {
        top: -8%;
        right: 5%;
        width: 100px;
        height: 100px;
    }
    a#para2+section:before {
        left: 2%;
        width: 80px;
        height: 100px;
    }
    a#blog_type02+div:after {
        top: 2%;
        width: 120px;
        height: 55px;
    }
    a#font_ch+div:before {
        top: -5%;
        width: 100px;
        height: 110px;
    }
}
@media screen and (max-width: 480px) {
    a#top_blog+div:before {
        width: 75px;
        height: 110px;
    }
}


































.contents_btn01.block_button_1 > .content_wrapper > a {
    position: relative;
    display: inline-block;
    padding: 0;
    margin-bottom: 12px;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    transition: all .3s;
}

/* Dotted bottom */
.contents_btn01.block_button_1 > .content_wrapper > a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 14px;

    box-sizing: border-box;

    border: 2px solid #6B1502;
    border-top: 1px solid #6B1502;
    border-radius: 0 0 .5rem .5rem;

    background-color: #F5D8B5;
    background-image:
        radial-gradient(#6B1502 15%, transparent 20%),
        radial-gradient(#6B1502 15%, transparent 20%);
    background-position: 0 0, 3px 3px;
    background-size: 6px 6px;
    background-repeat: repeat;

    z-index: 0;
}

/* Button */
.contents_btn01.block_button_1 > .content_wrapper > a > span {
    position: relative;
    display: block;
    box-sizing: border-box;

    padding: 1.25rem 3rem;

    color: #6B1502;
    background: #F5D8B5;

    border: 2px solid #6B1502;
    border-radius: .5rem;

    z-index: 1;
}

/* Hover */
.contents_btn01.block_button_1 > .content_wrapper > a:hover {
    transform: translateY(3px);
}

.contents_btn01.block_button_1 > .content_wrapper > a:hover::before {
    bottom: -5px;
}