<?php header('Content-Type: text/css; charset=utf-8');?>
@charset "utf-8";
/* 【 background-color 】背景色 ****************/
.list_table .list .li_left {
    background-color: #fbf2d7;
}
/* 【 background-image 】　*********************/
/* 【 background-repeat 】　********************/
/* 【 background-size 】　*********************/
/* 【 border 】線　****************************/
.list_table {
    border-color: #595959;
}
.list_table {
    border-style: solid;
}
.list_table {
    border-width: 1px;
}
.caramel .order.no5,
.caramel.block.no7 {
    border-bottom: none;
}
.caramel.block,
.list_table .list.no1,
.list_table .list.no2 {
    border-bottom-color: #595959;
}
.caramel.block,
.list_table .list.no1,
.list_table .list.no2 {
    border-bottom-style: solid;
}
.caramel.block,
.list_table .list.no1,
.list_table .list.no2 {
    border-bottom-width: 1px;
}
.caramel .order {
    border-bottom-color: #ff9d47;
}
.caramel .order {
    border-bottom-style: dotted;
}
.caramel .order {
    border-bottom-width: 4px;
}
.list_table .list .li_left {
    border-right-color: #595959;
}
.list_table .list .li_left {
    border-right-style: solid;
}
.list_table .list .li_left {
    border-right-width: 1px;
}
/* 【 color 】色 *****************************/
.preparation .p2,
.preparation .p3,
.list_table .list.no2 .p2,
.list_table .list.no2 .p3,
.list_table .list.no3 .p3,
.list_table .list.no3 .p4,
.caution_area .li.no4 .p3,
.caution_area .p0,
.order.no1 .p1 span,
.order.no1 .p2 span,
.order.no1 .p4,
.order.no1 .p5,
.order.no4 .p1 span,
.order.no4 .div2 .p1,
.order.no1 .p2::before {
    color:red;
}
.anchor_link p::before {
    color: blue;
}
/* 【 content 】 *****************************/
.anchor_link p::before {
    content: "▼";
}
.caution_area .li .p1::before,
.caramel.block.no6 .ul1 .p1::before {
    content: "●";
}
.preparation .p2::before,
.list_table .li_right.no2 .p2::before,
.list_table .li_right.no2 .p3::before,
.list_table .li_right.no3 .p3::before,
.list_table .li_right.no3 .p4::before,
.caution_area .p0::before,
.order.no1 .p2::before,
.order.no1 .p3::before,
.order.no1 .p4::before,
.order.no1 .p5::before,
.order.no4 .div2 .p1::before,
.order.no5 .p3::before,
.order.no5 .p4::before {
    content: "※";
}
/* 【 display 】 *****************************/
.list_table .list,
.flexible_box {
    display: flex;
}
/* 【 font-size 】文字の大きさ ***************/
/* 【 font-weight 】 ************************/
.list_table .list .li_left p,
.caution_area .p0 {
    font-weight: bold;
}
/* 【 height 】高さ *************************/
.under_line_zone.recipe3 .center.div1 iframe {
    height: 395px;
}
/* 【 justify-content   ********************/
.flexible_box {
    justify-content: space-around;
}
/* 【 line-height 】 ************************/
/* 【 left 】 ******************************/
/* 【 margin 】 ***************************/
.anchor_link p,
.list_table .list .li_left p,
.caramel.block.no1 .p1,
.caramel.block.no2 .p1,
.caramel.block.no3 .p1,
.caramel.block.no3 .p3,
.preparation p,
.list_table .li_right.no2 .p2,
.list_table .li_right.no3 .p1,
.list_table .li_right.no3 .p3,
.caution_area .li.no4 p,
.order.no5 .p1,
.order.no5 .p3 {
    margin: 0;
}
.caramel.block.no2 .flexible_box,
.caramel.block.no4 .flexible_box,
.order.no5 .flexible_box,
.order.no2 .center .div1,
.order.no3 .center .div1,
.caramel.block.no5 .order_block .div1 {
    margin: 0 auto;
}
.anchor_link,
.preparation {
    margin-bottom: 15px;
}
.under_line_zone.recipe5 .flex {
    margin-bottom: 20px;
}
.caramel.block.no4 .list_table.no1 {
    margin-bottom: 30px;
}
.caramel.block {
    margin-bottom: 50px;
}
/* 【 max-height 】 *************************/
/* 【 max-width 】 **************************/
.order.no2 .center .div1,
.order.no3 .center .div1 {
    max-width: 500px;
}
.caramel.block.no5 .order_block .div1 {
    max-width: 600px;
}
.caramel.block.no2 .flexible_box,
.caramel.block.no4 .flexible_box,
.order.no5 .flexible_box {
    max-width: 700px;
}
/* 【 opacity 】 ****************************/
/* 【 overflow 】 ***************************/
/* 【 padding 】 ****************************/
.order.no4 .flexible_box {
    padding: 0 15px;
}
.list_table .list span {
    padding: 10px 0;
}
.caramel.block.no7 {
    padding-bottom: 0;
}
.caramel.block,
.caramel .order {
    padding-bottom: 50px;
}
.preparation .p2,
.list_table .li_right.no2 .p2,
.list_table .li_right.no2 .p3,
.list_table .li_right.no3 .p3,
.list_table .li_right.no3 .p4,
.caution_area .p0,
.order.no1 .p2,
.order.no1 .p3,
.order.no1 .p4,
.order.no1 .p5,
.order.no4 .div2 .p1,
.order.no5 .p3,
.order.no5 .p4,
.preparation .p3,
.caution_area .li .p1,
.caution_area .li.no4 .p2,
.caution_area .li.no4 .p3,
.caramel.block.no6 .ul1 .p1 {
    padding-left: 2em;
}
/* 【 position 】************************** */
/* 【 text-align 】 *************************/
.caramel.block.no3 .p3,
.caramel.block.no3 .p4 {
    text-align: center;
}
.order.no5 .p5 {
    text-align: right;
}
/* 【 text-indent 】 ************************/
.preparation .p2,
.list_table .li_right.no2 .p2,
.list_table .li_right.no2 .p3,
.list_table .li_right.no3 .p3,
.list_table .li_right.no3 .p4,
.caution_area .p0,
.order.no1 .p2,
.order.no1 .p3,
.order.no1 .p4,
.order.no1 .p5,
.order.no4 .div2 .p1,
.order.no5 .p3,
.order.no5 .p4,
.caution_area .li .p1,
.caramel.block.no6 .ul1 .p1 {
    text-indent: -1em;
}
/* 【 top 】 ********************************/
/* 【 vertical-align 】 *********************/
/* 【 width 】横幅 **************************/
.list_table .list .li_left {
    width: 20%;
}
.order.no4 .flexible_box .div1 {
    width: 25%;
}
.under_line_zone.recipe5 .div1 {
    width: 40%;
}
.under_line_zone.recipe5 .div2 {
    width: 60%;
}
.order.no4 .flexible_box .div2 {
    width: 75%;
}
.under_line_zone.recipe3 .center.div1 iframe {
    width: 70%;
}
.list_table .list .li_right {
    width: 80%;
}
.caramel.block img {
    width: 100%;
}
/* 【 other or special CSS 】 *****************/
.iframe01 {
    position: relative;
    width: 50%;
    padding-top: 30%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 auto;
}
.iframe01 iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}
/*************** レスポンシブ S ***************/
@media screen and (max-width: 640px){
	/* 【 ［SP］/ background-color 】背景色  ****/
	/* 【 ［SP］/ background-image 】　*********/
	/* 【 ［SP］/ background-repeat 】　********/
	/* 【 ［SP］/ background-size 】　**********/
	/* 【 ［SP］/ border 】線　*****************/
	/* 【 ［SP］/ color 】色 ******************/
	/* 【 ［SP］/ display 】 ******************/
	/* 【 ［SP］/ font-size 】文字の大きさ *****/
	/* 【 ［SP］/ font-weight 】 **************/
    /* 【 ［SP］/ height 】高さ ***************/
	/* 【 ［SP］/ justify-content 】 **********/
	/* 【 ［SP］/ line-height 】 *************/
	/* 【 ［SP］/ left 】 ********************/
    /* 【 ［SP］/ margin 】 ******************/
	/* 【 ［SP］/ max-height 】 **************/
	/* 【 ［SP］/ max-width 】 ***************/
	/* 【 ［SP］/ opacity 】 *****************/
	/* 【 ［SP］/ overflow 】 ****************/
    /* 【 ［SP］/ padding 】 *****************/
    .order.no4 .flexible_box {
        padding: 0;
    }
    .list_table .list .li_left,
    .list_table .list .li_right {
        padding: 5px;
    }
    .preparation .p2,
    .list_table .li_right.no2 .p2,
    .list_table .li_right.no2 .p3,
    .list_table .li_right.no3 .p3,
    .list_table .li_right.no3 .p4,
    .caution_area .p0,
    .order.no1 .p2,
    .order.no1 .p3,
    .order.no1 .p4,
    .order.no1 .p5,
    .order.no4 .div2 .p1,
    .order.no5 .p3,
    .order.no5 .p4,
    .preparation .p3,
    .caution_area .li .p1,
    .caution_area .li.no4 .p2,
    .caution_area .li.no4 .p3,
    .caramel.block.no6 .ul1 .p1 {
        padding-left: 1em;
    }
	/* 【 ［SP］/ position 】 ****************/
    /* 【 ［SP］/ text-align 】 **************/
	/* 【 ［SP］/ text-indent 】 *************/
	/* 【 ［SP］/ top 】 *********************/
	/* 【 ［SP］/ vertical-align 】 **********/
    /* 【 ［SP］/ width 】横幅 ***************/
    .list_table .list .li_left {
        width: 30%;
    }
    .list_table .list .li_right {
        width: 70%;
    }
    /* 【 ［SP］other or special CSS 】 ******/
    .iframe01 {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        overflow:auto; 
        -webkit-overflow-scrolling:touch;
    }
}
/*************** レスポンシブ E ***************/