@charset "utf-8";
div#itemContentsArea{width:100%;max-width:1000px;margin:0 auto;overflow: hidden;}
ul.column_02 li{width:50%;float:left}
/*====================================================
お悩み
====================================================*/
div#worries_area{max-width:1000px;margin:60px auto 30px;position:relative}
div#worries_area h2{color:#485576;font-size:34px;text-align:center;margin:30px auto}
div#worries_area ul{margin-left:3%}
div#worries_area ul li{margin-right:3%;width:30.3%;float:left;text-align:center}
div#worries_area ul li div.txtBox{background-color:#eee;font-size:16px;line-height:1.2em;padding:15px 0;position:relative;margin-bottom:20px}
div#worries_area ul li div.txtBox:before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:15px solid transparent;border-top:15px solid #eee}
div#worries_area ul li div.imgBox{width:165px;margin:0 auto}
/*====================================================
解決
====================================================*/
div#resolution_area{background-color:#f4ede0;position:relative;padding-top:95px;text-align:center;margin-bottom:60px;padding-bottom:30px}
div#resolution_area:before{content:"";position:absolute;top:0;left:0;margin-left:-15px;border:500px solid transparent;border-top:50px solid #fff}
div#resolution_area h2{font-size:40px;text-align:center;font-weight:700;margin-bottom:40px;display:inline-block;position:relative}
div#resolution_area h2 span{color:#ed6206}
div#resolution_area h2:before{content:"";position:absolute;top:0;left:-70px;background:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE290_8006902/common/ttl_icon_left.png);width:47px;height:97px;background-size:47px;background-repeat:no-repeat}
div#resolution_area h2:after{content:"";position:absolute;top:0;right:-70px;background:url(https://belluna-gourmet.com/excludes/gourmet/prd/NE290_8006902/common/ttl_icon_right.png);width:47px;height:97px;background-size:47px;background-repeat:no-repeat}
div#resolution_area p{font-size:26px;padding:20px 80px 0;text-align:left;line-height:1.5em}
div#resolution_area span.txt_chushaku{font-size:15px;text-align:left;display:inline-block;margin-top:10px}
div#resolution_area p span.txt_underline{position:relative;z-index:0}
div#resolution_area p span.txt_underline:after{content:"";position:absolute;bottom:0;left:0;width:100%;z-index:-1;border-bottom:8px solid #f9f164}
/*====================================================
場面
====================================================*/
div#seen_area{margin-bottom:60px;text-align:center}
div#seen_area h2{background-color:#ed6206;display:inline-block;color:#fff;position:relative;padding:20px 30px;font-size:40px;margin-bottom:40px}
div#seen_area h2:after{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:15px solid transparent;border-top:15px solid #ed6206}
div#seen_area ul{margin:0 60px 60px}
div#seen_area ul li{float:left;width:50%}
div#seen_area ul li div.seen_box{margin:0 60px}
div#seen_area ul li div.seen_box p{font-size:26px;font-weight:700;margin-top:10px}
/*====================================================
お届け内容
====================================================*/
div#menu_area h2{background-color:#5c2210;margin-bottom:30px;padding:30px 0;color:#ffff;text-align:center;font-size:45px;font-weight:700}
div#menu_area h2 span{font-size:26px;color:#fff;position:relative;top:-8px}
div#menu_area div.menu_detail p{margin:0 60px;text-align:left;font-size:26px;line-height:1.5em;position:relative;top:-65px;text-shadow:5px 5px 5px #fff,5px 5px 5px #fff,5px 5px 5px #fff}
/*====================================================
調理方法
====================================================*/
div#cook_area{text-align:center;padding:30px 0}
div#cook_area ul{margin:0 30px}
div#cook_area ul li{width:33.3%;float:left}
div#cook_area ul li div.cook_box{margin:0 30px;text-align:center}
div#cook_area h2{font-size:40px;line-height:1.2em;margin-bottom:30px;position:relative;display:inline-block;padding:0 60px}
div#cook_area h2::before,div#cook_area h2::after{position:absolute;top:0;height:96px;content:''}
div#cook_area h2::before{border-left:solid 5px #ed6206;left:0;transform:rotate(150deg)}
div#cook_area h2::after{border-right:solid 5px #ed6206;right:0;transform:rotate(30deg)}
div#cook_area ul li p{font-size:26px;margin-top:10px}
div#cook_area div.cool_area div.img_box,div#cook_area div.cool_area div.txt_box{width:420px;float:left}
div#cook_area div.cool_area{max-width:840px;margin:30px auto 0}
div#cook_area div.cool_area div.txt_box p{background-color:#eee;font-size:22px;padding:20px;position:relative;line-height:1.2em;display:inline-block;margin:50px 0 0 20px}
div#cook_area div.cool_area div.txt_box p:after{content:"";position:absolute;top:46%;left:-12px;margin-top:-10px;display:block;width:0;height:0;border-style:solid;border-width:15px 20px 15px 0;border-color:transparent #eee transparent transparent}


@media screen and (max-width:640px) {
/* 
★スマホ用CSS 
*/
.column_02{margin:0 3%}
/*====================================================
お悩み
====================================================*/
div#worries_area{margin:3%}
div#worries_area h2{font-size:20px;margin:6% 0 4%}
div#worries_area ul{width:90%;margin:0 auto}
div#worries_area ul li{width:100%;float:none;margin-right:0}
div#worries_area ul li div.txtBox{font-size:14px;padding:4%}
div#worries_area ul li div.imgBox{width:50%;margin-bottom:3%}
/*====================================================
解決
====================================================*/
div#resolution_area{padding:3% 3% 6%;margin-bottom:0}
div#resolution_area:before{display:none}
div#resolution_area h2{font-size:18px;margin-bottom:20px;margin-top:30px}
div#resolution_area h2:before,div#resolution_area h2:after{width:47px;height:97px;background-size:18px}
div#resolution_area h2:before{left:-25px}
div#resolution_area h2:after{right:-45px}
div#resolution_area p{padding:0;font-size:16px;margin:3%}
div#resolution_area span.txt_chushaku{font-size:11px;margin-top:0}
div#resolution_area p span.txt_underline{border-bottom:3px solid #f9f164}
div#resolution_area p span.txt_underline:after{display:none}
/*====================================================
場面
====================================================*/
div#seen_area{margin:3%}
div#seen_area h2{font-size:18px;padding:15px 20px;margin-bottom:20px}
div#seen_area ul{margin:0}
div#seen_area ul li div.seen_box{margin:0 10px}
div#seen_area ul li div.seen_box p{font-size:14px;line-height:1.2em}
/*====================================================
お届け内容
====================================================*/
div#menu_area h2{padding:10px;font-size:20px;margin-bottom:0}
div#menu_area h2 span{font-size:14px;display:block;top:0;margin-bottom:5px}
div#menu_area div.menu_detail p{margin:0 3% 4%;font-size:14px;top:0}
/*====================================================
調理方法
====================================================*/
div#cook_area{padding:0;margin:10% 3% 3%}
div#cook_area h2{font-size:18px;padding:0 20px}
div#cook_area h2::before,div#cook_area h2::after{position:absolute;bottom:0;height:44px;content:''}
div#cook_area h2::after{right:8px}
div#cook_area h2::before{left:8px}
div#cook_area ul{margin:0}
div#cook_area ul li div.cook_box{margin:0 5px}
div#cook_area ul li p{font-size:14px;margin-top:5px}
div#cook_area div.cool_area div.img_box{width:70%!important;margin:0 auto!important;float:none}
div#cook_area div.cool_area div.txt_box{width:100%;float:none}
div#cook_area div.cool_area div.txt_box p{font-size:14px;margin:3%;padding:15px}
div#cook_area div.cool_area div.txt_box p:after{display:none}

}