/*
Theme Name: 二宮農場
Theme URI: http://ninomiyafarm.jp/
Author: digital bank
Author URI: http://www.digiban.co.jp/
Description: 二宮農場様のwebサイト用テーマ。
Version: 1.0
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html {font-size: 62.5%;}
body {font-family:'Helvetica Neue',Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo',Arial,Verdana,sans-serif;line-height: 1.5;color: #666;}

a {text-decoration:none;color:#0ca299;transition: all .0s ease;}
a:hover {opacity:.9;}
li {list-style: none;}
img {vertical-align: bottom !important;}

.mb0 {margin-bottom: 0 !important;}

.f_nato,.recipe_btn {font-family:'Noto Sans Japanese',sans-serif;font-weight: 100;}
.f_min,.recipe_title {font-family: "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ 明朝",serif}

.header {width:990px;height:100px;margin:auto;overflow: hidden;font-size: 1.2em;background: #fff;}
.header h1 {margin:24px 0 0 17px;float: left;}
.header ul {height:100px;width:600px;float: right;text-align: right;}
.header ul li {margin-right: 10px;display: inline-block;}
.header ul li a {color: #fff;background: #44A182;display: block;border-radius: 13px;padding: 5px 12px;margin: 36px 0 0 0}
.header ul li a.buyerLink {background:#D8A21A;}
.header ul li a.formLink {background:#d8518d;}

.main_photo {position: relative;width:auto;height:450px;border: solid 5px #fff;overflow: hidden;background: #d1e72d;box-sizing: border-box;}
.main_photo_box {background:url(img/slide/s02.jpg) #f1f1f1 top center;background-size: cover;height:450px;}

/*.dmp {background:url(img/dmy.png) center center no-repeat #999;background-size: contain; }*/
/*
.gnav_box {background:url(img/nav_edge.png) repeat-x top center #14A89B;overflow:hidden;font-size: 1.2em;margin-top: 20px;}
.gnav_inner {background:url(img/nav_edge.png) repeat-x bottom center;overflow: hidden;}
.gnav {width:990px;margin: 3px auto 3px;overflow: hidden;background: #98dcd7;}
.gnav li {width:164px;float: left;text-align: center;border-left: dotted 1px #0ca299;}
.gnav li.ene {width:163px;border-right: dotted 1px #0ca299;}
.gnav li a {color:#fff;background: #0ca299;text-align: center;display: block;padding: 16px 0 0;}
.gnav li a:hover {}
.gnav li a img {display: block;margin: 0 auto 10px;}
.gnav li a>span {background: #009187;display: block;line-height: 44px;}
*/

.main_box {background: url(img/common/bg_main2.png) #fefefe;width:100%;overflow: hidden;padding-bottom: 80px;}
.main_box_inner {width:990px;margin:53px auto 0;overflow: hidden;}
@media screen and (max-width: 600px) {
.main_box {padding-bottom: 40px;}
.main_box_inner {width:100%;margin:10px auto 0;overflow: hidden;}
}
.nav_btn_wrap {width:100%;background: #33A37E;}

ul.nav_btn_box {
  width: 990px;
  background: #F8B62B;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  height: 100px;
  font-size:0;
}

ul.nav_btn_box>li {
  margin: 0;
  display: inline-block;
}
ul.nav_btn_box>li a:hover {opacity: 1;}
.nav_btn {
text-align: center;
position: relative;
display: inline-block;
width:165px;
background: #1D9A71;
box-shadow: 0 0 #1D9A71;
top:0;
left:0;
color: #fff;
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
height:100px;
}

.nav_btn:hover,.here {
background: #117F5A;
box-shadow: 0 0 #1D9A71;
top:4px;
}

.nav_btn:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
height:100px;
background: rgba(255,255,255, 0.2);
z-index: 1;
left: 0;
top: 0;
}

.nav_btn:hover:after {height:0%;}

.nav_btn img {display: block;margin: 17px auto 10px;}
.nav_tx {padding:0 0 10px;font-size:12px;line-height: 1;}
.smp_nav {display: none;}
.smp_nav_btn {display: none;}
@media screen and (max-width: 600px) {
.header {width:100%;height:auto;}
.header h1 {margin:10px auto;float: none;text-align: center;}
.header ul {display: none;}
.main_photo {height:200px;}
.main_photo_box {height:200px;}
.nav_btn_wrap {padding-bottom: 5px;background: none;}
.smp_nav_btn {display: block;line-height: 40px;padding-left: 20px;border: solid 5px #fff;box-sizing:border-box;border-bottom:none;border-top: none;color: #fff;font-size:14px;background: #127a57;position: relative;}
.smp_nav_btn:after {
    content: "\f0fe";
    font-family: FontAwesome;display: block;font-size: 16px;position: absolute;top:0;right:10px;}
  .sp_open .smp_nav_btn:after {
    content: "\f146";}
ul.nav_btn_box {
  width: 100%;
  height: auto;border: solid 5px #fff;box-sizing:border-box;border-bottom:none;border-top: none;display: none;
}

.sp_open ul.nav_btn_box {
display: block;
  }
  
ul.nav_btn_box>li {display:block;}

.nav_btn {
/*text-align: center;*/
/*position: relative;*/
display: inline-block;
width:100%;
  text-align: left;
  padding: 3px 10px;
  box-sizing: border-box;
  border-bottom: solid 1px #fff;
/*
background: #1D9A71;
box-shadow: 0 0 #1D9A71;
top:0;
left:0;
color: #fff;
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
*/
height:auto;

}

.nav_btn:hover,.here {
background: #117F5A;
box-shadow: 0 0 #1D9A71;
top:0;
}

.nav_btn:after {
display: none;
}

.nav_btn:hover:after {height:0%;}

.nav_btn img {margin: 0;width: 28px;height: auto;display: inline-block;}
.nav_tx {padding:0;margin: 0;font-size:14px;display: inline-block;vertical-align: middle;line-height: 30px;margin-left: 10px;}
.smp_nav {display: block;font-size:14px;line-height: 30px;background: #fff;text-align: left;}
.smp_nav li {border-bottom: solid 1px #fff;background: #eee;}
  .smp_nav li:last-child{border: none;}
.smp_nav li a {display: block;padding: 5px 10px;}
}

.left_box {width:650px;float: left;}

.head2 {background:url(img/title_h2.png) left bottom no-repeat;color: #fff;height:71px;width:650px;overflow: hidden;font-size: 1.6rem;position: relative;top:0;left: 0;margin-top: 0 !important;}
.head2:after {content: "";position: absolute;top:0;left:0;background:url(img/title_bg.png);z-index: 10;width: 100%;height:100px}
.h2sp {margin-top: 38px;display: block;padding-left: 20px;}

.topics ul.topics_list {width:650px;margin-top: 0px;overflow: hidden;}
.topics ul.topics_list li {border-bottom: 1px #d3d3d3 dotted;padding: 20px 0;margin-bottom: -1px;}
.datebox {width:126px;background:url(img/topic_dot.png) repeat-y;text-align: center;padding: 22px 0;float: left;}
.datebox .date {font-size:1.2em;margin-left: 10px;}
.datebox .cate {background: #377c44;color: #fff;width:70px;padding: 3px 5px;font-size:1.1em;margin-left: 28px;border-radius: 13px}
.c_recipe_bg {background: #d4a55b !important;}

.linkbox {margin-left: 125px;height:78px;padding: 0;font-size: 1.4em;display: table;width:483px}
.linkbox a {text-decoration: underline;display: table-cell;vertical-align: middle;color: #a9a773;}

.linkbox>span {display: table-cell;vertical-align: middle;color: #8b4513;}

.topic_btn {position: relative;margin-top:0px;height:50px;}

.topic_btn > a {width:100%;background: #aea687;color: #fff;text-align: center;padding: 0;line-height: 1;font-size: 1.5em;letter-spacing: 0.05em;box-shadow: 0px 5px #5f552d;display: table;border-radius: 5px;height:44px;position: absolute;left:0;top:0;}

.topic_btn > a span {vertical-align: middle;display: table-cell;padding-left: 50px;}
.topic_btn > a i {vertical-align: middle;display: table-cell;width:50px}
.topic_btn > a:hover {box-shadow: 0 3px #5f552d;top:2px;}

@media screen and (max-width: 600px) {
.left_box {width:90%;float: none;margin: auto;}

.head2 {background:#5e5444;color: #fff;height:auto;width:100%;overflow: hidden;font-size: 1.6rem;position: relative;top:0;left: 0;margin-top: 0 !important;border-radius: 50px;padding: 10px;box-sizing: border-box;}
.head2:after {content: "";position: absolute;top:0;left:0;background:url(img/title_bg.png);z-index: 10;width: 100%;height:100px}
.h2sp {margin-top: 0;display: block;padding-left: 10px;}

.topics ul.topics_list {width:100%;}
.topics ul.topics_list li {border-bottom: 1px #d3d3d3 dotted;padding: 0;margin-bottom: -1px;background: url(img/topic_dot.png;) repeat-y;margin: 10px 0;}

.datebox {width:100%;background:none;padding: 10px 0;float: none;text-align: left;}
.datebox .date {margin-left: 20px;display: inline-block;vertical-align: middle;}
.datebox .cate {margin-left: 10px;display: inline-block;text-align: center;vertical-align: middle;}

.linkbox {height:auto;display: block;width:100%;margin: 5px 0 10px;margin-left: 20px;}
.linkbox a {display: block;}
.linkbox>span {display: block;}
}

.recipe2_box {padding: 0;margin:0 auto;overflow: hidden;min-width: 990px;width:96%;}
.recipe2 {margin: 0;overflow: hidden;}
.recipe2 div.r_card {padding: 0 10px;margin: 40px 0 0;border-left:1px dashed #ddd;margin-left: -2px;text-align: center;min-height:310px;}
.recipe2 div.r_card a>img {width:150px;height:150px;margin: auto;border-radius: 100px;margin: 16px auto ;
transition:0.3s ease-in-out;}
.recipe2 div.r_card a>img:hover {transform: scale(1.2);}
.slick-slider {margin-bottom: 20px !important;}
.recipe2_box > h2 {background: url(img/fdot.png) left 18px repeat-x;}
.recipe2_box > h2 span {background:#14A89B;color:#fff;text-align: center;width:640px;margin:80px auto 0px;font-size: 1.8rem;font-weight: 200;line-height: 40px;border-radius: 30px;display: block;position: relative;}
.recipe2_box > h2>span:after {content: "";position: absolute;top:0;left:0;background:url(img/title_bg.png);z-index: 1111;width: 100%;height:40px;border-radius: 30px;}

.recipe_bt {position: relative;margin:0 auto;height:50px;width:480px;}
.recipe_bt > a {width:100%;background:#C25A28;color: #fff;text-align: center;padding: 0;line-height: 1;font-size: 1.8rem;font-weight:200;letter-spacing: .0em;box-shadow: 0px 5px #96380D;display: table;border-radius: 5px;height:44px;position: absolute;left:0;top:0;}
.recipe_bt > a span {vertical-align: middle;display: table-cell;padding-left: 50px;}
.recipe_bt > a i {vertical-align: middle;display: table-cell;width:50px;font-size: 1.5em;}
.recipe_bt > a:hover {box-shadow: 0 3px #96380D;top:2px;}

.recipe_title01 {font-size:1.2rem;background: #8E8A75;border-radius: 20px;position: relative;z-index: 1000;color: #fff;padding: 0 10px;display: block;width:200px;height:50px;vertical-align: middle;display: table-cell;}

.recipe_title01 p {text-align: center;}

.recipe_title01:before {content: "";position: absolute;top:0;left:0;background:url(img/title_bg.png);z-index: 1111;width: 100%;height:60px}
.recipe_title01:after {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
display: block;
width: 0px;
height: 0px;
border-style:solid;
border-width:10px 10px 0 10px;
border-color:#8E8A75 transparent transparent transparent;
z-index: 1000;}
p.exp{color: #9a9478;font-size:1.2em;line-height: 1.5;text-align: left;}

@media screen and (max-width: 600px) {
.recipe2_box {min-width: auto;width:90%;}
.recipe2 div.r_card {padding: 0 10px;margin: 20px 0 0;border-left:none;margin-left: 0;min-height:auto;}

.recipe2 div.r_card a>img {width:150px;height:150px;margin: auto;border-radius: 100px;margin: 16px auto;}

.recipe2_box > h2 {background: url(img/fdot.png) left 18px repeat-x;}
.recipe2_box > h2 span {width:90%;margin:40px auto 0;font-size: 1.6rem;}

.recipe_bt {width:100%;}
.recipe_bt > a {width:100%;font-size: 1.6rem;}
.recipe_bt > a i {font-size: 1.5em;}
p.exp{font-size:1.4em;}
}

.right_box {width:340px;margin-left:650px;}
.right_list {margin:27px 0 0 40px;}
.right_list li {margin-bottom: 0px;width:300px;}
ul.right_list >li a {border: 5px solid #908a74;display: block;overflow: hidden;}
ul.right_list >li {margin-bottom: 40px;}

.rbb_text,.rbb_text02 {background:#117F5A;width:auto;position: relative;text-align: center;color: #fff;padding: 16px 10px;line-height: 1.5;}
.rbb_text02 {background:#D8A21A;}

.rbb_text>h4,.rbb_text02>h4 {font-size: 1.5rem;font-weight: 100;}

.rbb_text:after,.rbb_text02:after {content:"";position: absolute;top: 50%;left: 135px;margin-top: -57px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 15px;border-color: transparent transparent #117F5A transparent;}
@media screen and (max-width: 600px) {
.right_box {width:90%;margin:40px auto 0;}
.right_list {margin:0;}
.right_list li {margin: 0 auto;width:280px;}
ul.right_list >li a {border: 5px solid #908a74;box-sizing: border-box;}
ul.right_list >li a img {width: 100%;height: auto;}
ul.right_list >li:first-child {margin-bottom: 20px;}
  
.rbb_text,.rbb_text02 {padding:10px;line-height: 1.5;}

.rbb_text>h4,.rbb_text02>h4 {font-size: 1.4rem;}

.rbb_text:after,.rbb_text02:after {left: 50%;transform: translateX(-50%);}
}

.rbb_text02:after {border-bottom-color:#D8A21A;}

.foot_head {background:url(img/common/bg_foot_edge.png) repeat-x top center;overflow: hidden;}
.foot_head_in {background:url(img/foot_head_bg.png);height:62px;margin-top:10px;padding: 10px 0;}
.foot_box {width:990px;margin: auto;overflow: hidden;font-size: 1.2em;}
.foot_box li {float: left;}
.foot_box li.address_box {width:380px;color: #fff;margin: 14px 0 0 40px;}
.foot_box li.pagetop {width:300px;color:#fff;text-align: center;margin-top: 12px;float: right;}
.foot_box li.pagetop a {display: block;background: #19523f;color: #fff;padding: 10px 0;}
.foot_box li.pagetop a:hover {display: block;background: #2AA399;color: #fff;}
.foot_box li h2 {margin:9px 0 0 10px}
small {font-size: 1.2em;background: url(img/common/bg_main2.png) #C4BDA4;width:100%;color: #8f6137;margin: 0;padding: 0;text-align: center;padding: 16px 0;width:100%;display: block;}
	
.foot_map_wrap {background:url(img/common/bg_footsmap.png);padding: 20px 0;}
.foot_map_box {font-size: 1.2em;overflow: hidden;width:990px;margin: auto;}
.foot_map_box ul {width:100%;padding: 0;margin-left: -10px;margin-top: -1px;overflow: hidden;}
.foot_map_box ul li {margin: 0;margin-left: 10px;border-top: 1px dashed #80ac9d;color:#fff;width: calc(25% - 10px);float: left;padding: 0 10px;box-sizing: border-box;}
.foot_map_box ul li>i {}
.foot_map_box a {color: #fff;display: block;padding: 10px 0;}

@media screen and (max-width: 600px) {
.foot_head {background:url(img/common/bg_foot_edge.png) repeat-x top center;overflow: hidden;}
.foot_head_in {background:url(img/foot_head_bg.png);height:auto;margin-top:10px;padding: 0 0 10px;}
.foot_box {width:100%;margin: auto;overflow: hidden;font-size: 1.2em;}
.foot_box li {float: none;text-align: center;}
.foot_box li.address_box {width:100%;color: #fff;margin: 10px auto 0;text-align: center;}
.foot_box li.pagetop {width:90%;margin: 10px auto 0;float: none;}

.foot_box li h2 {margin:10px 0 0}

small {padding: 10px 0;}
	
.foot_map_wrap {background:url(img/common/bg_footsmap.png);padding: 20px 0;}
.foot_map_box {font-size: 1.2em;overflow: hidden;width:90%;margin: auto;}
.foot_map_box ul {width:100%;padding: 0;overflow: hidden;margin-left: -10px;}
.foot_map_box ul li {margin-left:10px;color:#fff;width: calc(50% - 10px);}
}

/* 大葉ができるまで */
.ob_box {overflow: hidden;margin-bottom: 40px;}
.ob_box >p {font-size: 1.4em;margin:0 1em 1em;text-align: justify;}
.ob_text_box {float: left;width:350px;}
.ob_text_box >p {font-size: 1.4em;margin:0 0 1em 1em;text-align: justify;}

.ob_photo_box {margin-left: 370px;}
.ob_photo_box li {border: solid 1px #ccc;margin-bottom: 10px;}
.ob_photo_box li>img {border:solid 4px #fff;width:270px;height:auto;}

.left_box>h2 {margin:12px auto 20px;}
.left_box>h2.toptitle {margin-top: 0px !important;}

.table_box table {width:315px;font-size: 1.2em;text-align: center;}
.left_table {float: left;}
.right_table {margin-left:335px;}
.table_box table {border-top: solid #333 1px;border-left: solid #333 1px;}
.table_box table td,.table_box table th {border-bottom: solid #333 1px;border-right: solid #333 1px;padding: 5px 0;}
.table_box table th.thead {background: #5F552D;color: #fff;}
.table_box table th {background: #93885E;color: #fff;font-weight: normal;}
.table_box table td {background: #E3E0D2;}
.remark {margin-top: 10px;font-size:10px;color:#777;}

.page_mainv {margin: 28px 0 12px;}

/*大葉ができるまで*/
.makemain {border: solid 1px #ccc;margin-top: 20px;width:640px;}
.makemain>img {border: solid 5px #fff;}
.mtb {margin-top: 20px;}
.make_flow {margin-top: 40px;}
.make_flow_title {width:630px;margin: auto;overflow: hidden;}
.flow_num {width:30px;line-height: 30px;font-size: 14px;background: #1E9F74;color:#fff;text-align: center;border-radius: 5px;float: left;}
.make_flow h3 >span {margin-left:10px;font-size:16px;float: left;display: block;line-height: 30px;font-weight: normal;color:#777;}
.make_text_photo_box {clear: both;margin: 20px auto 0;width: 630px;border-bottom: 1px dotted #ccc;padding-bottom: 20px;}
.make_text_box {font-size: 1.4em;width:320px;float: left;}
.make_text_box>p {margin-bottom: 1em;}
.make_text_box2 {font-size: 1.4rem;}
.make_text_box2>p {margin-bottom: 10px;}
.make_photo_box {margin-left: 340px;width:290px;border: 1px solid #e3e3e3;text-align: center;}
.make_photo_box>img {border:4px solid #fff;}
.make_text_photo_box:last-child {border: none;}
.arrow {font-size: 20px;text-align: center;padding: 0 0 20px;}

/*大葉の効果*/
.ob_table_box {margin-left: 370px;}
.ob_table {font-size: 12px;border-right: solid 1px #ccc;border-top: solid 1px #ccc;}
.ob_table td {width:33.3%;text-align: center;border-left: solid 1px #63864C;border-bottom: solid 1px #63864C;line-height: 24px;background: #fff;}
.ob_table th {border-left: solid 1px #63864C;border-bottom: solid 1px #63864C;font-weight: normal;background: #63864C;color:#fff;font-size: 11px;line-height: 30px;}
.ls-045 {letter-spacing: -0.45em;}
@media screen and (max-width: 600px) {

.table_box table {width:100%;}
.left_table {float: none;}
.right_table {margin-left:0;}
.left_table th,.right_table th {width: 11em;}

.ob_text_box {float: none;width:100%;}
.ob_text_box >p {margin:0 0 1em 0;}
.ob_photo_box {margin-left: 0;}
.ob_photo_box li>img {width:100%;box-sizing: border-box;}
.page_mainv {margin: 20px 0;}
.page_mainv img {width: 100%;height: auto;}

/*大葉ができるまで*/
.makemain {width:100%;}
.makemain>img {width: 100%;height: auto;box-sizing: border-box;}
.mtb {margin-top: 20px;}
.make_flow {margin-top: 40px;}
.make_flow_title {width:100%;}
.make_text_photo_box {width: 100%;}
.make_text_box {font-size: 1.4em;width:100%;float: none;}

.make_photo_box {margin-left:0;width:100%;}
.make_photo_box>img {border:5px solid #fff;width: 100%;height: auto;box-sizing: border-box;}

/*大葉の効果*/
.ob_table_box {margin-left:0;}
.ob_table {width: 100%;}
}

/*レシピアーカイブ*/
h2.recipeh2 {background: url(img/fdot.png) left 18px repeat-x;margin-bottom: 20px;}
h2.recipeh2 span {background:#14A89B;color:#fff;text-align: center;width:100%;margin:27px auto 0px;font-size: 1.8rem;font-weight: 200;line-height: 40px;border-radius: 30px;display: block;position: relative;}
h2.recipeh2>span:after {content: "";position: absolute;top:0;left:0;background:url(img/title_bg.png);z-index: 1111;width: 100%;height:40px;border-radius: 30px;}

div.r_card.r_archive {width:30%;float: left;margin: 20px 0;}
@media screen and (max-width: 600px) {
  .recipe2 {text-align: center;}
div.r_card.r_archive {width:100%;float: none;margin: 15px 0 0;border-bottom: dotted 1px #ccc;padding-bottom: 10px;text-align: center;}
/*
div.r_card.r_archive .recipe_title01 {font-size:1.2rem;background: #8E8A75;border-radius: 20px;position: relative;z-index: 1000;color: #fff;padding: 0 10px;display: block;width:250px;height:50px;vertical-align: middle;display: table-cell;text-align: center;}
.recipe2 div.r_card.r_archive a{width:100%;display: block;}
*/
}

/*レシピシングル*/
.recipe_single {margin-top: 0px;}
.recipe_link p.exp{color: #9a9478;font-size:1.2em;margin: 10px 0 ;line-height: 1.5;}
.recipe_link p.ingredient {color:#c25a28;font-size: 1.2em;margin-bottom: 13px;}
.recipe_foot {margin-top: 10px;position: relative;}
.recipe_photo {border: #eee solid 1px;}
.recipe_photo>img{border: #fff solid 9px;width:630px;height:auto;}

.recipe_title_single {background:url(img/common/bg_washi.png) #FFFBEA;margin-bottom: 20px;}
.recipe_title_single>span {color:#77715b;letter-spacing: .05em;background:url(img/recipe_pin0.png) 10px center no-repeat;display: block;padding: 14px 0 14px 35px;border-left:solid 10px #77715b;font-size: 1.4em;border-radius: 2px;margin: 20px 0 0;}
.recipe_photo_text {overflow: hidden;}

.recipe_text {margin-top: 20px;overflow: hidden;}
.recipe_text p {font-size:1.2em;}
div.exp {width:310px;float: left;}
div.ingredient {margin-left: 330px}

div.exp>p {color: #9a9478;}
div.ingredient>p {color:#c25a28;}

div.exp>h3,div.ingredient>h3 {color:#fff;text-align: center;line-height: 30px;margin-bottom: 10px;border-radius: 20px;font-size:14px;font-weight: normal;letter-spacing: 0.2em;}
div.exp>h3 {background:  #9a9478;}
div.ingredient>h3 {background: #c25a28;}


.step { clear:both;margin-top: 20px;margin-left:-10px;overflow:hidden;counter-reset:number;list-style:none;}
.step li {float:left;height:260px;width:155px;margin-left: 10px;border-bottom: 1px #ccc dotted;font-size: 12px;overflow: hidden;margin-bottom: -1px;}


.step li:before{counter-increment: number;content: counter(number);border-radius: 30px; width:30px;line-height: 30px;background: #14A89B;font-size:14px;text-align: center;color: #fff;border:double;margin: 12px 0 10px;float: left;
}

.step li p {clear: both;text-align: justify;}
.step_icon>i {font-size: 26px;margin: 28px 10px 0 0;color:#14A89B;opacity: .3;}

.flow_photo {margin: 10px 0 10px;}

.step>li:nth-child(4n) div.step_icon i {-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.step>li:last-child div.step_icon i {display: none;}

.recipe_comment h3 {background:  #33A37E;color:#fff;line-height: 30px;margin-bottom: 10px;border-radius: 20px;font-size:14px;font-weight: normal;letter-spacing: 0.2em;text-align: center;margin-top: 40px;}
.recipe_comment>p {font-size:1.2em;}
@media screen and (max-width: 600px) {
.recipe_link p.ingredient {border-bottom: dotted 1px #ccc;}
.recipe_foot {margin-top: 10px;position: relative;}

.recipe_photo {border: #eee solid 1px;}
.recipe_photo>img{border: #fff solid 5px;width:100%;box-sizing: border-box;}

.recipe_title_single {background:url(img/common/bg_washi.png) #FFFBEA;margin-bottom: 20px;}
.recipe_title_single>span {color:#77715b;letter-spacing: .05em;background:url(img/recipe_pin0.png) 10px center no-repeat;display: block;padding: 14px 0 14px 35px;border-left:solid 10px #77715b;font-size: 1.4em;border-radius: 2px;margin: 20px 0 0;}

.recipe_photo_text {overflow: hidden;}

.recipe_text {margin-top: 20px;overflow: hidden;}
.recipe_text p {font-size:1.4em;}
div.exp {width:100%;float: none;margin-bottom: 20px;}
div.ingredient {margin-left: 0;border-bottom:dotted 1px #ccc;padding-bottom: 20px;}

.step { clear:both;margin-top: 10px;margin-left:0;overflow:hidden;counter-reset:number;list-style:none;}
.step li {float:none;height:auto;width:100%;margin-left: 0;font-size: 14px;overflow: hidden;margin-bottom: 0;padding-bottom: 10px;}

.step_icon>i {display: none;}

.flow_photo {margin: 10px 0 0;text-align: center;}

.recipe_comment h3 {margin-top: 20px;}
.recipe_comment>p {font-size:1.4em;}
}
/*トピックシングル*/
.photobox {font-size: 0px;text-align: center;}
.photobox li {display: inline-block;margin: 20px 10px 40px;}
.photobox li img {border: 5px solid #908a74;}
.single {font-size:1.4em;}
.single p {margin-bottom: 1em;}
@media screen and (max-width: 600px) {
.singlebox .topics ul.topics_list li {border-bottom: none;padding: 0;margin-bottom: 0;background: none;}
.singlebox .datebox .date {margin-left: 0px;}
.singlebox .linkbox {margin-left: 0px;}
.singlebox .photobox li {display:block;margin: 20px 0px;}
.singlebox .photobox li img {box-sizing: border-box;width: 180px;height: auto;}
}

/*バイヤー*/
  .freebox {margin-top: 30px;}
  .freebox h3 {background:#117F5A;font-size:16px;text-align: center;padding:10px;color: #fff;font-weight: normal;}
  .freebox p {font-size:16px;margin-top: 10px;}
	.ob_box {overflow: hidden;margin-top: 20px;}
	.ob_text_box {float: left;width:350px;}
	.ob_box p {font-size: 1.4em;margin:10px 0 0;text-align: justify;}

  .ob_photobox {width: 280px;float: right;margin:0 0 0 10px;padding-left: 20px;background: url(img/common/bg_main2.png) #fefefe;}
  .ob_photobox li {border: solid 1px #ccc;margin-top: 20px;}
  .ob_photobox li img {width: 100%;height: auto;border:solid 4px #fff;box-sizing: border-box;}
  .ob_box h4 {background: #DFB447;font-size:14px;padding: 5px 10px;color: #fff;margin-top: 20px;font-weight: normal;width: inherit;}

  .red {color:red;}
@media screen and (max-width: 600px) {
  .freebox {margin-top: 20px;}
  .freebox h3 {font-size:15px;}
  .freebox p {font-size:14px;}
  .ob_photobox {width: 180px;float: none;padding-left:0px;margin: auto;}
  .red {color:red;}
}

.sitemap {overflow: hidden;}
.sitemap li {margin-top: -1px;
  font-size:16px;
  border-top: dotted 1px #3C9D7E;
  display: block;
  padding: 10px;
  box-sizing: border-box;
}
.sitemap li i {line-height: 26px;}
.sitemap li a {display: block;}
.sitemap li a:hover {opacity: .8;}

.form_box table {
  width: 100%;
}

.form_box table th {width: 180px;font-size:14px;text-align: left;font-weight: normal;vertical-align: middle;background:#117F5A;color: #fff;}
.form_box table tr {overflow: hidden;}
.form_box table td,.form_box table th {border-top:solid 1px #ccc;padding: 20px; box-sizing: border-box;}
.form_box table tr:first-child td,
.form_box table tr:first-child th {border: none;}
.form_box table th span {color: crimson;}
.form_box table td input[type="text"] {line-height: 20px;}
textarea {width: 100% !important;box-sizing: border-box;border-color: #ccc;}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type="submit"] {background:#d8518d;color: #fff;width: 40%;line-height: 36px;font-size: 14px;border-radius: 10px;letter-spacing: 0.5em;}
.form_box table tr:last-child td {text-align: center;}
@media screen and (max-width: 600px) {
  .form_box table td,.form_box table th {display: block;width: 100%;}
  .form_box table th {padding: 10px;}
  .form_box table td {border: none;padding: 10px 0;}
}

.wpcf7-mail-sent-ok {
    border: 5px solid #2A6854;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
    padding: 10px;
    color: #2A6854;
}
.screen-reader-response {
    display: none;
}