<?php header('Content-Type: text/css; charset=utf-8');?>
@charset "utf-8";
/* 【 background-color 】背景色 ****************/
/* 【 background-image 】　*********************/
/* 【 background-repeat 】　********************/
/* 【 background-size 】　*********************/
/* 【 border 】線　****************************/
.domestic.block.no7 {
    border: none;
}
.jb_flavor {
    border-color: #595959;
}
.jb_flavor {
    border-style: solid;
}
.jb_flavor {
    border-width: 1px;
}
.dear_mam .div1 {
    border-color: red;
}
.dear_mam .div1 {
    border-style: dashed;
}
.dear_mam .div1 {
    border-width: 3px;
}
.domestic.block {
    border-bottom-color: #595959;
}
.p_ex.no1 {
    border-bottom-color: #000;
}
.p_ex.no1,
.domestic.block {
    border-bottom-style: solid;
}
.domestic.block {
    border-bottom-width: 1px;
}
.p_ex.no1 {
    border-bottom-width: 3px;
}
/* 【 color 】色 *****************************/
.cautions .p1,
.dear_mam .p2,
.how_to_make .p5,
.place.right .price_area .p2,
.place.right .price_area .p3 {
    color: red;
}
.jb_flavor .p2::before {
    content: "1. ";
}
.jb_flavor .p3::before {
    content: "2. ";
}
.jb_flavor .p4::before {
    content: "3. ";
}
.jb_flavor .p5::before {
    content: "4. ";
}
.how_to_make .p2::before {
    content: "①";
}
.how_to_make .p3::before {
    content: "②";
}
.how_to_make .p4::before {
    content: "③";
}
.cautions .p1::before,
.jb_flavor .p6::before,
.how_to_make .p5::before,
.domestic.block.no6 .p0::before {
    content: "※";
}
.preparation .p2::before,
.preparation .p3::before,
.preparation .p4::before,
.preparation .p5::before,
.cautions .p2::before,
.cautions .p3::before,
.cautions .p4::before,
.cautions .p5::before,
.cautions .p6::before,
.cautions .p7::before,
.cautions .p8::before,
.cautions .p9::before,
.cautions .p10::before {
    content: "・";
}
.preparation .p1::before,
.how_to_make .p1::before {
    content: url(../img/check2.jpg);
}
/* 【 display 】 *****************************/
.ex,
.c_f_set.no0 {
    display: flex;
}
.xcart_form_action .amount_img {
    display: none;
}
/* 【 font-size 】文字の大きさ ***************/
.c_f_set.no0 .zone .place.right {
    font-size: 16px;
}
.domestic.block .attention_box p::first-letter {
    font-size: 18px;
}
.p_ex.no0,
.p_ex.no2 {
    font-size: 21px;
}
.dear_mam .p2 {
    font-size: 25px;
}
/* 【 font-weight 】 ************************/
.dear_mam p,
.cautions .p1,
.price_area .p1,
.how_to_make .p1,
.preparation .p1,
.place.right .price_area .p2,
.place.right .price_area .p3,
.cautions .p2::before,
.cautions .p3::before,
.cautions .p4::before,
.cautions .p5::before,
.cautions .p6::before,
.cautions .p7::before,
.cautions .p8::before,
.cautions .p9::before,
.cautions .p10::before{
    font-weight: bold;
}
/* 【 height 】高さ *************************/
.ex {
    height: 23px;
}
.u_ex {
    height: 40px;
}
/* 【 justify-content   ********************/
.c_f_set.no0 {
    justify-content: space-between;
}
/* 【 line-height 】 ************************/
.place.right p {
    line-height: 115%;
}
/* 【 left 】 ******************************/
.p_ex.no0 {
    left: 0;
}
/* 【 margin 】 ***************************/
.cautions p,
.place.right p,
.jb_flavor .p2,
.jb_flavor .p3,
.jb_flavor .p4,
.dear_mam .div1 p,
.preparation .p2,
.preparation .p3,
.preparation .p4,
.how_to_make .p2,
.how_to_make .p3,
.how_to_make .p4 {
    margin: 0;
}
.ex,
.p_ex.no1,
.c_f_set.no1 .box.no4,
.domestic .middle_position,
.xcart_form_action .osb_icon {
    margin: 0 auto;
}
.place.right .price_area .p1,
.place.right .price_area .p3 {
    margin-bottom: 5px;
}
.preparation .p1,
.how_to_make .p1,
.cautions .p1 {
    margin-bottom: 5px;
}
.preparation,
.how_to_make,
.cautions {
    margin-bottom: 15px;
}
.domestic.block {
    margin-bottom: 50px;
}
/* 【 max-height 】 *************************/
/* 【 max-width 】 **************************/
.domestic .middle_position {
    max-width: 450px;
}
.attention_box .box1 {
    max-width: 500px;
}
/* 【 opacity 】 ****************************/
/* 【 overflow 】 ***************************/
/* 【 padding 】 ****************************/
.ex p,
.attention_box .box1 img {
    padding: 0;
}
.jb_flavor,
.dear_mam .div1 {
    padding: 15px;
}
.domestic.block.no7 {
    padding-bottom: 0;
}
.domestic.block {
    padding-bottom: 50px;
}
.cautions p,
.jb_flavor .p2,
.jb_flavor .p3,
.jb_flavor .p4,
.jb_flavor .p5,
.jb_flavor .p6,
.preparation p,
.how_to_make p,
.domestic.block.no6 .p0 {
    padding-left: 2em;
}
/* 【 position 】************************** */
.p_ex.no0,
.p_ex.no2 {
    position: absolute;
}
.ex,
.u_ex {
    position: relative;
}
.p_ex.no2 {
    right: 0;
}
/* 【 text-align 】 *************************/
.place.right,
.c_f_set.no1 .p0,
.xcart_form_action form,
.domestic.block.no6 .p0 {
    text-align: center;
}
/* 【 text-indent 】 ************************/
.cautions p,
.jb_flavor .p2,
.jb_flavor .p3,
.jb_flavor .p4,
.jb_flavor .p5,
.jb_flavor .p6,
.preparation p,
.how_to_make p,
.domestic.block.no6 .p0 {
    text-indent: -1em;
}
/* 【 top 】 ********************************/
.u_ex {
    top: -3px;
}
/* 【 vertical-align 】 *********************/
/* 【 width 】横幅 **************************/
.c_f_set .box {
    width: 32%;
}
.c_f_set.no1 .box {
    width: 45%;
}
.c_f_set.no1 .xcart_form_action .osb_icon {
    width: 75%;
}
.xcart_form_action .osb_icon {
    width: 85%;
}
.p_ex.no1 {
    width: 98%;
}
.cw.attention_box,
.attention_box .box1 img,
.domestic .middle_position img {
    width: 100%;
}
/* 【 other or special CSS 】 *****************/
.u_ex .p_uex::before {
    border: 10px solid transparent;
        border-left-width: 10px;
        border-left-style: solid;
        border-left-color: transparent;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 20px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 20px;
    border-top: 40px solid #000;
    content: '';
    left: 48%;
    position: absolute;
    top: 0px;
}
.u_ex .p_uex::after {
    border: 10px solid transparent;
        border-left-width: 10px;
        border-left-style: solid;
        border-left-color: transparent;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 16px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 16px;
    border-top: 32px solid #fff;
    content: '';
    left: 48.4%;
    position: absolute;
    top: 0px;
}
/*　▽▽▽▽▽▽ レスポンシブ CSS (画面サイズが(max-width: XXXpx) XXX以下で下記効果を適用します。)　▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽　*/
@media screen and (max-width: 640px){
    /* 【 ［SP］/ background-color 】背景色  ****/
    /* 【 ［SP］/ background-image 】　*********/
    /* 【 ［SP］/ background-repeat 】　********/
    /* 【 ［SP］/ background-size 】　**********/
    /* 【 ［SP］/ border 】線　*****************/
    .c_f_set.no0 .zone {
        border-bottom-color: #595959;
    }
    .c_f_set.no0 .zone {
        border-bottom-style: solid;
    }
    .c_f_set.no0 .zone {
        border-bottom-width: 1px;
    }
    /* 【 ［SP］/ color 】色 ******************/
    /* 【 ［SP］/ display 】 ******************/
    .c_f_set,
    .c_f_set.no0 {
        display: block;
    }
    .c_f_set.no0 .zone {
        display: flex;
    }
    /* 【 ［SP］/ font-size 】文字の大きさ *****/
    /* 【 ［SP］/ font-weight 】 **************/
    /* 【 ［SP］/ height 】高さ ***************/
    .ex {
        height: 21px;
    }
    /* 【 ［SP］/ justify-content 】 **********/
    /* 【 ［SP］/ line-height 】 *************/
    /* 【 ［SP］/ left 】 ********************/
    /* 【 ［SP］/ margin 】 ******************/
    .c_f_set.no0 .zone {
        margin-bottom: 15px;
    }
    /* 【 ［SP］/ max-height 】 **************/
    /* 【 ［SP］/ max-width 】 ***************/
    /* 【 ［SP］/ opacity 】 *****************/
    /* 【 ［SP］/ overflow 】 ****************/
    /* 【 ［SP］/ padding 】 *****************/
    .c_f_set.no0 .zone {
        padding-bottom: 5px;
    }
    /* 【 ［SP］/ position 】 ****************/
    /* 【 ［SP］/ text-align 】 **************/
    .box.no4 .place.right {
        text-align: center;
    }
    .place.right {
        text-align: left;
    }
    /* 【 ［SP］/ text-indent 】 *************/
    .cautions p,
    .jb_flavor .p2,
    .jb_flavor .p3,
    .jb_flavor .p4,
    .jb_flavor .p5,
    .jb_flavor .p6,
    .preparation p,
    .how_to_make p,
    .domestic.block.no6 .p0 {
        padding-left: 1em;
    }
    /* 【 ［SP］/ top 】 *********************/
    /* 【 ［SP］/ vertical-align 】 **********/
    /* 【 ［SP］/ width 】横幅 ***************/
    .c_f_set.no0 .zone .place.left {
        width: 42%;
    }
    .c_f_set.no0 .zone .place.right {
        width: 58%;
    }
    .p_ex.no1 {
        width: 94%;
    }
    .c_f_set .box,
    .c_f_set.no1 .box,
    .xcart_form_action .osb_icon {
        width: 100%;
    }
    /* 【 ［SP］other or special CSS 】 ******/
    .u_ex .p_uex::before {
        left: 45%;
    }
    .u_ex .p_uex::after {
        left: 46%;
    }
}
/*************** レスポンシブ E ******************************/