/*
Theme Name: oops child
Description: WordPressテーマ「oops」の子テーマです。
Template: oops_tcd048
Version: 1.6 
*/

/*
 font-family: 'Hina Mincho', serif;
font-family: 'Kiwi Maru', serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
 * */

body{font-family: 'Noto Sans JP', sans-serif !important;}

.p-global-nav li, .bc-back, .bc-back_02, .about_cath, .sa_cach01, .pro_li_desc, .pro_li_num, .prouct_ttl_num{font-family: 'Hina Mincho', serif !important;}

.listing-item, .btn_01, .t_up_txt, .insta_txt, .insta_ttl, span.new_span, .ex_txt, .blog_date_txt, .wp-pagenavi a, .wp-pagenavi span, .p-footer-nav li, .foll_txt, .p-copyright small, .custum-news-list, .single_post_time, .single_post_ttl, .magazine_sub_title, .page-sns_li01 span, .recipe_btn_ul li span, .about_txt, .about_txt_right, .a_s_txt, .f_02, .f_02_s, .asul_20 span, .prouct_ttl, .prouct_name, .item-flex60, .item_desc, .osusume_li60, .osusume_01, .osusume_ttl01, .osusume_02, .osusume_ttl02{font-family: 'Noto Serif JP', serif !important;}


/* ==============header================ */
.l-header__inner {
    display: block !important;
}
.head_subimg img {
    width: 100%;
}

.head_subimg {
    margin: 0px auto 25px;
    max-width: 500px;
    padding-top: 25px;
}
.l-header--large {
    height: 190px !important;
	line-height: 2 !important;}
.l-header {
    height: 190px !important;
    line-height: 2 !important;
position: absolute !important;
    top: 0;
    left: 0;
    z-index: 999;
}




/* ==============header logo================ */
.l-header__logo {
    display: block !important;
    width: 40%;
    margin: 0 auto;
    max-width: 300px;
}
.l-header__logo a {
    display: block;
    position: relative;
    width: auto;
    height: auto;
}
.l-header__logo img {
    width: 100%;
    height: auto;
    max-width: 100%;
}



/* ==============メインビジュアル================ */
.p-index-slider {
    height: auto !important;
    min-height: unset !important;
    padding-top: 48.8%;
    width: 90%;
    margin: 0 auto 0 0;
}

/*221214追加*/
.p-index-slider__item.is-active .p-index-slider__item-image {
    transition-delay: 0s;
    width: 300%;
}
main.l-main {
    margin-top: 286px;
}



/* ==============global================ */
@media only screen and (min-width: 1200px){
nav {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
}
.p-global-nav {
    display: table !important;
    width: 100%;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}
.p-global-nav li {
    width: 16.6%;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.5em !important;
}
.p-global-nav > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
	position:relative;
}
.p-global-nav li a:hover:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: #E59D22;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0.2;
    z-index: -1;
    border-radius: 100%;
}
#menu-item-140, #menu-item-143, #menu-item-144, #menu-item-145, #menu-item-146 {
    display: none;
}
}


/* ==============ページトップ================ */

/* pagetop tag */
.p-pagetop {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 9999;
}
.p-pagetop a:hover {
    opacity: 0.7;
}
.p-pagetop a {
    background: url(/wp-content/uploads/pagetop_img.png)center top no-repeat;
    display: block;
    background-size: contain;
    position: relative;
    width: 40px;
    height: 120px;
}
.p-pagetop a::after{display:none}









/**====TOPコンテンツ===========================================================*/
.top_btn_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.top_btn_box {
    width: 55%;
    max-width: 850px;
    position: relative;
    top: -120px;
    right: 7%;
    margin: 0 0 -80px auto;
}

.top_btn:hover {
    opacity: 0.8;
}

.top_btn a {
    display: block;
    position: relative;
    width: auto;
    height: auto;
}
.top_btn {
    flex: 1;
    padding: 0 2%;
    margin-bottom: 0 !important;
    line-height: 1 !important;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}


.w-inner {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}

.news_ul {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.news_li40 {
    width: 23%;
    float: left;
    position: relative;
    margin: 0 7% 0 0;
}
.news_li60 {
    width: 70%;
    float: left;
    position: relative;
}
.bc-back {
    text-align: center;
    position: relative;
}
.bc-back:before {
    width: 115px;
    position: absolute;
    content: "";
    border-bottom: solid 1px #513B32;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -30px;
}

.sp_block{display:none}
.bc-txt {
    font-size: 45px !important;
    line-height: 1em !important;
    color: #7C614B;
    letter-spacing: 1px;
	margin-bottom:30px !important
}
.bc-ttl {
    font-size: 45px !important;
    color: #513B32;
    letter-spacing: 1px;
    line-height: 1.5em !important;
}

.listing-item .title {
    font-size: 18px !important;
    color: #707070 !important;
}
.listing-item {
    position: relative;
    padding: 17px 0 22px 0px;
}
span.date {
    position: absolute;
    top: 0;
    left: 0;
    color: #707070 !important;
    line-height: 1.2em !important;
}
.listing-item .title:hover {
    text-decoration: underline;
}
.bl-back {
    position: relative;
    margin-bottom: 50px;
}


.btn_01 a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    color: #513B32 !important;
    border: solid 1px #707070;
    border-radius: 5px;
    text-align: center;
    padding: 9px 0;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
	line-height: 1.8em;
}
.btn_01 {
    width: 90%;
    max-width: 339px;
    position: relative;
    margin: 20px auto 20px 0;
}
.btn_01 a:before {
    position: absolute;
    content: "";
    display: block;
    right: 20%;
    top: 23px;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn_01 a:hover {
    background: rgb(229 157 34 / 20%);
}

.t_ul {
    position: relative;
    width: 100%;
    display: table;
}
.t_uli40 {
    width: 28%;
    float: left;
    position: relative;
    margin: 0 0 0 2%;
}
.t_uli60 {
    width: 70%;
    float: left;
    position: relative;
}

.haikei01 {
    margin: 100px auto 100px;
    background: #FAF7F0;
    padding: 150px 0;
    position: relative;
}
.haikei01:before {
    content: "";
    width: 100%;
    height: 5%;
    background: rgb(250,247,240);
    background: -moz-linear-gradient(0deg, rgba(250,247,240,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(250,247,240,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(0deg, rgba(250,247,240,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faf7f0",endColorstr="#ffffff",GradientType=1);
    background-position: top;
    top: -15px;
    position: absolute;
}
.haikei01:after {
    content: "";
    width: 100%;
    height: 5%;
background: rgb(250,247,240);
background: -moz-linear-gradient(180deg, rgba(250,247,240,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(250,247,240,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(250,247,240,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faf7f0",endColorstr="#ffffff",GradientType=1);
    background-position: bottom;
    bottom: -15px;
    position: absolute;
}
.t_uli40 .bc-back {
    margin: 70px auto 120px;
}

.wiiter_btn a:hover{opacity:0.7}
.wiiter_btn a {
/*    background: #0093FF;*/
    background: #000;
    border-radius: 100px;
    position: relative;
    display: block;
    font-size: 16px !important;
    text-align: center;
    padding: 10px 0 15px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.wiiter_btn .c-share__icn {
    color: #fff !important;
    font-size: 29px;
    left: -28px;
    position: relative;
    top: 6px;
}
span.tt_txt {
    font-weight: bold;
    color: #fff !important;
}
.wiiter_btn {
    max-width: 348px;
    margin: 0 auto !important;
}
.t_up_txt {
    font-size: 18px !important;
    font-weight: 500;
    color: #513B32;
}
span.blue_span {
    color: #0093FF !important;
    font-weight: bold;
    margin-right: 30px;
}



.insta_bcc {
    position: relative;
    display: table;
    width: 100%;
}
.insta_bcc li {
    width: 30%;
    float: left;
    margin: 0 3% 40px 0;
}
.insta_box01 {
    position: relative;
    margin-bottom: 50px;
}
span.inss_txt {
    font-weight: bold;
}


.insta_btn a:hover{opacity:0.7}
.insta_btn a {
    position: relative;
    display: block;
    font-size: 23px;
    color: #fff !important;
    background: rgb(76,100,211);
    background: -moz-linear-gradient(90deg, rgba(76,100,211,1) 0%, rgba(207,46,146,1) 17%, rgba(210,52,138,1) 35%, rgba(242,105,57,1) 86%, rgba(255,221,131,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(76,100,211,1) 0%, rgba(207,46,146,1) 17%, rgba(210,52,138,1) 35%, rgba(242,105,57,1) 86%, rgba(255,221,131,1) 100%);
    background: linear-gradient(90deg, rgba(76,100,211,1) 0%, rgba(207,46,146,1) 17%, rgba(210,52,138,1) 35%, rgba(242,105,57,1) 86%, rgba(255,221,131,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c64d3",endColorstr="#ffdd83",GradientType=1);
    padding: 12px 0;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.insta_btn {
    max-width: 348px;
    margin: 0 auto !important;
    position: absolute;
    right: 0;
    top: 0;
	width:90%;
}

.icn-insta:before {
    background: url(/wp-content/uploads/Icon-insta.png)center top no-repeat;
    position: absolute;
    content: "";
    background-size: contain;
    width: 35px;
    height: 35px;
    top: 0;
    left: 0;
}

.icn-insta {
    position: relative;
    left: -58px;
    top: 1px;
}
.insta_ttl {
    font-size: 34px !important;
    color: #513B32;
    font-weight: 500;
    line-height: 1.4em !important;
}
.insta_block {
    margin: 120px auto 20px;
    position: relative;
}
.insta_txt {
    font-size: 20px !important;
    color: #513B32;
    line-height: 1.4em !important;
    margin-bottom: 10px !important;
}

.ws-inner {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
.product_block ul {
    position: relative;
    width: 100%;
    display: table;
    margin: 150px auto 100px;
}
span.new_span {
    position: absolute;
    top: 0;
    right: 20px;
    background: #E59D22;
    border-radius: 100%;
    padding: 3%;
    color: #513B32;
}
.product_block li {
    width: 20%;
    float: left;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.product_block li a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
}
.product_block li:hover {
    opacity: 0.7;
}
.product_block .btn_01 {
    margin: 20px auto;
}

.haikei_02:before {
    position: absolute;
    background: url(/wp-content/uploads/haikei02_uper.png)top center no-repeat;
    background-size: contain;
    content: "";
    top: -214px;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
	z-index:-1
}

.haikei_02 {
    position: relative;
    background: #F7F3ED;
    padding: 50px 0;
    margin-top: 280px;
}
.haikei_03 {
    position: relative;
    background: #F7F3ED;
    padding: 50px 0;
    margin-bottom: 200px;
}
.haikei_03:after {
    position: absolute;
    background: url(/wp-content/uploads/haikei02_under.png)bottom center no-repeat;
    background-size: contain;
    content: "";
    bottom: -214px;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
	z-index:-1
}
.news_ul_list {
    margin: 150px auto 80px;
    display: table;
    width: 100%;
}
.blog_ul_li{
    width: 48%;
    margin: 0px 1% 20px;
    float: left;
	position:relative
}
.blog_box_in {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}
.thum_img img {
    width: 100%;
    height: 159px;
}
.cate_cc a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
}
.blog_box_in li {
    width: 48%;
    float: left;
    position: relative;
    display: block;
    margin: 0 1% 20px;
}
.cate_cc {
    background: #7C614B;
    display: inline-block;
    border-radius: 100px;
    color: #fff;
    padding: 6px 15px;
    margin-bottom: 15px;
}
.thum_img:hover {
    opacity: 0.7;
}
.ex_txt a:hover {
    opacity: 0.7;
}
.ex_txt a {
    color: #513B32;
	font-weight: 500;
}
.ex_txt {
    font-size: 19px;
    letter-spacing: 1px;
    color: #513B32;
    font-weight: 500;
}

.blog_date_txt {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 15px !important;
    color: #513B32;
}


.haikei_03 .btn_01 {
    margin: 20px auto;
}
.haikei_02 .btn_01 {
    margin: 20px auto;
}


/***** top レシピ　一覧********************************************************/

/*検索*/
.search-btn {
    border: none;
    background: unset;
}
.sasca {
    display: none;
}
.form-text {
    float: right;
    width: 90%;
    padding: 12px 7px;
}
form.Search-form-style {
    background: #fff;
    width: 40%;
    max-width: 450px;
    margin: 0 0 0 auto;
    display: table;
    position: relative;
    border-radius: 7px;
}
span.dashicons.dashicons-search {
    position: relative;
    display: block;
    height: 30px;
    width: 20px;
    padding: 5px;
}
span.dashicons.dashicons-search:before {
    background: url(/wp-content/uploads/serch_img.png)center no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.anse {
    font-size: 17px;
    color: #333;
    text-align: center;
    margin: 0 auto 50px;
}
.scroll_inbox a {
    display: block;
    position: relative;
}
.scroll_inbox .beaf_title {
    padding: 6px 11px 7px 29px;
    border-radius: 100px;
    font-size: 17px;
}
.sl_img img {
    width: 130px;
}

.sl_img {
    text-align: right;
    margin-bottom: 20px !important;
}
.scroll_inbox .time_box {
    margin: 0px 0 10px 0;
}

.scroll_inbox span.time_dsd:before {
    width: 17px;
    height: 17px;
    left: -22px;
    top: 4px;
}
.recipe_ul_img img {
    width: 100%;
    box-shadow: 2px 2px 15px #9f9f9f;
    border-radius: 10px;
}
.recipe_ul_li .time_box {
    margin: 1px 4% 14px 0;
}
.recipe_ul_img {
    width: 85%;
    margin: 0 auto !important;
position: relative;
    z-index: 1;
}
.recipe_desc_box {
    background: #EAE4D9;
    position: relative;
    padding: 33px 4% 15px;
    border-radius: 10px;
    top: -15px;
}
.recipe-subtitle_top {
    font-size: 15px;
    font-weight: 300;
    color: #513B32;
    letter-spacing: 0;
    text-align: center;
    margin: 0 auto 10px !important;
	line-height: 1.5em;
    overflow: hidden;
    clear: both;
    white-space: normal;
}
.recipe-title_top {
    font-size: 22px;
    font-weight: 300;
    color: #513B32;
    letter-spacing: 0;
    text-align: center;
	margin: 0 auto 3px !important;
}

.recipe_desc_ul {
    width: 100%;
    display: table;
    position: relative;
    margin-bottom: 10px;
	    min-height: 64px;
}
.recipe_box_li30 {
    width: 26%;
    float: left;
    position: relative;
}
.recipe_box_li30 span {
    font-size: 12px;
    color: #513B32;
    font-weight: 500;
}
.recipe_box_li60 {
    width: 74%;
    float: left;
    position: relative;
}
.recipe_box_li60 span {
    display: inline-block;
    background: #fff;
    font-size: 15px;
    color: #513B32;
    font-weight: 300;
    padding: 5px 7px;
    border-radius: 5px;
    margin: 0 7px 6px 0px;
    float: left;
    width: auto;
}

.recipe_desc_box .recipe_kcal_ul {
    width: 80%;
}


.scroll {
  margin: auto;
  overflow-x: auto;
  white-space: nowrap;
}
.scroll_inbox {
    display: inline-block;
    height: 540px;
    width: 500px;
    margin: 0 11px;
	    transition: all 0.3s ease 0s;
}
.scroll_inbox:hover {
    opacity: 0.7;
}
.slide-inner {
    width: 85%;
    margin: 80px 5% 0 10%;
    position: relative;
}

.recipe_img_back {
    height: 260px;
    position: relative;
    width: 85%;
    display: block;
    margin: 0 auto;
}
.recipe_img_back .image {
    height: 100% !important;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #5c5c5c;
}
.recipe_ttl_box {
    min-height: 77px;
    position: relative;
}

.recipe_ttl_in_box{position: absolute;
    top: 50%;
    left: 50%;
width: 100%;
    transform: translate(-50%,-50%);
	z-index: 1;}

.scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}



/***** マガジン　archiveページ********************************************************/
.archive-haikei {
    position: relative;
    background: #FAF7F0;
    padding: 100px 0 20px;
}
.bc-back_02 {
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}
.bc-back_02:before {
    width: 115px;
    position: absolute;
    content: "";
    border-bottom: solid 1px #513B32;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -30px;
}
.magazine_ul_list {
    position: relative;
    display: table;
    width: 100%;
    margin: 100px auto 100px;
}
.magazine_ul_li {
    width: 80%;
    float: left;
    margin: 0 auto 50px;
    position: relative;
}
.magazine_ul_li .thum_img img {
    height: 249px;
}

.magazine_ul_in {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

.maga_li .cate_cc {
    padding: 11px 19px;
}
.maga_li .ex_txt {
    font-size: 30px;
    line-height: 1.5em;
}
.maga_li .cate_cc a {
    font-size: 17px !important;
}
.maga_li .blog_date_txt {
    font-size: 19px !important;
    bottom: 9px;
}
.maga_li {
    width: 43% !important;
    margin: 0 0 0 3% !important;
    float: left;
    position: relative;
}

.maga_li_img {
    width: 52% !important;
    float: left;
    position: relative;
}

.archive_select_ul {
    display: table;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 75px 0 0 auto;
}
.asul_20 span {
    color: #513B32;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    top: 8px;
}
select.archive_select {
    width: 100%;
    border: solid 1px #513B32;
    position: relative;
    padding: 10px 14px;
    border-radius: 100px;
    color: #513B32;
}
.asul_80:before {
    position: absolute;
    content: "";
    display: block;
    right: 23px;
    top: 16px;
    border-left: 1px solid #513b32;
    border-bottom: 1px solid #513b32;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.asul_20 {
    width: 30%;
    float: left;
	text-align:center;
}
.asul_80 {
    width: 70%;
    float: left;
    position: relative;
    display: block;
}

/*wp-pagenavi*/
.wp-pagenavi {
    max-width: 322px;
    width: 90%;
    margin: 0 auto 100px;
}
.wp-pagenavi a.last {
    display: none;
}
.wp-pagenavi span.pages {
    display: none;
}
.wp-pagenavi span.current {
    color: #E59D22 !important;
    font-weight: 500 !important;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: unset;
    margin: 2px 12.5%;
    font-size: 32px;
    color: #513B32;
}

/************END ******************************************************/



/***** マガジン　記事********************************************************/
.single_inner p {
    font-size: 16px ;
    line-height: 1.8em;
    margin-bottom: 20px;
    color: #513B32;
}
.archive-haikei01 {
    position: relative;
    background: #FAF7F0;
    padding: 0px 0 20px;
}
.spost-inner {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}
.magazine_thumbnail_back {
    height: 600px;
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 50px;
}
.haikei_brown {
    background: #7C614B;
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}
.magazine_thumbnail_back .image {
    height: 100% !important;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
		width: 100%;
		background-size: contain !important;
		width: 100%;
}
.magazine_sub_title {
    font-size: 40px;
    text-align: center;
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
    color: #513B32;
    font-weight: bold;
    line-height: 1.6em !important;
}

.cate_cc02 a {
    color: #fff;
    font-size: 17px;
    letter-spacing: 1px;
}
.cate_cc02 {
    background: #7C614B;
    display: inline-block;
    border-radius: 100px;
    color: #fff;
    padding: 10px 18px;
    margin-bottom: 0 !important;
}
figure.wp-block-image.size-large img {
    width: 100%;
}
.f_01 {
    font-size: 22px !important;
    font-weight: bold;
    border-bottom: solid 1px;
    padding-bottom: 10px;
    margin-bottom: 55px !important;
}
.f_02 {
    font-size: 20px !important;
    background: #FAF7F0;
    padding: 0 10px 0 0;
    position: relative;
    display: inline-block;
}
.f_02_block:before {
    position: absolute;
    width: 100%;
    border-top: solid 1px #513B32;
    content: "";
    top: 18px;
}

.f_02_block {
    position: relative;
}
.f_03 {
    font-weight: bold;
    font-size: 17px !important;
}

.d_ul {
    display: table;
    width: 100%;
    position: relative;
}
li._li60 {
    width: 60%;
    float: right;
}
li._li60 img {
    width: 100%;
}
._li60_s img {
    width: 100%;
}

._li60_s {
    float: left;
    width: 60%;
}

li._li40 img{width:100%}
li._li40 {
    width: 30%;
    float: left;
    margin: 0 0 0 10%;
}
.r_ce {
    text-align: center;
    margin: 40px auto;
    width: 90%;
    max-width: 330px;
}

.f_02_s {
    font-size: 20px !important;
    background: #FAF7F0;
    padding: 0 0 0 10px;
    position: relative;
    display: inline-block;
}

.f_02_s_block:before {
    position: absolute;
    width: 100%;
    border-top: solid 1px #513B32;
    content: "";
    top: 18px;
    left: 0;
}
li._li40_s {
    width: 30%;
    margin: 0 10% 0 0;
    float: left;
}
li._li40_s img {
    width: 100%;
}
li._li40_s img img{width:100%}

.f_02_s_block {
    text-align: right;
    position: relative;
}
.post-img-center {
    max-width: 340px;
    margin: 50px auto !important;
}
.post-img-center img {
    width: 100%;
    height: auto;
}
/*.link_b a:before {
    position: absolute;
    content: "";
    display: block;
    left: 0px;
    top: 14px;
    border-right: 2px solid #402f28;
    border-bottom: 2px solid #402f28;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}*/

.link_b a:hover {
    opacity: 0.7;
}
.link_b a {
    font-weight: bold;
    color: #402f28;
    position: relative;
    display: inline-block;
    padding: 0 0;
}
.link_b {
    text-align: right;
    font-size: 18px ;
    position: relative;
    right: 0%;
}

.lonk_b_right-right:before {
    position: absolute;
    content: "";
    display: block;
    right: 11px;
    top: 14px;
    border-right: 2px solid #402f28;
    border-bottom: 2px solid #402f28;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.lonk_b_right-right a {
    font-weight: bold;
    color: #402f28;
    position: relative;
    display: inline-block;
    padding: 0 30px;
}
.lonk_b_right-right a:hover {
    opacity: 0.7;
}
.lonk_b_right-right {
    text-align: right;
    font-size: 18px;
    position: relative;
}

.cen_li {
    width: 100%;
    float: left;
    margin: 50px auto 0;
}

/*目次*/
#toc_container {
    padding: 2% 5%;
    margin: 70px auto;
}
#toc_container .toc_title {
    text-align: left !important;
    font-size: 17px !important;
    position: relative;
    padding-left: 28px !important;
    margin-bottom: 10px !important;
    line-height: 1.5em !important;
}
.toc_list li {
    margin-bottom: 15px !important;
}
#toc_container .toc_title:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 13px solid #513b32 !important;
    border: 8px solid transparent;
}
/*END*/

.single_inner h2 {
    font-size: 24px;
    font-weight: bold !important;
    color: #513b32;
    border-bottom: solid 1px #513b32;
    padding-bottom: 12px;
    margin: 50px auto 30px;
}
.single_inner h3 {
    font-size: 20px;
    font-weight: bold ;
    color: #513b32;
    margin: 50px auto 20px;
}
.single_inner h4 {
    font-size: 20px;
    font-weight: bold !important;
    color: #513b32;
    margin: 50px auto 20px;
}
.single_inner h2 span, .single_inner h4 span, .single_inner h3 span {
    font-weight: bold;
}
.post-img img {
    width: 100%;
    height: auto;
}

.post-img {
    text-align: center;
    margin: 0 auto 30px !important;
}

.pagenavi-sns_block {
    border-top: solid 1px #513B32;
    border-bottom: solid 1px #513B32;
    margin: 50px auto;
    padding: 35px 0;
    position: relative;
}
.pagenavi-sns_ul li {
    width: 21%;
    margin: 0 2%;
    float: left;
    position: relative;
	text-align: center;
}
.pagenavi-sns_ul li a:hover{opacity:0.7}
.pagenavi-sns_ul li a {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.pagenavi-sns_ul {
    width: 30%;
    display: table;
    margin: 0 0 0 auto;
}

.page-sns_li02 i.c-share__icn.c-share__icn--twitter {
    color: #513B32;
    font-size: 35px;
}


.page-sns_li03 i.c-share__icn.c-share__icn--facebook {
    color: #513B32;
    font-size: 35px;
}
.page-sns_li04 img {
    width: 40px;
}
.page-sns_li01 span {
    color: #513B32;
    font-size: 21px;
    font-weight: 500;
    position: relative;
    top: 5px;
}
.page-navi-ul li a:hover {
    opacity: 0.7;
}
.center_li a {
    vertical-align: middle;
    font-size: 20px;
    color: #513B32;
}
.pre_li a {
    width: 100px;
    display: block;
    position: relative;
    font-size: 0;
    height: 25px;
}
.pre_li a:before {
    background: url(/wp-content/uploads/pnavi-arrow.png)top center no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 100px;
    height: 25px;
}
.next_li a:before {
    background: url(/wp-content/uploads/pnavi-arrow01.png)top center no-repeat;
    background-size: contain;
    top: 0;
    right: 0;
    content: "";
    position: absolute;
    width: 100px;
    height: 25px;
}
.next_li a {
    width: 100px;
    display: block;
    position: relative;
    font-size: 0;
    height: 25px;
    text-align: right;
    margin: 0 0 0 auto;
}
.page-navi-ul li {
    flex: 1;
    text-align: center;
}
.page-navi-ul li a {
cursor: pointer;
transition: all 0.3s ease 0s;}

.page-navi-ul {
    display: flex;
    width: 100%;
    position: relative;
    margin:70px auto 0;
}

.s-inner {
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.s-inner .magazine_ul_li {
    width: 100%;
}
.s-inner .magazine_ul_list {
    margin: 100px auto 100px;
}
.wh_haikei {
    background: #fff;
    padding: 80px 0 30px;
    margin: 0 auto 50px;
}
.r_ce img {
    width: 100%;
}
.br_h3_ttl {
    font-size: 30px !important;
    text-align: center;
    font-weight: 400 !important;
    color: #fff;
    border-bottom: dotted #fff 2px;
    padding-bottom: 25px;
}
.br_h3_ttl span {
    color: #fff !important;
    font-weight: 400 !important;
}
/************END ******************************************************/

/***** footer********************************************************/
.l-footer {
    background: #fff !important;
	    padding-bottom: 35px;
}
.ff_block_out {
    display: none;
}
.p-footer-nav {
    display: table;
    position: relative;
    width: 100%;
}
.p-footer-nav li {
    width: 45%;
    float: left;
    text-align: center;
    position: relative;
    margin: 0 auto 30px;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.2em;
}
.p-footer-nav a {
    color: #513B32;
}
.l-footer__inner {
    display: table;
}
.footer-right-menu {
    width: 45%;
    float: left;
}
.footer-left-menu {
    width: 55%;
    float: left;
    position: relative;
	padding-top: 20px;
}

.footer-ws-inner {
    width: 90%;
    max-width: 1000px;
    margin: 50px auto;
    position: relative;
}

.eat_link_ul {
    width: 100%;
    position: relative;
    display: table;
    margin: 0 auto 50px;
}
.eat_link_ul li {
    width: 46%;
	  margin: 0 auto;
    /*margin: 0 2%;
    float: left;
    position: relative;*/
}
.e_link02 {
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 1px 5px #ddd;
    max-width: 382px;
    border-radius: 6px;
	    cursor: pointer;
    transition: all 0.3s ease 0s;
	    padding: 1% 0;
}

.e_link01 {
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 1px 5px #ddd;
    max-width: 382px;
    border-radius: 6px;
	    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.e_link02 a {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    padding: 12px 0 15px;
}

.e_link01 a {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    padding: 19px 0 22px;
}

.e_link01:hover, .e_link02:hover {
    opacity: 0.7;
}
.p-footer-nav li + li::before{display:none}
span.fnavi-span {
    font-size: 10px;
	letter-spacing:1px
}
.foll_txt {
    margin: 0 auto !important;
    font-size: 22px;
    text-align: center;
    color: #513B32;
	position:relative;
    display: inline-block;
}
.foll_box {
    margin: 50px auto 20px !important;
    text-align: center;
}
.footer_sns_ul li {
    width: 40%;
    margin: 0 5%;
    float: left;
	text-align:center;
}

.footer_sns_ul {
    width: 150px;
    margin: 0 auto;
    display: table;
}
/*SP設定*/
@media only screen and (max-width: 767px){
.footer_sns_ul {
    width: 120px;
    margin: 0 auto;
    display: table;
}
	}

.fo_sns_right a {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    text-align: center;
}
.fo_sns_right img {
    width: 37px;
    height: auto;
}
.footer_sns_ul li{
cursor: pointer;
transition: all 0.3s ease 0s;}
.footer_sns_ul li:hover {
    opacity: 0.7;
}

.fo_sns_left  {
	    margin-top: -2% !important;
}
/*SP設定*/
@media only screen and (max-width: 767px){
	.fo_sns_left  {
	    margin-top: -4% !important;
}
}

.fo_sns_left a {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    text-align: center;
	    margin-top: -2%;
}
.fo_sns_left .c-share__icn {
    font-size: 36px;
    left: 0;
    position: relative;
    top: 0;
    color: #513B32;
}

.foll_txt:after {
    content: "";
    position: absolute;
    -webkit-transform: rotate(23deg);
    -moz-transform: rotate(23deg);
    -o-transform: rotate(23deg);
    transform: rotate(23deg);
    border-left: solid 2px #513b32;
    height: 30px;
    right: -20px;
    bottom: -8px;
}
.foll_txt:before {
    content: "";
    position: absolute;
    -webkit-transform: rotate(-23deg);
    -moz-transform: rotate(-23deg);
    -o-transform: rotate(-23deg);
    transform: rotate(-23deg);
    border-left: solid 2px #513b32;
    height: 30px;
    left: -20px;
    bottom: -8px;
}
.footer_link_ul li a {
    vertical-align: middle;
    display: block;
    position: relative;
    width: auto;
    height: auto;
}

.footer_link_ul li img {
    width: 100%;
    vertical-align: middle;
}
.footer_link_ul li:hover {
    opacity: 0.7;
}
.footer_link_ul li {
	cursor: pointer;
    transition: all 0.3s ease 0s;
    float: left;
    width: auto;
    margin: 0 4% ;
    height: 105px;
    vertical-align: bottom;
    line-height: 105px;
}
.footer_link_ul {
    position: relative;
    width: 90%;
    display: flex;
    margin: 0 auto 30px;
}
.p-copyright small {
    float: unset;
    color: #513B32;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}
.u-clearfix {
    text-align: center;
}
/************END ******************************************************/


/***** news achive ＆　記事********************************************************/

.custum-news-list {
    margin: 90px auto;
}
.custum-news-list ul {
    width: 100%;
    position: relative;
    display: table;
}
.custum-news-list ul li {
    border-bottom: solid 1px #a7a7a7;
    padding: 20px 0;
    position: relative;
}
.news_cus_time {
    color: #707070;
    margin-bottom: 10px !important;
}
.news_cus_title {
    font-size: 20px !important;
    margin: 15px auto 0px;
    line-height: 1.6em !important;
}
.news_cus_title a {
    display: block;
    position: relative;
    color: #513B32 !important;
}
.news_cus_title a:hover {
    opacity: 0.7;
    text-decoration: underline;
}
.single_post_time {
    font-size: 20px !important;
    color: #513B32;
    text-align: right;
}
.single_post_ttl {
    font-size: 35px !important;
    color: #513B32;
    font-weight: 500;
    line-height: 1.6em;
    margin: 40px auto 50px;
    border-bottom: solid 1px #707070;
    padding-bottom: 30px;
}

.single_inner {
    margin-bottom: 60px;
}

/************END ******************************************************/






/***** レシピ記事********************************************************/
.pagenavi-sns_ul_01 {
    width: 30%;
    display: table;
    margin: 0 0 0 auto;
}

.pagenavi-sns_ul_01 li a:hover {
opacity:0.7
}
.pagenavi-sns_ul_01 li a {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.pagenavi-sns_ul_01 li {
    width: 29%;
    margin: 0 2%;
    float: left;
    position: relative;
    text-align: center;
}

.pagenavi-sns_ul_01 .page-sns_li01 span {
    font-size: 15px;
    top: 11px;
}

.pagenavi-sns_ul_01 .page-sns_li01 {
    width: 40% !important;
}
.pagenavi-sns_ul_01 .page-sns_li02 {
    width: 24% !important;
}
.pagenavi-sns_ul_01 .page-sns_li04 {
    width: 24% !important;
}
.archive-haikei02 {
    position: relative;
    background: #EAE4D9;
    padding: 70px 0 16%;
	    overflow: hidden;
}
.time_box {
    text-align: right;
    position: relative;
    margin: 50px 7% 35px 0;
}
.beaf_title {
    display: inline-block;
    background: #E59D22;
    padding: 12px 15px 15px 40px;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 500;
    color: #513B32;
    position: relative;
    line-height: 1 !important;
}
span.time_dsd {
    font-size: 16px;
    font-weight: 500;
    color: #513B32;
    margin-right: 18px;
    position: relative;
}
span.time_short {
    font-size: 14px;
    font-weight: 500;
    color: #513B32;
    position: relative;
    margin: 0 2px;
}
span.time_dsd:before {
    background: url(/wp-content/uploads/Icon-feather-clock.png)top left no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: absolute;
    content: "";
    left: -27px;
    top: 2px;
}
.recipe_img img {
    width: 100%;
    box-shadow: 2px 2px 15px #9f9f9f;
    border-radius: 15px;
}

.recipe_img {
    width: 80%;
    margin: 0 auto 60px !important;
    position: relative;
    z-index: 1;
}
.recipe-title {
    font-size: 30px;
    font-weight: 300;
    color: #513B32;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 auto 20px !important;
}
.recipe-subtitle{
	font-size: 20px;
    font-weight: 300;
    color: #513B32;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 auto 20px !important;
}
.recipe_menu_box {
    position: relative;
    padding-bottom: 20px;
    border-bottom: dotted 2px #513B32;
    margin-bottom: 40px;
	    z-index: 1;
}

span.rk_01span {
    position: relative;
}


span.rk_01span:before {
    background: url(/wp-content/uploads/caro_ico.png)center no-repeat;
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background-size: contain;
    top: 3px;
    left: -22px;
}

span.rk_02span:before {
    background: url(/wp-content/uploads/salt_ico.png)center no-repeat;
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background-size: contain;
    top: 3px;
    left: -22px;
}
span.rk_02span {
    position: relative;
    font-size: 15px;
    font-weight: 300;
}
.recipe_kcal_ul li {
    width: auto;
    float: left;
    margin: 2% 5%;
    padding-left: 22px;
}

.recipe_kcal_ul {
    width: 30%;
    margin: 0 auto;
    display: table;
	z-index:1;
	position:relative
}
span.rk_01span {
    position: relative;
    font-size: 15px;
    font-weight: 300;
}
span.calorie_span {
    position: relative;
    font-size: 15px;
    font-weight: 300;
}
.recipe_haikeiback {
    position: relative;
    margin-bottom: 190px;
}
.recipe_menu_ul {
    width: 100%;
    position: relative;
    margin: 50px auto 0;
	display:table;
	z-index:1
}
.recipe_haikeiback:before {
    background: url(/wp-content/uploads/enhaikei.png)top center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    top: -30%;
    width: 140%;
    height: 140%;
    left: -20%;
    right: 0;
}

.r_li10 {
    width: 10%;
    float: left;
}
.r_li90 {
    width: 90%;
    float: left;
    position: relative;
}
.r_li10 span {
    background: #513B32;
    color: #fff;
    font-weight: bold;
    padding: 5px 11px 6px;
    border-radius: 100px;
    position: relative;
    top: 12px;
}
.recipe_text_area p {
    color: #513B32;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5em;
    margin-bottom: 30px !important;
}

.haikei_eatime {
    position: relative;
    background: url(/wp-content/uploads/haieki_dsd.png)top center no-repeat;
    background-size: 100% 100%;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 21%;
    margin-top: -18%;
    padding-bottom: 180px;
}

.pro_ul02 li {
    width: 29%;
    margin: 0 2%;
    float: left;
}
.pro_li_img img {
    width: 100%;
}

.pro_li_img {
   /* background: #fff;*/
    margin: 30px auto;
}
.pro_ul02 {
    width: 90%;
    max-width: 1100px;
    margin: 130px auto 150px;
    display: table;
}
.pro_li_num {
    border-bottom: solid #C8B460 2px;
    padding-bottom: 8px;
    text-align: right;
    font-size: 25px !important;
    color: #513B32;
	font-weight:500
}
.pro_li_desc {
    font-size: 21px;
    text-align: center;
    color: #513B32;
    line-height: 1.3em;
	font-weight:500
}




/************END ******************************************************/




/***** レシピarchive********************************************************/
.recipe_ul_list {
    width: 100%;
    position: relative;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}
.recipe_ul_li {
    width: 46%;
    margin: 0 2%;
    float: left;
}

.recipe_ul_li {
    width: 46%;
   margin: 0 2% 40px;
    float: left;
    position: relative;
}

.scroll_inbox01 .beaf_title {
    padding: 6px 11px 7px 29px;
    border-radius: 100px;
    font-size: 17px;
}
.scroll_inbox01 a {
    position: relative;
    display: block;
}
.scroll_inbox01:hover{opacity:0.7}
.scroll_inbox01 {
    position: relative;
    display: block;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.scroll_inbox01 .time_box {
    margin: 0px 0 10px 0;
}

.scroll_inbox01 span.time_dsd:before {
    width: 17px;
    height: 17px;
    left: -22px;
    top: 4px;
}
.recipe_btn_ul li img {
    width: 100%;
    position: relative;
    height: auto;
}

.recipe_btn_ul li:hover{opacity:0.7}

.recipe_btn_ul li {
    width: 36%;
    float: left;
    margin: 0 7%;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.recipe_btn_ul {
    width: 90%;
    margin: 70px auto 100px;
    position: relative;
    display: table;
}
.recipe_btn_ul li a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
}
.recipe_btn_ul li span {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 38%;
    font-size: 35px;
    text-align: center;
    line-height: 1.3em;
    color: #513B32;
	font-weight:500;
}

.recipe_btn_ul li:last-child span {
color:#fff
}

/************END ******************************************************/




/************END ******************************************************/




/***** レシピarchive　カスタマイズ********************************************************/

.item-flexbox {
    width: 100%;
    display: table;
    position: relative;
    margin: 0 auto 60px;
}
.item-flex40 img {
    width: 100%;
    height: auto;
}

.item-flex40 {
    width: 30%;
    float: left;
    position: relative;
    display: block;
	    z-index: 1;
}
.item-flex60 {
    width: 70%;
    float: left;
    position: relative;
    display: block;
}
.item_num {
    font-size: 40px;
    color: #513B32;
    font-weight: bold;
    position: relative;
    margin-bottom: 55px;
    text-align: right;
    padding-right: 10%;
}
.item_num:before {
    position: absolute;
    content: "";
    border-bottom: solid 1px #C8B460;
    width: 120%;
    bottom: -25px;
    left: -20%;
}
.item_ttl {
    font-size: 37px;
    color: #513B32;
    font-weight: 500;
    position: relative;
    text-align: right;
    padding-right: 10%;
    line-height: 1.5em;
}

.item_desc:before {
    margin: 15px auto;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 23px solid #ffffff;
    position: absolute;
    content: "";
    top: -31px;
    left: 5%;
}

.item_desc {
    background: #fff;
    padding: 3%;
    border-radius: 11px;
    box-shadow: 4px 4px 9px #c1c1c1;
    position: relative;
	    margin-bottom: 100px;
}
.item_desc p {
    font-size: 17px;
    color: #513B32;
    line-height: 1.4em;
    font-weight: 500;
}
.osusume_ul {
    width: 100%;
    position: relative;
    display: table;
    margin: 0 auto 140px;
}
.osusume_li40_right img {
    width: 100%;
    height: auto;
    box-shadow: 4px 4px 9px #c1c1c1;
}

.osusume_li40_left img {
    width: 100%;
    height: auto;
    box-shadow: 4px 4px 9px #c1c1c1;
}

.osusume_li40_left {
    float: left;
    width: 42%;
    margin: 0 8% 0 0;
    position: relative;
    display: block;
}
.osusume_li60 {
    width: 50%;
    float: left;
    position: relative;
    display: block;
    font-weight: 500;
    color: #513B32;
    line-height: 1.5em;
    font-size: 17px;
}
.osusume_li40_right {
    float: right;
    width: 42%;
    margin: 0 0 0 8%;
    position: relative;
    display: block;
}
.osusume_01 {
    font-size: 20px;
    color: #513B32;
    font-weight: bold;
    position: relative;
    margin-bottom: 30px;
}

.osusume_01:before {
    content: "";
    position: absolute;
    border-bottom: dotted 2px;
    width: 73%;
    right: 0;
    top: 10px;
}
.osusume_ttl02 {
    font-size: 20px;
    color: #513B32;
    font-weight: 500;
    position: relative;
    margin-bottom: 30px;
    text-align: right;
}
.osusume_ttl01 {
    font-size: 20px;
    color: #513B32;
    font-weight: 500;
    position: relative;
    margin-bottom: 30px;
}
.osusume_02 {
    font-size: 20px;
    color: #513B32;
    font-weight: bold;
    position: relative;
    margin-bottom: 30px;
    text-align: right;
}
.osusume_02:before {
    content: "";
    position: absolute;
    border-bottom: dotted 2px;
    width: 80%;
    left: 0;
    top: 10px;
}
.category-item-box {
    overflow: hidden;
    border-bottom: dotted 2px;
	margin-bottom: 60px;
}

/************下層ページ******************************************************/
.custum_header .image {
    height: 100% !important;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
    width: 100%;
}

.custum_header {
    height: 660px;
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 50px;
}
.about_cath {
	position: relative;
    top: -140px;
}
.about_ttl {
    color: #513B32;
    font-size: 160px;
    line-height: 70px;
	margin-bottom: 80px;
}
.about_sub_ttl {
    text-align: center;
    font-size: 80px;
    color: #513B32;
    margin-bottom: 86px;
}
.about_sub_ttl02 {
    text-align: center;
    font-size: 60px;
    color: #513B32;
    letter-spacing: 2px;
    line-height: 1.5em;
}
span.s_short {
    font-size: 40%;
}
.a_img01 img {
    width: 100%;
    height: auto;
}
.lw-inner {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.a_img01 {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 70%;
    margin-bottom: 80px;
}
.a_img02 img {
    width: 100%;
    height: auto;
}
.a_s_ytube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.a_s_ytube {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 0;
    overflow: hidden;
    max-width: 90%;
    margin: 10px auto 0px;
}
.a_img02 {
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    width: 70%;
    position: relative;
    margin: 0 0 0 auto;
}
.about_haikei {
    position: relative;
    background: #EAE4D9;
    padding-bottom: 100px;
    margin-bottom: 50px;
}
.about_slide .slide-inner {
    margin: 17px 5% 0 10%;
}
.a_img04 img {
    width: 100%;
    height: auto;
}

.a_img03 img {
    width: 100%;
    height: auto;
}
.sa_cach01 {
    margin: 140px auto 110px;
    text-align: right;
    position: relative;
}
.sa_cach_ttl {
    color: #513B32;
    font-size: 70px;
    margin-bottom: 20px;
}
.sa_cach_txt {
    color: #513B32;
    font-size: 60px;
}
span.biggg {
    font-size: 170%;
    margin-right: 26px;
}
.about_txt {
    font-size: 40px;
    line-height: 1.7em;
    color: #513B32;
    margin-bottom: 30px;
}
.a_img03 {
    margin: 0 auto 30px;
}
.a_img04 {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 75%;
    margin: 90px auto 150px;
}
.about_txt_right {
    font-size: 40px;
    line-height: 1.7em;
    color: #513B32;
    margin-bottom: 30px;
    text-align: right;
}

.a_s_img img {
    width: 100%;
}
.about_scroll {
    display: inline-block;
    height: auto;
    width: 1000px;
    margin: 0 11px;
    transition: all 0.3s ease 0s;
}
.a_s_img a {
    display: block;
    position: relative;
}
span.as_big {
    font-size: 180%;
    font-weight: 500;
    margin-left: 20px;
}
.about_slide {
    background: repeating-linear-gradient( 55deg, #ccc, #ccc 1px, #fff 0, #fff 29px );
    position: relative;
    padding: 20px 0;
}
.a_s_txt {
    margin-left: 3%;
    font-size: 23px;
    font-weight: bold;
    color: #333;
    letter-spacing: 1px;
}

.insta_sp {
    display: none;
}
.insta_sp .insta_btn {
    position: relative;
}

/************END ******************************************************/




.btn_02 {
    width: 90%;
    max-width: 339px;
    position: relative;
    margin: 20px auto;
}
.btn_02 a:hover {
    background: rgb(229 157 34 / 20%);
}
.btn_02 a:before {
    position: absolute;
    content: "";
    display: block;
    left: 18%;
    top: 23px;
    border-left: 1px solid #707070;
    border-top: 1px solid #707070;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn_02 a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    color: #513B32 !important;
    border: solid 1px #707070;
    border-radius: 5px;
    text-align: center;
    padding: 9px 0;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    line-height: 1.8em;
}

.wh_haikei .f_02_s {
    background: #fff;
}




/** 商品から探す************************************************************/

.list_ul {
    width: 100%;
    position: relative;
	margin: 120px auto 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list_ul li {
    width: 29%;
    margin: 0 2% 65px;
    float: left;
}
.prouct_img:hover {
    opacity: 0.7;
}
.prouct_img {
    width: 80%;
    margin: 0 auto !important;
}
.prouct_img img {
    width: 100%;
    height: auto;
}
.prouct_ttl:before {
    position: absolute;
    content: "";
    border-bottom: solid 2px #C8B460;
    bottom: 0;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.prouct_ttl {
    font-size: 23px !important;
    letter-spacing: 1px;
    font-weight: bold;
    color: #513B32;
    text-align: center;
    position: relative;
    margin-bottom: 27px !important;
    padding-bottom: 13px;
}

.prouct_name {
    font-size: 20px !important;
    margin: 30px auto 0 !important;
    text-align: center;
    color: #513B32;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 1.3em;
}
.prouct_ttl_num {
    font-size: 23px !important;
    letter-spacing: 1px;
    font-weight: bold;
    color: #513B32;
    text-align: right;
    position: relative;
    margin: 0 auto 27px !important;
    padding-bottom: 13px;
    border-bottom: solid 2px #C8B460;
    width: 70%;
}


#cb_0 {
    margin-bottom: 0;
}



/**使われる商品***/

.pro_list_sp_scroll {
    display: inline-block;
    height: auto;
    width: 27%;
    margin: 0 3%;
    vertical-align: top;
}
.pro_list_pc {
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
    width: 90%;
}


/** END************************************************************/


/************  respon  **************************************************************************************************************************/

/* c-menu */
.c-menu-button:before {content: ""; background: url(/wp-content/uploads/c-menu.png);display: inline-block;width: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;vertical-align: baseline;height: 100%;}
.p-menu-button {
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0px;
    top: 100px;
    right: 5%;
    z-index: 9999;
position: fixed;
}





@media only screen and (max-width: 1200px){
	main.l-main {
    margin-top: 190px;
}
.recipe_kcal_ul {
	width: 40%;}
.p-global-nav {
    top: 0px !important;
    width: 90% !important;
    right: 0;
	position: fixed !important;
    left: unset !important;
    height: 100vh;
    background: rgb(255 255 255 / 95%) !important;
	padding-top: 20px;
}
.p-global-nav a {
    color: #513b32 !important;
    font-size: 17px !important;
    font-weight: bold;
    letter-spacing: 1px;
    width: 50% !important;
    margin: 0 0 0 5%;
    border-bottom: dotted 2px;
    text-align: left;
}
span.gl-span {
    display: none;
}
#menu-item-140 {
    margin-bottom: 3%;
}

#menu-item-140 a, #menu-item-143 a, #menu-item-144 a, #menu-item-145 a, #menu-item-146 a {
    border-bottom: none;
}
#menu-item-140 img {
	width: 45%;}
.sp_global_img img {
    width: 100%;
    height: auto;
}
#menu-item-143 a, #menu-item-144 a {
    padding: 0;
}
#menu-item-143 {
    margin: 5% auto 2%;
}
#menu-item-146 .fo_sns_left {
    width: 40% !important;
}
#menu-item-145 {
    width: 99% !important;
}
#menu-item-145 .foll_box {
    position: relative;
    left: 50%;
	  top: -60%;
}
#menu-item-145 .foll_txt:before {
    bottom: 0;
}
#menu-item-145 .foll_txt:after {
    bottom: 0;
}
#menu-item-146 .footer_sns_ul {
    width: 33% !important;
}
#menu-item-146 .fo_sns_right {
    width: 40% !important;
}
#menu-item-146 a
	{
		margin-top: -10%;}
#menu-item-146 .fo_sns_right a {
    margin-top: 28%;
}
.haikei_03:after {
    bottom: -175px;
}
.haikei_02:before {
	    top: -175px;
}
.magazine_thumbnail_back {
    height: 540px;
}
.recipe_ul_li .scroll_inbox {
    height: auto;
    width: 100%;
}
.form-text {
    width: 85%;
}
}




@media only screen and (max-width: 1000px){
.haikei_03:after {
    bottom: -175px;
}
.haikei_02:before {
	    top: -175px;
}
.magazine_ul_li {
    width: 100%;
}
.recipe_btn_ul li span {
    font-size: 27px;
}
}

@media only screen and (max-width: 767px){
.ff_block_out {
    display: table;
    width: 100%;
    position: relative;
	    margin-bottom: 58px;
	}
.list_ul li {
	width: 46%;}
.ff_block01 {
    width: 55%;
    float: left;
	 margin: 7% 5% 0;
    /*margin: 0 5%;*/
}
.ff_block {
    width: 30%;
    float: left;
    position: relative;
    display: block;
    margin: 0 0 0 5%;
}
.ff_block .foll_box {
    margin: 30px auto 20px !important;
}
.magazine_thumbnail_back {
    height: 320px;
}
.recipe_ul_li {
    width: 100%;
    margin: 0 auto 40px;
}

form.Search-form-style {
    width: 100%;
    max-width: unset;
}
.recipe_ul_li .scroll_inbox {
    margin: 0;
}
.haikei_03:after {
    bottom: -86px;
}
.haikei_02:before {
	    top: -86px;
}	
.t_uli60 {
    width: 95%;
    float: unset;
    margin: 0 auto 5%;
}
.bc-back {
    margin-bottom: 50px;
}
.bc-ttl {
    font-size: 23px !important;
    font-weight: 900;
}
.bc-back:before {
    width: 50px;
    bottom: -41px;
    margin: 0 auto 30px;
    border-bottom: dotted 2px #513B32;
}
.bc-txt {
    font-size: 20px !important;
    margin-bottom: 8px !important;
}
.btn_01 {
    width: 75%;
    max-width: unset;
    margin: 20px auto !important;
}
.btn_01 a {
    font-size: 16px;
}
.wiiter_btn {
    max-width: unset;
    width: 70%;
}
.insta_txt {    margin-bottom: 0px !important;
	font-size: 16px !important;}

	.insta_ttl {
		font-size: 23px !important;}
span.date {
    font-size: 12px !important;
}
.news_li60 {
    width: 100%;
    float: unset;
    position: relative;
}
.listing-item .title {
    font-size: 15px !important;
}
.news_li40 {
    width: 100%;
    float: unset;
    position: relative;
    margin: 0 auto;
}
.sp_block {
    display: block;
}
.t_uli40 {
    width: 100%;
    float: unset;
    position: relative;
    margin: 0 auto;
}
.t_ul {
    width: auto;
    display: block;
}


.t_uli40 .bc-back {
    display: none;
}
.insta_pc {
    display: none;
}
	.insta_sp {
    display: block;
}
.insta_bcc li {
    width: 46%;
    float: left;
    margin: 0 2% 4%;
}
.l-footer__logo img {
    width: 100%;
}
.head_subimg {
    width: 70%;
    margin: 0 0 0 4%;
    max-width: unset;
    padding-top: 8px;
}
.footer_link_ul {
    display: block;
}
.footer_link_ul li {
    float: unset;
    height: auto;
    width: 50%;
    margin: 0 auto 20px;
}
.t_up_txt {
    font-size: 15px !important;
    margin-bottom: 10px !important
}
.l-footer__logo {
    width: 45%;
    margin: 0 auto;
}
.eat_link_ul {
    display: none;
}
.footer-right-menu {
    width: 100%;
    float: unset;
}
.footer-left-menu {
    display: none;
}
.footer-right-menu .foll_box, .footer-right-menu .footer_sns_ul {
    display: none;
}
.blog_ul_li {
    width: 100%;
    margin: 0 auto 20px;
}
.l-header__logo {
    width: 50%;
    margin: 0 auto 0 0;
    max-width: unset;
}
.l-header {
    height: 120px !important;
	}
main.l-main {
    margin-top: 120px;
}
.p-menu-button {
    top: 30px;
}
.top_btn_box {
    width: 100%;
    top: -50px;
    right: 0;
    margin: 0 auto 13px;
}
.haikei01 {
    margin: 9px auto 100px;
    padding: 55px 0;
}
iframe#twitter-widget-0 {
    height: 400px !important;
}
.product_block ul {
    margin: auto;
    overflow-x: auto;
    white-space: nowrap;
    display: block;
}
.haikei_02 {
    margin-top: 150px;
}

.product_block li {
    display: inline-block;
    width: 50%;
    float: unset;
}
.footer_link_ul li {
    line-height: unset;
}
.haikei_03 {
    margin-bottom: 100px;
}
.custum_header {
    height: 327px;
}
.about_ttl {
    font-size: 8rem;
	}
.about_sub_ttl {
	margin-bottom: 30px;
    font-size: 2.5rem;
}
.about_scroll {
    height: 260px;
    width: 415px;
}
.a_s_txt {
    font-size: 14px;
    letter-spacing: 0;
}
.about_txt, .about_txt_right{
    font-size: 1.2rem;
}
.sa_cach_ttl {
    font-size: 2.5rem;
}
.sa_cach_txt {
    font-size: 2.3rem;
}
.sa_cach01 {
    margin: 70px auto 60px;
}
.about_sub_ttl02 {
    font-size: 2rem;
}
.custum_header .image {
    background-size: contain !important;
}
.p-index-slider__item.p-index-slider__item--type1.is-active {
	background: url(/wp-content/uploads/summerice_eatimeWEB_SP336x389-1.png)!important;
    background-size: cover !important;
}
	
.p-index-slider__item.p-index-slider__item--type2.is-active {
	background: url(/wp-content/uploads/chasoba_eatimeWEB_SP336x389.png)!important;
    background-size: cover !important;
}

.p-index-slider__item.p-index-slider__item--type3.is-active {
	background: url(/wp-content/uploads/noributter_eatimeWEB_SP336x389.png)!important;
    background-size: cover !important;
}
.p-index-slider__item {
    background: #fff !important;
}	
	
.p-index-slider {
    padding-top: 100%;
}
.top_btn {
    padding: 0 2%;
}
.pagenavi-sns_ul_01 {
    width: 50%;
}
.pagenavi-sns_ul_01 .page-sns_li02{
    width: 16% !important;
	transform: scale(0.7) !important;
	margin-top: -3% !important;
}
/*	
.page-sns_li02 {
    width: 16% !important;
	transform: scale(0.7) !important;
	margin-top: -3% !important;
}*/
.page-sns_li02 i.c-share__icn.c-share__icn--twitter {
    font-size: 24px;
}
.pagenavi-sns_ul_01 .page-sns_li01 span {
    font-size: 14px;
    top: 5px;
}
	.archive-haikei02 {
    padding: 35px 0 16%;
}
.pagenavi-sns_ul_01 .page-sns_li04 {
    width: 16% !important;
}
.pagenavi-sns_ul_01 .page-sns_li01 {
    width: 50% !important;
}
.page-sns_li04 img {
    width: 26px;}
.r_li10 {
    width: 100%;
    float: unset;
    margin-bottom: 24px;
}
.r_li90 {
    width: 100%;
    float: unset;
    position: relative;
}
.recipe_text_area p {
    margin-bottom: 15px !important;
}
.r_li10 span {
    top: 0;
}
.recipe_kcal_ul {
	width: 50%;}
.p-pagetop a {
    width: 50px !important;
    height: 80px !important;
    text-align: center;
}
.pagenavi-sns_ul {
    width: 45%;
}
.page-sns_li03 i.c-share__icn.c-share__icn--facebook {
    font-size: 25px;
}
.maga_li .ex_txt {
    font-size: 25px;
	}
.magazine_ul_li .thum_img img {
    height: 200px;
}
li._li60 {
    width: 100%;
    float: unset;
	}
li._li60 {
    width: 100%;
    float: unset;
    margin: 0 auto 40px;
}
.d_ul {
    margin: 0 auto 50px;
}
li._li40 {
    width: 46%;
    float: left;
    margin: 0 2%;
}
li._li40_s {
    width: 46%;
    margin: 0 2%;
}
._li60_s {
    width: 100%;
    float: unset;
    margin: 0 auto 50px;
}
.cen_li {
    width: 46%;
    float: left;
	margin:0 2%
}
.maga_li .ex_txt {
    font-size: 20px;
	}
.maga_li .cate_cc {
    padding: 7px 19px;
}
.recipe_btn_ul li span {
    font-size: 23px;
}
.item_num {
    font-size: 25px;
    margin-bottom: 34px;
    text-align: right;
    padding-right: 3%;
}
.item_ttl {
    font-size: 20px;
    padding-right: 3%;
}
.osusume_01:before {
    width: 50%;
}
.osusume_02:before {
    width: 50%;
}
.osusume_li40_left {
    width: 72%;
    margin: 0 8% 30px 0;
}
.osusume_li60 {
    width: 100%;
}
.osusume_ul {
    margin: 0 auto 80px;
}
.osusume_li40_right {
    width: 72%;
    margin: 0 0 30px 8%;
}
}








@media only screen and (max-width: 500px){
.page-sns_li01 span {
    font-size: 18px;
    top: 2px;
}
.form-text {
    width: 80%;
}
.recipe_btn_ul li span {
    font-size: 19px;
}
.recipe_ul_li .recipe_img_back {
    height: 160px;
    width: 80%;
}
.recipe_desc_ul {
    min-height: unset;
}
.recipe_btn_ul li {
    width: 46%;
    margin: 0 2%;
}
.recipe_btn_ul {
    width: 100%;
    margin: 20px auto 50px;
}
.maga_li .blog_date_txt {
    font-size: 13px !important;
    bottom: 0;
}
.maga_li .cate_cc {
    padding: 5px 13px;
}
.magazine_ul_li .thum_img img {
    height: 121px;
}
.maga_li .cate_cc a {
    font-size: 13px !important;
}
.maga_li .ex_txt {
    font-size: 16px;
	line-height: 1.3em !important;
}
.pre_li a:before {
    width: 60px;
    height: 15px;
}
.next_li a:before {
    width: 60px;
    height: 15px;
}
.pagenavi-sns_ul {
    width: 60%;
}
.center_li a {
    font-size: 15px;
}
.recipe-title {
	font-size: 20px;}
.recipe_menu_box {
    margin-bottom: 20px;
}
.recipe_haikeiback:before {
    display: none;
}
.recipe_haikeiback:after {
    position: absolute;
    content: "";
    width: 130%;
    height: 150%;
    top: -30%;
    left: -15%;
    right: 0;
    background: #F6F4EF;
    margin: 0 auto;
    border-radius: 100%;
    z-index: 0;
}
.recipe_text_area p {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px !important;
}
.recipe_haikeiback {
    margin-bottom: 150px;
}

.r_li10 span {
    padding: 2px 11px 3px;
    font-size: 13px;
    letter-spacing: 1px;
}
.r_li10 span {
    padding: 2px 11px 3px;
}
.recipe_menu_ul {
    width: 85%;
}
.recipe_kcal_ul {
	width: 100%;}
.magazine_thumbnail_back {
    height: 190px;
}
.haikei_03:after {
    bottom: -60px;
}
.haikei_02:before {
	    top: -60px;
}	
	.scroll_inbox {
    height: auto;
    width: 350px;
	}
.custum_header {
    height: 173px;
}
.sa_cach_ttl {
    font-size: 2rem;
    margin-bottom: 10px;
}
.about_txt, .about_txt_right {
    font-size: 1rem;
}
	.slide-inner {
    width: 95%;
    margin: 50px 0 0 5%;
	}
.about_slide .slide-inner {
    margin: 17px 2% 0 3%;
}
.about_sub_ttl02 {
    font-size: 1.1rem;
    white-space: nowrap;
}
.about_sub_ttl {
    font-size: 1.7rem;
}
.sa_cach01 {
    margin: 38px auto 42px;
}
span.biggg {
    font-size: 170%;
    margin-right: 10px;
}
.sa_cach_txt {
    font-size: 1.5rem;
}
.about_txt br {
    display: none;
}
.a_img04 {
    margin: 30px auto 40px;
}
.sl_img img {
    width: 80px;
}
.about_ttl {
    margin-bottom: 50px;
}
	.sa_cach_ttl {
		font-size: 1.5rem;}
.a_img02 {
    width: 80%;
}
.a_img01 {
    width: 80%;
    margin-bottom: 40px;
}
.about_cath {
    top: -80px;
}
.about_ttl {
    font-size: 5rem;
    line-height: 30px;
}
.btn_01 a:before {
    top: 20px;
    right: 15%;
}
.cate_cc {
    padding: 3px 10px;
    margin-bottom: 6px;
}
.cate_cc {
    font-size: 12px;
}
.blog_date_txt {
    font-size: 13px !important;
}
.thum_img img {
    height: 100px;
}
.ex_txt {
	font-size: 15px;}
.single_post_time {
    font-size: 15px !important;
}
.single_post_ttl {
    font-size: 25px !important;
    margin: 20px auto 20px;
    padding-bottom: 10px;
}
.cate_cc02 {
    padding: 4px 13px;
}
.cate_cc02 a {
    font-size: 15px;
}
.wiiter_btn .c-share__icn {
    left: -13px;
    font-size: 25px;
}
.wiiter_btn a {
    font-size: 14px !important;
    text-align: center;
    padding: 7px 0 11px;
}
.icn-insta:before {
    width: 20px;
    height: 20px;
}
.icn-insta {
    left: -39px;
    top: 4px;
}
	.wiiter_btn {
    width: 60%;
}
.insta_sp .insta_btn {
    max-width: unset;
    width: 60%;
}
.insta_btn a {
    font-size: 16px;
    padding: 7px 0 11px;
}
	.insta_box01 {
    position: relative;
    margin-bottom: 0;
}
.insta_sp {
    margin-top: 20px;
}

.pro_li_desc {
    font-size: 17px;
    text-align: center;
    color: #513B32;
    line-height: 1.3em;
    font-weight: 500;
    clear: both;
    white-space: normal;
}
.pro_li_num {
    font-size: 20px !important;
	}
.pro_li_img {
    margin: 22px auto;
}

.pro_list_sp_scroll {
    display: inline-block;
    height: 370px;
    width: 50%;
    margin: 0 3%;
}
.haikei_eatime {
    padding-top: 36%;
    margin-top: -30%;
}
.beaf_title {
    padding: 6px 15px 10px 40px;
}
span.time_dsd:before {
    width: 15px;
    height: 15px;
}
span.time_short {
    font-size: 12px;
}
span.time_dsd {
    font-size: 13px;
}
.pagenavi-sns_ul_01 {
    width: 64%;
}
.time_box {
    position: relative;
    margin: 26px 10% 18px 0;
}
.lonk_b_right-right {
    font-size: 15px !important;
}
.lonk_b_right-right a {
    padding: 0 30px 0 0;
    line-height: 1.5;
}
.wp-pagenavi a, .wp-pagenavi span {
    font-size: 25px;
    margin: 2px 10.5%;
}
.magazine_ul_list {
    margin: 50px auto;
}
.wp-pagenavi {
    width: 50%;
}
.magazine_ul_li {
    margin: 0 auto 35px;
}
.recipe_img_back {
    height: 200px;
}
span.rk_01span {
	font-size: 14px;}
.recipe_ttl_box {
    min-height: 65px;
}
.recipe_desc_box {
    padding: 20px 4% 15px;
}
.archive-haikei {
    padding: 50px 0 20px;
}
.prouct_name br {
    display: none;
}
.recipe-title_top {
    font-size: 17px;
    white-space: normal;
    text-align: left;
    line-height: 1.3em;
}
.recipe_box_li60 span {
    font-size: 13px;
}
.prouct_name {
	font-size: 16px !important;}
.ff_block .foll_txt {
    font-size: 18px;
}
.ff_block .fo_sns_left .c-share__icn {
	font-size: 32px;}
.ff_block .fo_sns_right img {
    width: 32px;
}
.top_btn {
    padding: 0 1%;
}
}





@media only screen and (max-width: 767px){
.scroll_inbox .time_box {
    margin: 0;
    position: absolute;
    top: -47px;
    right: 0;
}
.scroll{
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: block;
    flex-wrap: unset;
}
.scroll_inbox {
    padding-top: 50px;
}
}





/*******　フローズン　ページ*************************************/

.fr_post_ttl, .fr_text_area, .btn_fro a, .btn_05 a, .btn_07 a{font-family: 'Noto Serif JP', serif !important;}
.text-06, .fro_ul_archive_ttl, .fro_brw_ttl, .ttlh2{font-family: 'Hina Mincho', serif !important}

main.l-main_cus {
    margin-top: 190px;
}
.l-header__logo_cus {
    display: block !important;
    width: 50%;
    margin: 0 auto;
    max-width: 510px;
}
.l-header__logo_cus a {
    line-height: 1;
    display: block;
    position: relative;
    width: auto;
    height: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    overflow: hidden;
    word-wrap: break-word;
}
.l-header__logo_cus img {
    width: 100%;
vertical-align: middle;
    height: auto;
    max-width: 100%;
}
.eat_link_ul_w {
    width: 100%;
	max-width:1100px;
    position: relative;
    display: table;
margin: 0 auto;
}
.eat_link_ul_w li {
    width: 29%;
    margin: 0 2%;
    float: left;
}
.footer-ws-inner_cus {
    width: 100%;
    padding: 30px 0;
    position: relative;
    background: #FAF7F0;
}
.eat_link_ul_w .e_link01 img {
    width: 90%;
    height: auto;
    max-width: 248px;
}
.e_link03 a {
    display: block;
    position: relative;
    width: auto;
    height: auto;
}
.e_link03 img {
    width: 100%;
    height: auto;
    max-width: 162px;
}
.e_link03:hover {
    opacity: 0.8;
}
.e_link03 {
/*    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    padding: 19px 0 4px;*/
	background: #ffffff;
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 1px 5px #ddd;
    max-width: 382px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    padding: 7%;
}
.eat_link_ul_w .e_link01 {
    /*box-shadow: unset;
    max-width: unset;*/
	background: #ffffff;
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 1px 5px #ddd;
    max-width: 382px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.eat_link_ul_w .e_link02 img {
    width: 100%;
    height: auto;
}

.eat_link_ul_w .e_link02 {
  /*  box-shadow: unset;
    max-width: unset;*/
	text-align: center;
    margin: 0 auto;
    box-shadow: 1px 1px 5px #ddd;
    max-width: 382px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    padding: 4%;
    background: #ffffff;
}




/*商品ページ*/

.fr_thum_img img {
    width: 100%;
    height: auto;
}
.fr_ul01 {
    display: table;
    position: relative;
    width: 100%;
}
.fr_li30 {
    position: relative;
    width: 30%;
    float: left;
    z-index:1;
}
.fr_li70 {
    position: relative;
    width: 70%;
    float: left;
    z-index: 0;
}
.fr_70_box {
    position: relative;
    z-index: 0;
    margin-top: 65px;
    padding-top: 25px;
}
.fr_70_box:before {
    position: absolute;
    content: "";
    border-bottom: solid 1px #C8B460;
    width: 120%;
    top: 0;
    left: -20%;
    z-index: 0;
}
.fr_post_ttl {
    font-size: 50px;
    color: #513B32;
    font-weight: 500;
    position: relative;
    text-align: left;
/*    padding-right: 2%;*/
    line-height: 1.3em;
	padding-left: 10%;
}

.fr_text_area {
    background: #fff;
    padding: 3%;
    border-radius: 11px;
    box-shadow: 4px 4px 9px #c1c1c1;
    position: relative;
    margin: 50px auto;
    font-size: 17px;
    color: #513B32;
    line-height: 1.7em;
    font-weight: 500;
}
.fr_text_area:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: #ffffff;
    border-top-color: #ffffff;
    top: -9px;
    left: 15%;
    margin-left: -20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fr_ul02 {
    width: 100%;
    position: relative;
    display: table;
    margin: 100px auto 0px;
}

.fr_li50 {
    width: 46%;
    float: left;
    margin: 0 4% 0 0;
    position: relative;
}
.fr_li45 {
    width: 50%;
    float: right;
    position: relative;
}
.fr_text {
    color: #513B32;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5em;
    margin-bottom: 30px !important;
}
.fr_kako {
    background: #513B32;
    color: #fff;
    font-weight: bold;
    padding: 5px 11px 6px;
    border-radius: 100px;
    position: relative;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.fr_g_image {
    width: 50%;
    max-width: 270px;
margin-bottom: 25px;
}

.fr_g_image img {
    width: 100%;
    height: auto;
}


.fr_img img {
    width: 100%;
    height: auto;
}
.fr_txt_short {
    color: #513B32;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 30px !important;
}
.fro_link_back {
    padding: 50px 0;
    position: relative;
}

.btn_fro a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 18px;
    border: solid 1px #513b32;
    color: #513B32;
    padding: 20px 0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.btn_fro a:before {
    position: absolute;
    content: "";
    display: block;
    left: 14px;
    top: 27px;
    border-right: 1px solid #513b32;
    border-bottom: 1px solid #513b32;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.btn_fro {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
}
.btn_fro a:hover {
    background: rgb(229 157 34 / 20%);
}
.shop_info_box {
    background: #fff;
    width: 90%;
    margin: 50px auto 50px;
    border-radius: 15px;
    text-align: center;
    padding: 30px 0;
}
.fro_brw_ttl_br {
    font-size: 25px;
    color: #513B32;
    margin-bottom: 20px;
    font-weight: bold;
}
.fro_brw_txt_br {
    font-size: 16px;
    color: #513B32;
    margin-bottom: 20px;
    font-weight: bold;
}
.btn_07 {
    width: 90%;
    max-width: 339px;
    position: relative;
    margin: 40px auto 0;
}
.btn_07 a:before {
    position: absolute;
    content: "";
    display: block;
    right: 9%;
    top: 26px;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.btn_07 a:hover {
    color: #513b32 !important;
    background: #fff;
    border: solid 1px #513b32;
}
.btn_07 a {
border: solid 1px #513b32;
    position: relative;
    display: block;
    width: auto;
    height: auto;
    color: #fff !important;
    border-radius: 5px;
    text-align: center;
    padding: 12px 0;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    line-height: 1.8em;
    background: #513B32;
    font-weight: 600;
    letter-spacing: 1px;
}

/*フローズンabout*/
.ttl_img img {
    width: 100%;
    height: auto;
}

.ttl_img {
    width: 60%;
    margin: 80px 0 50px !important;
}
.text-06 {
    font-size: 21px !important;
    color: #513B32;
    letter-spacing: 1px;
    line-height: 1.7em !important;
}

.fro_ttl_s_img:before {
    position: absolute;
    content: "";
    width: 20%;
    border-bottom: solid 1px #876767;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 120px;
}
.fro_ttl_s_img {
    width: 90%;
    max-width: 700px;
    margin: 170px auto 120px;
    position: relative;
}
.fro_ttl_s_img img {
    width: 100%;
    height: auto;
}
.fro_ul_list {
    width: 100%;
    position: relative;
    display: table;
}
.fro_ul_li {
    width: 18%;
    float: left;
    margin: 0 1%;
}

.thum_img_fro img {
    width: 100%;
    height: auto;
}
.thum_img_fro a:hover {
    opacity: 0.7;
}


.thum_img_fro a {
    display: block;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.thum_img_fro {
    text-align: center;
    margin: 0 auto;
}

.btn_03 {
    width: 90%;
    max-width: 339px;
    position: relative;
    margin: 100px auto;
}
.btn_03 a:hover {
    background: rgb(229 157 34 / 20%);
}
.btn_03 a:before {
    position: absolute;
    content: "";
    display: block;
    right: 13%;
    top: 23px;
    border-left: 1px solid #707070;
    border-top: 1px solid #707070;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.btn_03 a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    color: #513B32 !important;
    border: solid 1px #707070;
    border-radius: 5px;
    text-align: center;
    padding: 9px 0;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    line-height: 1.8em;
}
.fro_brw_inner {
    background: #513B32;
    padding: 50px 3%;
    position: relative;
    text-align: center;
}
.fro_brw_ttl {
    font-size: 40px;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 35px;
}
.fro_brw_txt {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}
.btn_05 {
    width: 90%;
    max-width: 339px;
    position: relative;
    margin: 40px auto 0;
}
.btn_05 a {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    color: #513B32 !important;
    border-radius: 5px;
    text-align: center;
    padding: 9px 0;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    line-height: 1.8em;
    background: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}
.btn_05 a:hover {
    background: rgb(251 229 190);
}
.btn_05 a:before {
    position: absolute;
    content: "";
    display: block;
    right: 13%;
    top: 23px;
    border-left: 1px solid #707070;
    border-top: 1px solid #707070;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}


/*フローズンアーカイブ*/
.fro_ul_list_archive {
    width: 100%;
    margin: 70px auto;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fro_ul_archive_li {
    width: 26%;
    margin: 0 3.5% 50px;
    float: left;
    position: relative;
}
.archive-haikei .fro_ttl_s_img {
    margin: 0px auto 120px;
}
.fro_ul_archive_ttl {
    font-size: 21px !important;
    color: #513B32;
    letter-spacing: 1px;
    line-height: 1.2em !important;
    font-weight: bold;
    text-align: center;
    margin: 30px auto;
}


/*商品販売店舗一覧*/
.ttlh2:before {
    position: absolute;
    content: "";
    width: 20%;
    border-bottom: solid 1px #876767;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 120px;
}

.ttlh2 {
    font-size: 40px;
    text-align: center;
    margin: 0 auto 120px;
    position: relative;
    color: #513B32;
}
.shop_ul {
    width: 100%;
    position: relative;
    display: table;
}

.shop_ul_li {
    width: 32%;
    float: left;
    margin: 0 1% 30px 0;
    position: relative;
}
.shop_kako {
    font-size: 17px;
    background: #513B32;
    border-radius: 100px;
    color: #fff;
    padding: 11px 0;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
    width: 70%;
}

.shop_ttl {
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #513B32;
    margin-bottom: 8px;
}
.shop_txt {
    font-size: 16px;
    color: #513B32;
    margin-bottom: 11px;
    padding-left: 13px;
}
.shop_space_box {
    margin-bottom: 35px;
}

.sl_img01{display:none}

/* ==============respon================ */
@media screen and (max-width: 767px){
.pcver { display:none !important;}
}

@media screen and (min-width: 768px){
.spver { display:none !important;}
}

@media only screen and (max-width: 767px){
	.l-header__logo_cus {
    width: 60%;
    margin: 20px auto 0 4%;
}
.p-entry__body02 .custum_header .image {
    background-size: cover !important;
}
main.l-main_cus {
    margin-top: 130px;
}
.p-entry__body02 .custum_header {
    height: 400px;
}
.fro_ul_list {
    margin: auto;
    overflow-x: auto;
    white-space: nowrap;
    display: block;
}
.fro_ul_li {
    display: inline-block;
    width: 50%;
    float: unset;
}
.fro_brw_ttl {
	font-size: 30px;}
.eat_link_ul_w li {
    margin: 0 auto 20px;
    float: unset;
    width: 90%;
}
.p-copyright small {
    font-size: 12px;
}
.sl_img01 img {
    width: 100%;
    height: auto;
}
.sl_img01{display:block}
.sl_img01 {
    width: 20%;
    margin: -25px 0 25px auto;
}
.shop_ul_li {
	width: 49%;}
.fr_li50 {
    width: 100%;
    float: unset;
    margin: 0 auto;
    position: relative;
}
.fr_li45 {
    width: 90%;
    float: unset;
    margin: 0 auto 35px;
}
}


@media only screen and (max-width: 500px){
.l-header__logo_cus {
    margin: 10px auto 0 4%;
}
.ttl_img {
    width: 80%;
    margin: 40px 0 20px !important;
}
.text-06 {
	font-size: 15px !important;}
main.l-main_cus {
    margin-top: 90px;
    z-index: 999;
    position: relative;
}
	.fro_ttl_s_img:before{display:none}
.fro_ttl_s_img {
    width: 100%;
    margin: 70px auto 65px;
}
.fro_brw_ttl {
    font-size: 22px;
    margin-bottom: 20px;
}
.btn_03 a:before {
    right: 9%;
    top: 20px;
}
.btn_03 a {
    font-size: 15px;
}
.btn_05 a:before {
    right: 9%;
    top: 20px;
}
.e_link03, .e_link02 a, .e_link01 a {
    padding: 10px 0;
}
.btn_05 a {
    font-size: 15px;
}
.fro_brw_txt {
    font-size: 13px;
}
.btn_03 {
    margin: 45px auto;
}
.sl_img01 {
    margin: -40px 0 25px auto;
}
.fro_ul_archive_ttl {
    font-size: 16px !important;
    margin: 17px auto 20px;
}
.archive-haikei .fro_ttl_s_img {
    margin: 0px auto 30px;
}
.fro_ul_archive_li {
    width: 44%;
    margin: 0 3% 10px;
}
.fro_ul_list_archive {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px auto;
}
.fr_text_area {
    margin: 30px auto;
    font-size: 15px;
}
.fr_post_ttl {
	font-size: 17px;}
.fr_70_box {
    margin-top: 16px;
    padding-top: 10px;
}
.l-footer {
    padding-bottom: 10px;
}
.fro_brw_ttl_br {
	font-size: 20px;}
.shop_info_box {
    width: auto;
    padding: 20px 0;
}
.btn_07 {
    width: 70%;
    margin: 30px auto 0;
}
.btn_07 a {
    padding: 10px 0;
    font-size: 15px;
}
.btn_fro a {
    padding: 17px 0;
    font-size: 15px;
}
.fro_brw_txt_br {
    font-size: 13px;
}
.btn_fro a:before {
    left: 21px;
    top: 20px;
}
.btn_07 a:before {
    right: 20px;
    top: 20px;
}
.fr_text {
    font-size: 14px;
    margin-bottom: 24px !important;
}
.fr_kako {
    font-size: 13px;
    margin-bottom: 10px;
}
.ttlh2:before {
    bottom: -20px;
    max-width: 70px;
}
.shop_space_box {
    width: 90%;
    margin: 0 auto 35px;
}
.shop_txt {
    font-size: 14px;
    margin-bottom: 10px;
}
.shop_ttl {
    font-size: 15px;
    margin-bottom: 13px;
}
.shop_kako {
    font-size: 15px;
    display: block;
    margin: 0 auto 30px;
    width: 80%;
}
.ttlh2 {
    font-size: 22px;
	margin: 0 auto 70px;}
.shop_ul_li {
    width: 100%;
    float: unset;
    margin: 0 auto 60px;
    position: relative;
}
.fr_g_image {
    width: 80%;
    max-width: unset;
}
}





/*TOP　モーダル**/


/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}

.hide_ul {
    width: 100%;
    display: table;
    position: relative;
    margin: 0 auto;
}
.hide_ul li {
    width: 36%;
    float: left;
    margin: 0 7%;
}
.hide_ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}
.hide_ul li img {
    width: 100%;
}
.modaal-container {
    background: unset !important;
    box-shadow: unset !important;
}
.modaal-overlay {
	    background: unset !important;
    opacity: 1 !important;
    backdrop-filter: blur(15px) !important;
}

.modaal-close:after, .modaal-close:before {
    background: #ff9700 !important;
    height: 38px !important;
}.modaal-close {
    right: unset !important;
    left: 20% !important;
    top: 14% !important;
}
.modaal-close:hover {
    background: unset !important;
    opacity: 0.8;
}
.modaal-close:hover:before {
    background: #ff9700 !important;
}






@media only screen and (max-width: 500px){
	.modaal-content-container {
    padding: 0 !important;
}
.hide_ul li {
    width: 46%;
    float: left;
    margin: 0 2%;
}
.modaal-close {
    right: unset !important;
    left: 7% !important;
    top: 23% !important;
}
.modaal-inner-wrapper {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.modaal-overlay {
    background: #fff !important;
    opacity: 0.7 !important;
    backdrop-filter: unset !important;
}
}