@charset "UTF-8";

/* ボタン */
.woodconespecial_orderbtn,
.woodconespecial_linkbtn {
    margin-top: 20px;

    text-align: center;
}

#price_box .woodconespecial_orderbtn{ margin-bottom: 70px;}

.woodconespecial_orderbtn a:hover,
.woodconespecial_linkbtn a:hover {
    filter: initial;
    opacity: 0.8;
    transition: all 0.3s;
}

.woodconespecial_orderbtn img,
.woodconespecial_linkbtn img {
    display: block;
    margin: auto;
    max-width: 100%;
    width: auto;
    filter: drop-shadow(0.5rem 0.5rem 0.75rem #000);
}



.woodconespecial_linkbtn {}

.woodconespecial_linkbtn:hover {}

/* メインビジュアル */
#woodconespecial_mv {
    background: url(../images/block09_bg.jpg);
    background-repeat: repeat;
    padding: 16px 0 90px;
}

.woodconespecial_mv_pc {
    max-width: 920px;
    margin: auto;
}

.woodconespecial_mv1 img {
    box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.4);
}

.woodconespecial_mv2 {
    margin-top: 16px;
}

.woodconespecial_mv_box01 {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.woodconespecial_mv_box01 li:first-child {
    flex: 0 0 550px;
}

.woodconespecial_mv_box01 li:last-child {
    flex: 0 0 340px;
}

.woodconespecial_mv_item {
    border-radius: 14px;
    padding: 3px;
    background: rgb(185, 138, 1);
    background: linear-gradient(90deg, rgba(185, 138, 1, 1) 0%, rgba(255, 255, 202, 1) 7%, rgba(255, 255, 202, 1) 15%, rgba(235, 205, 118, 1) 24%, rgba(161, 111, 20, 1) 31%, rgba(161, 111, 20, 1) 38%, rgba(165, 91, 26, 1) 47%, rgba(227, 185, 88, 1) 58%, rgba(255, 255, 204, 1) 66%, rgba(228, 188, 93, 1) 75%, rgba(186, 144, 59, 1) 81%, rgba(186, 144, 59, 1) 86%, rgba(196, 152, 46, 1) 93%, rgba(127, 71, 10, 1) 100%);
    box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.4);
}

.woodconespecial_mv_item_inner {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 84px;
    text-align: center;
    padding: 10px;
    background: #6d0100;
}

.woodconespecial_mv_img {
    margin: 0 auto 12px;
}
.woodconespecial_mv_img img {
    max-height: 300px;
}

.woodconespecial_mv_item_inner p {
    font-size: 1.3em;
    font-weight: 900;
    line-height: 1.4;
}

.woodconespecial_mv_item_inner p>span:first-child {
    display: block;
    color: #fff;
}

.woodconespecial_mv_item_inner p>span:last-child {
    display: block;
    color: #FDFF00;
}

@media screen and (max-width: 767px) {
    #woodconespecial_mv {
        padding: 10px 0 20px;
    }

    .woodconespecial_mv_pc {
        width: 94%;
        margin: auto;
    }

    .woodconespecial_mv2 {
        margin-top: 10px;
    }

    .woodconespecial_mv_box01 {
        display: block;
    }

    .woodconespecial_mv_box01 li {
        display: flex;
        flex-direction: column-reverse;
    }

    .woodconespecial_mv_box01 li {
        margin-top: 20px;
    }

    .woodconespecial_mv_img {
        max-width: 90vw;
        margin: 20px auto 0;
    }
    .woodconespecial_mv_img img {
        max-height: initial;
    }
    
    .woodconespecial_mv_item_inner p {font-size: 4.5vw;}
}

/* レイアウト01 */
.woodconespecial_layout01 {
    background: rgb(224, 179, 179);
    background: linear-gradient(180deg, rgba(224, 179, 179, 1) 0%, rgba(224, 179, 179, 1) 55%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0) 100%);
}

.woodconespecial_layout01 .inner {
    width: 920px;
    margin: auto;
    padding-top: 40px;
}

.woodconespecial_layout01 h2,
.woodconespecial_layout01 h2::before,
.woodconespecial_layout01 h2::after {
    background: rgb(188, 150, 1);
    background: linear-gradient(90deg, rgba(188, 150, 1, 1) 0%, rgba(249, 247, 183, 1) 19%, rgba(211, 181, 84, 1) 30%, rgba(211, 181, 84, 1) 49%, rgba(211, 181, 84, 1) 70%, rgba(249, 247, 183, 1) 78%, rgba(188, 150, 1, 1) 100%);
}

.woodconespecial_layout01 h2 {
    position: relative;
    padding: 0.5em 10px 0.5em;
    color: #dc0100;
    text-align: center;
    font-size: 2.5em;
    line-height: 1.3em;
    font-weight: 900;
    text-shadow: 1px 0 1px #fff, -1px 0 1px #fff, 0 1px 1px #fff, 0 -1px 1px #fff, 0px 0px 0.3em #fff, 0px 0px 0.3em #fff, 0px 0px 0.3em #fff, 0px 0px 0.3em #fff, 0px 0px 0.3em #fff, 0px 0px 0.3em #fff, 0px 0px 0.3em #fff;

}

#woodconespecial_block02 .woodconespecial_layout01 h2{font-size: 2.5em;}

.woodconespecial_layout01 h2::after,
.woodconespecial_layout01 h2::before {
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 6px;
}

.woodconespecial_layout01 h2::before {
    top: -14px;
}

.woodconespecial_layout01 h2::after {
    bottom: -14px;
}

.woodconespecial_layout01 img {
    vertical-align: bottom;
}

.woodconespecial_layout01 .txt-red {
    color: #BE2227;
}

.woodconespecial_layout01 .txt-blue {
    color: #110B9D;
}

.woodconespecial_layout01 .mt0 {
    margin-top: 0 !important;
}

.woodconespecial_layout01 .text-cap {
    font-size: 15px !important;
}

.woodconespecial_layout01 .f_mincho {
    font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

@media screen and (max-width: 767px) {
#woodconespecial_block02 .woodconespecial_layout01 h2{font-size: 7vw;}
    .woodconespecial_layout01 {}

    .woodconespecial_layout01 .inner {
        width: 95%;
        padding-top: 10px;
    }

    .woodconespecial_layout01 h2 {
        font-size: 6vw;
        margin-bottom: 20px;
    }

    .woodconespecial_layout01 h2::after,
    .woodconespecial_layout01 h2::before {
        height: 3px;
    }

    .woodconespecial_layout01 h2::before {
        top: -7px;
    }

    .woodconespecial_layout01 h2::after {
        bottom: -7px;
    }
.woodconespecial_layout01 .woodconespecial_orderbtn img{width: 95%;}
#price_box .woodconespecial_orderbtn img{/*width: 95%;*/ margin-left: -1%;}

#price_box .woodconespecial_orderbtn{width: 95%; margin: 0px auto 70px;}
}

/* セット内容の紹介 */
.woodconespecial_introduction {
    margin-top: 40px;
    margin-bottom: 40px;
}

.woodconespecial_introduction h3 {
    /*font-size: 3em;*/
    font-size: 1.8em;
    line-height: 1.2em;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: flex-start;
    background: rgb(188, 150, 1);
    background: linear-gradient(90deg, rgba(188, 150, 1, 1) 0%, rgba(249, 247, 183, 1) 19%, rgba(211, 181, 84, 1) 30%, rgba(211, 181, 84, 1) 49%, rgba(211, 181, 84, 1) 70%, rgba(249, 247, 183, 1) 78%, rgba(188, 150, 1, 1) 100%);
}

.woodconespecial_introduction .intro_box {
    background: #ffe9ed;
    padding: 20px;
}

.woodconespecial_introduction h3 .intro_num {
    width: 1.3em;
    height: 1.5em;
    line-height: 1.5;
    flex: 0 0 auto;
    text-align: center;
    background: #1D2086;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}

.woodconespecial_introduction h3 .intro_name {
    display: block;
    font-weight: 900;
    text-shadow:
        0.05em 0.05em 0.05em #fff,
        -0.05em -0.05em 0.05em #fff,
        -0.05em 0.05em 0.05em #fff,
        0.05em -0.05em 0.05em #fff;
}

.woodconespecial_introduction h3 .intro_subname {
    display: block;
    color: #9b004b !important;
    /*font-size: 2.8em;*/
    font-size: 80%;
    text-align: center;
    text-shadow:
        0.05em 0.05em 0.05em #fff,
        -0.05em -0.05em 0.05em #fff,
        -0.05em 0.05em 0.05em #fff,
        0.05em -0.05em 0.05em #fff;
}

.woodconespecial_introduction .blk09_inbox {
    width: 100%;
    background: none;
    margin-top: 20px;
    margin-bottom: 0;
}

.woodconespecial_introduction .blk09_inbox dl {
    width: 100%;
}

.woodconespecial_introduction .blk09_inbox dl img {
    display: block;
    max-width: 680px;
    margin: auto;
    margin-top: 20px;
}

.woodconespecial_introduction .blk09_inbox dt {
    text-align: center;
}

.woodconespecial_introduction .blk09_container {
    width: 100%;
    margin: auto;
}

.woodconespecial_introduction .blk09_container {
    /*grid-template-columns: 1fr 0.5fr 1.5fr;
    grid-template-rows: 1fr 0.5fr 1.6fr;*/

/*    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: 1fr ;*/
}

.woodconespecial_introduction .blk09_b02 {
    grid-area: b02;
    width: 208px;
    margin-right: 50px;
    margin-left: 50px;
}

.woodconespecial_introduction .blk09_b03 {
    grid-area: b03;
    width: 356px;
}

.woodconespecial_introduction .blk09_b04 {
    grid-area: b04;
    width: 505px;
}

@media screen and (max-width: 767px) {
    .woodconespecial_introduction h3 {
        font-size: 5vw;
        padding: 10px;
    }

    .woodconespecial_introduction h3 .intro_subname {
        display: block;
        font-size: 4.5vw;
        text-align: left;
    }

    .woodconespecial_introduction .blk09_container {
        margin-top: 0;
    }

    .woodconespecial_introduction .blk09_container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .woodconespecial_introduction .blk09_b01 {
        width: 100%;
    }

    .woodconespecial_introduction .blk09_b02 {
        width: 40%;
        margin-left: 0;
        margin-right: 0;
    }

    .woodconespecial_introduction .blk09_b03 {
        width: 50%;
    }

    .woodconespecial_introduction .blk09_b04 {
        width: 100%;
    }
}

.woodconespecial_introduction .hdpn_title{/*font-size: 2.5em; */ font-size: 1.2em; line-height: 1.4em; font-weight: bold; color: #dc0100; margin-bottom: 20px;}
@media screen and (max-width: 767px) {
.woodconespecial_introduction .hdpn_title{font-size: 5vw; margin-bottom: 10px;}
}

/* セットレイアウト */
.woodconespecial_set ul.blk09_box04 {
    background: rgb(246, 225, 144);
    background: linear-gradient(90deg, rgba(246, 225, 144, 1) 0%, rgba(255, 255, 255, 1) 21%, rgba(255, 255, 255, 1) 60%, rgba(246, 225, 144, 1) 100%);
    border-radius: 15px;
    border: 3px solid #BB782E;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.4);
}

.woodconespecial_set ul.blk09_box04 h3 {
    width: 95%;
    margin: 0 auto 0px;
}


.woodconespecial_set ul.blk09_box05 {
    background: rgba(204, 204, 204, 1.00);
    background: linear-gradient(90deg, rgba(204, 204, 204, 1.00) 0%, rgba(255, 255, 255, 1) 21%, rgba(255, 255, 255, 1) 60%, rgba(204, 204, 204, 1.00) 100%);
    border-radius: 15px;
    border: 3px solid #8B8B8C;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.4);
}


.woodconespecial_set ul li p.f_mincho {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    font-family: 'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    line-height: 1.2em;
}


.woodconespecial_set ul.blk09_box02,
.woodconespecial_set ul.blk09_box03 {
    margin-top: 25px;
}

.woodconespecial_set ul.blk09_box04,
.woodconespecial_set ul.blk09_box05 {
    padding: 10px 0;
    margin-top: 25px;
}

.woodconespecial_set ul.blk09_box04 h4,
.woodconespecial_set ul.blk09_box05 h4 {
    color: #B40005;
    font-size: 1.5em;
    margin-bottom: 10px;
}


.woodconespecial_set ul.blk09_box04 .price,
.woodconespecial_set ul.blk09_box05 .price {
    margin-top: 10px;
}

.woodconespecial_set ul.blk09_box04 p.f_mincho,
.woodconespecial_set ul.blk09_box05 p.f_mincho {
    color: #000;
}

.woodconespecial_set ul.blk09_box04 li:first-child,
.woodconespecial_set ul.blk09_box05 li:first-child {width: 420px;}



.woodconespecial_set ul.blk09_box04 li:nth-child(2),
.woodconespecial_set ul.blk09_box05 li:nth-child(2) {
    /*margin-top: -15px;*/
    /*width: 470px;*/

}

.woodconespecial_set ul.blk09_box04 li:nth-child(2) p,
.woodconespecial_set ul.blk09_box05 li:nth-child(2) p {
    margin-bottom: 10px;
    font-size: 1.2em;
}

.woodconespecial_set ul.blk09_box04 li:last-child,
.woodconespecial_set ul.blk09_box05 li:last-child {
    text-align: left;
    margin-left: 20px;
    width: calc(100% - 480px);
}

.woodconespecial_set ul.blk09_box04 li:last-child span,
.woodconespecial_set ul.blk09_box05 li:last-child span {
    background: #1D2086;
    color: #fff;
    /*padding: 3px 4px;*/
    margin-right: 5px;
    line-height: 1.3em;
    width: 20px;
    text-align: center;
    display: inline-block;
}

/*.woodconespecial_set ul.blk09_box04 li .set_h4,
.woodconespecial_set ul.blk09_box05 li .set_h4{margin-bottom: 10px;}*/

@media screen and (max-width:767px) {

    .woodconespecial_set ul.blk09_box04,
    .woodconespecial_set ul.blk09_box05 {
        display: block;
    }

    .woodconespecial_set ul.blk09_box04,
    .woodconespecial_set ul.blk09_box05 {
        width: 95%;
        margin: 30px auto 0;
    }

    .woodconespecial_set ul.blk09_box04 li,
    .woodconespecial_set ul.blk09_box05 li {
        width: 98%;
        margin: auto;
    }

    .woodconespecial_set ul li p.f_mincho {
        font-size: 24px;
    }
    
.woodconespecial_set ul.blk09_box04 li:first-child,
.woodconespecial_set ul.blk09_box05 li:first-child {width: 98%;}

    .woodconespecial_set ul.blk09_box04 li:last-child,
    .woodconespecial_set ul.blk09_box05 li:last-child {
        margin: auto;
        width: 95%;
    }

.woodconespecial_set ul.blk09_box04 li:last-child span,
.woodconespecial_set ul.blk09_box05 li:last-child span {width: 1.3em;}

    .woodconespecial_set ul.blk09_box04 li:nth-child(2),
    .woodconespecial_set ul.blk09_box05 li:nth-child(2) {
        margin-top: 20px;
        width: 95%;
        
    }
    .woodconespecial_set ul.blk09_box04 li:nth-child(2) p,
    .woodconespecial_set ul.blk09_box05 li:nth-child(2) p{font-size: 1em;}
}

/* ブロック01 */
#woodconespecial_block01 {
    margin-top: -40px;
}

#woodconespecial_block01 .woodconespecial_block01_txt {
    background: #ffe9ed;
    padding: 20px;
}

#woodconespecial_block01 .woodconespecial_block01_txt p {
    font-size: 1.2em;
    text-align: center;
    line-height: 1.6;
}

#woodconespecial_block01 .woodconespecial_block01_txt .bold {
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    #woodconespecial_block01 {
        margin-top: 0;
    }
    
    #woodconespecial_block01 .woodconespecial_block01_txt p {
        text-align: left;
        /*font-size: 1.8em;*/
        font-size: 4.5vw;
    }
}

@media screen and (max-width: 767px) {
    .pagetop_w {
        right: 10px;
        /*bottom: 92px;*/
        bottom: 140px;
    }
}

.fixed_bar a:hover{opacity: 0.8;}

/*追従予約ボタン*/
@media screen and (min-width: 768px) {
    .fixed_bar_inr {
        justify-content: center;
    }
    .fixed_bar_inr li {
        margin: 0 10px;
    }
    .fixed_bar_inr li img {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .fixed_bar_inr li:first-child {
        width: 49%;
    }
}



.notice-list{margin-bottom: 30px;}


/*タイトル消し*/
.block-goods-name{display: none;}