
.l_title{text-align: center;background: url(../../../images/bg_ptn_w.png);padding: 60px 0 80px;}

.contets_tns_set{color: #413f5a;font-size: 16px;}

.contets_tns_set h2{font-size:30px;font-weight:bold;text-align:center;}
.contets_tns_set  > section{}

.section_about{padding:80px 0 20px;}
.section_about .box{width:1000px;padding:0 40px;margin:0 auto;}
.section_about .image{width:50%;float:right;}
.section_about .text{width:50%;float:left;font-size:24px;font-weight:bold;}
.section_about h2{font-size:30px;text-align:left;margin-bottom:10px;}
.section_about .over_text{}
.section_about .under_text{margin-top:40px;}
.section_about .under_text span{font-size:16px;}

.section_items{padding:80px 0 40px;}
.section_items h2{margin-bottom:52px;}

.section_items .area{width:1080px;margin:0 auto;
display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.section_items .box{width:33.33%;padding:0 24px;
-webkit-box-sizing: border-box;box-sizing: border-box;}

.section_items .image{margin-bottom:20px;text-align:center;}
.section_items .image img{display:inline;}
.section_items h3{position:relative;font-size:18px;min-height:54px;font-weight:bold;margin-bottom:15px;z-index:300;}
.section_items h3:after{position: absolute;content: "";display: block;width: 60px;height: 60px;background: #cdcdcd;top: -16px;left: -22px;z-index: -10;
-webkit-border-radius: 50%;border-radius: 50%;}

.section_items p{padding-bottom:8px;min-height:106px;}
.section_items .btn{}
.section_items .btn a{text-decoration:none;margin:13px auto 0;width:150px;background:#cdcdcd;display:block;text-align:center;padding:5px;
-webkit-border-radius: 12px;border-radius: 12px;
-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}

.section_items .blue .btn a,
.section_items .blue h3:after{background-color:#c3c7de;}
.section_items .orange .btn a,
.section_items .orange h3:after{background-color:#f2ddaf;}
.section_items .green .btn a,
.section_items .green h3:after{background-color:#9ecdb6;}
.section_items .btn a:hover{background:#413f5a;color:#fff;}

.section_recipe{padding:40px 0 80px;}
.section_recipe h2{margin-bottom:52px;}
.section_recipe ul{width:1040px;padding: 20px;margin:0 auto 60px;
display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.section_recipe li{width:33.33%;position: relative;background:#333;}
.section_recipe li:before {content:"";display: block;padding-top: 65.6%; }
.section_recipe li > a {display:block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;
background:none 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;
-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.section_recipe li a:hover{opacity:0.8;}
.section_recipe li span{position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.8);display:block;
width:100%;font-size:13px;text-align:center;color:#fff;padding:5px 0;}
.section_recipe .btn{}
.section_recipe .btn a{border:2px solid #171432;text-decoration:none;margin:0 auto;width:360px;font-size:18px;color:#fff;background:#171432;display:block;text-align:center;padding:8px 5px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.section_recipe .btn a:hover{color:#171432;background-color:#fff;}

.section_shopping{padding:80px 0;background:#faf6ed;}
.section_shopping .box{width:1080px;margin:0 auto;
display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.section_shopping .image{width:348px;margin-right:36px;}
.section_shopping .text{}
.section_shopping h2{font-weight:bold;font-size:24px;text-align:left;margin-bottom:25px;}
.section_shopping .price{font-weight:bold;color:#e60012;font-size:24px;margin-bottom:25px;}
.section_shopping .expalin{font-size:14px;margin-bottom:30px;}
.section_shopping .btn a{-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.section_shopping .btn a:hover{opacity:0.8;}

.section_barnd{padding:80px 0 40px;}
.section_barnd h2{margin-bottom:40px;}
.section_barnd ul{width:1070px;margin:0 auto;}
.section_barnd li{width:495px;padding:0 20px 40px;}
.section_barnd li a{position:relative;display:block;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.section_barnd li a:hover{box-shadow: 0 0 15px rgba(111,106,94,0.33); -webkit-box-shadow: 0 0 15px rgba(111,106,94,0.33);-webkit-transform:translateY(-10px);transform:translateY(-10px); }
