@charset "UTF-8";

/* CSS Document */







#MainClm {

    width: 100%;

    float: right;

    text-align: center;

}



#MainClm-01 h2 {

    letter-spacing: 1px;

    line-height: 38px;

}



div#wrap-left div.wrap-title {

    float: left;

}



#Mainimg .m1 {

    vertical-align: 50px;

    padding-left: 3%;

}



#Mainimg .m2 {

    padding-right: 3rem;

}



#Pan {

    margin: 0 3px;

    padding: 0;

}



body#default #MainClm {

    background-color: #fbf8f2;

}



div#wrap-top {

    overflow: hidden;

}

.rec_txt{

    /*display: none;*/

}

.wrap-left-re >.rec_txt{

    display: block;

}

.pkg .rec_txt p {

    font-family: 'M PLUS Rounded 1c', sans-serif;

    font-weight: 700;

}



.time {

    clear: both;

    text-align: center;

    padding: 1% 0 0 0;

}



ul.ttl_natuRecipe {

    letter-spacing: 2px;

}



.ttl_natuRecipe {

    overflow: hidden;

    width: 500px;

    margin: 0 auto 1%;

}



.ttl_natuRecipe p {

    display: block;



}



.li2 {

    border-left: solid 1px #4c4949;

    list-style: none;

    float: left;

    width: 100px;

    box-sizing: border-box;

    font-size: 120%;

    font-weight: bold;

}



.li3 {

    border-left: solid 1px #4c4949;

    border-right: solid 1px #4c4949;

    list-style: none;

    float: left;

    width: 100px;

    box-sizing: border-box;

    font-size: 120%;

    font-weight: bold;

}



.li1 {

    list-style: none;

    box-sizing: border-box;

}



.li1 p {

    color: #4c4949;

    font-weight: lighter;

}



.li4 {

    list-style: none;

}



.li4 p {

    color: #4c4949;

    text-align: center;

    font-weight: lighter;

}



#Rec_category ul {

    overflow: hidden;

    margin: 0 auto;

    margin-top: 25px;

    width: 100% !important;

}



#Rec_category li:nth-child(1) {

    margin: 0 1% 0 78px;

}



#Rec_category li:nth-child(2) {

    margin: 0 auto 0 1%;

}



.ta1 {

    border-left: 1px solid #bfaf8e;

    border-right: 1px solid #bfaf8e;

    border-bottom: 1px solid #bfaf8e;

}



table.ta1 td {

    letter-spacing: 0.3px;

}



.ta-2 {

    border: 1px solid #bfaf8e;

}



tfoot {

    text-align: left;

}



#Rec_category th {

    font-size: 20px;

    color: #8a634a;

    background-color: #fff;

    text-align: left;

    padding-left: 52px;

}



img.komekonMiruku {

    max-width: 95%;

    margin-top: 10px;

}



table.ta-2:nth-child(2) {

    margin-top: 10px;

}



table.ta-2 th {

    height: 60px;
    line-height: 1.3;
    padding: 0.6em 0;

}



.r-3t td,.r-4t td, .r-5t td, .r-6t td, .r-7t td, .r-8t td, .r-9t td, .r-10t td, .r-11t td, .r-12t td, .r-13t td, .r-14t td, .r-15t td, .r-16t td, .r-17t td, .r-18t td, .r-19t td, .r-20t td, .r-21t td, .r-22t td {

    padding-left: 20px;

    letter-spacing: 2px;

}



.ca-kon-2 {

    float: left;

    width: 35%;

}



figure.ca-kon-2 figcaption {

    text-align: center;

    font-size: 18px;

}



#Rec_category td {

    line-height: 1.8;

}



.white {

    background-color: #fff;

}



.ta1 {

    width: 302px;

    text-align: left;

}



.ta1 td {

    line-height: 1.8;

}



td.white {

    padding-left: 20px;

}



.seni {

    width: 37px;

    height: 37px;

}



/* グラデーション*/



div#Pan {

    text-align: left;

    margin: 0;

    background-color: #ffffff;

}



/*新しい設定*/



div#PageBody {

    margin-left: -1px;

    border: 1px solid #fff;

    width: 976px;

    margin-right: -1px;

}



div#Mainimg {

    width: 951px;

    margin: 2.5rem 0 0 0;

}



li.li1 img {

    width: 552px;

    height: auto;

}



div#Recipearea {

    background-color: #fff;

}



.no1, .no2, .no3, .no4, .no5, .no6, .no7, .no8, .no9 {

    background-color: #fff;

}



div#MainClm-01 .pkg {

    width: 800px;

    margin: 0.8rem 0 2rem 0rem;

    text-align: justify;

}



body#default div#Recipearea {

    background-color: #FBF8F2;

}



.no1-1 {

    background-color: #fff;

}



.r-2t td {

    background-color: #fbf8f2;

}



.no-0 {

    background-color: #fff;

}



.ta-3 {

    border-left: 1px solid #bfaf8e;

    border-right: 1px solid #bfaf8e;

    border-top: 1px solid #bfaf8e;

}



.ta-4 {

    border-bottom: 1px solid #bfaf8e;

}



i {

    color: #8a644a;

}



.clock {

    vertical-align: 2px;

    color: #8a644a;

    padding-left: 1%;

    font-size: 189%;

}



.line-1 {

    line-height: 27px;

    color: #636263;

    font-weight: 500;

    font-size: 17px;

}



table.point-1 {

    max-width: 400px;

    padding: 1rem 0.3rem 0 5rem;

}



/*facebook twitter*/



#social-bottun {

    overflow: hidden;

    margin: 0 auto;

    max-width: 980px;

    width: 980px;

    margin-top: 17px;

    text-align: center;

    position: relative;

    display: none;

}



#twitter {

    display: inline-block;

    padding-top: ;

    margin-right: 8px;

    position: absolute;

    margin-left: 8px;

    top: 3px;

}



table.ta1 {

    width: 400px !important;

    background: #fff !important;

}



table.ta-2 {

    width: 400px !important;

}



table.ta-2 tr:last-child td{

    padding-bottom: 1rem;

}



table.ta-2{

    border-radius: 10px;

}



table.ta-2 tr:first-child,table.ta-2 tr:first-child th,

table.ta-3,table.ta-3 tr:first-child,table.ta-3 tr:first-child th{

    border-radius: 10px 10px 0 0;

}

table.ta-2 tr:last-child,table.ta-2 tr:last-child td,

table.ta1,table.ta1 tr:last-child,table.ta1 tr:last-child td{

    border-radius: 0 0 10px 10px;

}





table.ta-3 {

    width: 400px !important;

}



p.ta-2-1 {

    text-indent: -15px;

    height: 30px;

    margin-top: 30px;

}



p.ta-2-1-2 {

    text-indent: 10px;

    height: 30px;

    margin-top: -14px !important;

    line-height: 1.2 !important;

    margin-left: -30px;

}



table.ta-3 th {

    height: 60px;

}



.ta-1 td{ background: #fff !important;}



td.no1-1-1 {

    color: #8a634a;

    font-size: 25px;

    font-weight: bolder;

    background-color: #fff;

    padding: 10px;

    font-family:san-serif;

}



td.no1-1 {

    text-align: justify;

}



table.ta-10 {

    width: 400px;

}



/*footerの設定*/



#FootInner {

    width: 975px;

    margin: 0 auto;

    padding: 30px 0 0 0;

}



#foot-1 {

    max-width: 2000px;

    background-image: url(/shered/img/bg_foot.gif);

    background-repeat: no-repeat;

    margin-top: 0;

    min-width: 975px;

    min-height: 170px;

}



footer {

    padding: 5% 0 0 0;

}



#page-top {

    z-index: 1;

}



.copy {

    z-index: 0;

}



/*index-kantan*/



* {

    list-style: none;

}



img {

    max-width: 100%;

}



#MainClm {

    width: 100%;

    float: right;

    text-align: center;

}



#MainClm-01 h2 {

    color: #8a644a;

    font-size: 26px;

    padding: 3% 3rem 0 3rem;

    text-align: center;

    margin: 0;

}



#Mainimg .m1 {

    vertical-align: 50px;

    padding-left: 3%;

}



#Mainimg .m2 {

    vertical-align: 24px;

    padding-left: 2%;

}



#Pan {

    margin: 0 3px;

}



p.top, p.top-2 {

    font-size: 15px;

    color: #633D30;

    font-family: 'M PLUS Rounded 1c', sans-serif;

}



p.top-2 {

    text-indent: 80px;

}



.time {

    clear: both;

    text-align: center;

    padding: 1% 0 0 0;

}



.ttl_natuRecipe {

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

}



.li2 {

    border-left: solid 1px #4c4949;

    list-style: none;

    float: left;

    width: 114px;

    box-sizing: border-box;

}



.wrap-left-re {

    overflow: hidden;

    position: relative;

}



/*おすすめ商品がない時の記述*/



.dress {

    width: 556px;

    margin: 0 auto;

}



#MainClm-01 h2.dress-plus {

    margin: 0 auto;

    padding: 3% 0 0 0;

}



p.line-1.dress-plus2 {

    max-width: 600px;

    margin: 0 auto;

}



.wrap-title ul li.li4.dress-plus-3 {

    margin: 2% auto 0 auto;

}



/*おすすめ商品がない時の記述*/



/*おすすめこんにゃく麺の設定*/



.osusumeBg_border.nothing {

    padding: 0.2rem 1rem 0.2rem!important;

}



.osusumeBg_border.nothing img {

    width: 200px!important;

}



/*おすすめこんにゃく麺の設定*/



.eiyoubunseki {

    margin: 25px 0 0 0;

    float: left;

}



.wrap-title ul li.li4 {

    margin: 0.8rem 0 0 0;

    /* width: 100%; */

    padding: 0 6rem 0 6rem;

}



.li3 {

    border-left: solid 1px #4c4949;

    border-right: solid 1px #4c4949;

    list-style: none;

    float: left;

    width: 100px;

    box-sizing: border-box;

}



.li1 {

    list-style: none;

    text-align: left;

    box-sizing: border-box;

    margin: 0;

}



.li1 p {

    color: #4c4949;

    font-weight: lighter;

}



.li4 {

    list-style: none;

}



.li4 p {

    color: #4c4949;

    text-align: left;

    font-weight: lighter;

}



#Rec_category ul {

    overflow: hidden;

    width: 608px;

    margin: 0 auto;

    margin-top: 2rem;

    width: 88%;

}



#Rec_category li {

    margin: 0 5% 0 5%;

}



.white {

    background-color: #fff;

}



.ta1 {

    width: 302px;

    text-align: left;

}



td.no1-1 {

    width: 90%;

}



.ta1 td {

    line-height: 1.8;

    padding: 10px 4%;

}



.pkg {

    text-align: left;

}



/* 健康レシピの設定 */



li.main-1 {

    border: solid 1px #bfaf8e;

    background-color: #fbf8f0;

    border-radius: 8px;

    margin: 2rem 2rem 2rem 0.5rem;

}



li.main-1:last-child {

    margin: 2rem 2rem 1.2rem 0.5rem;

}



.ma1 {

    margin-right: 7%;

    text-align: right;

}



.ma2 {

    margin-right: 7%;

    text-align: right;

}



.ma3 {

    margin-right: 7%;

    text-align: right;

}



.ma4 {

    margin-right: 7%;

    text-align: right;

}



.ma5 {

    color: #fff;

    font-weight: 700;

    font-size: 19px;

    padding: 2rem 0 2rem 0;

    font-family: 'M PLUS Rounded 1c', sans-serif;

}



.ma5-1 {

    padding: 0.8rem 0 0.8rem 0;

    line-height: 1.5;

    max-height: 74px;

    color: #fff;

    font-weight: 700;

    font-size: 19px;

    font-family: 'M PLUS Rounded 1c', sans-serif;

    letter-spacing: 0.1rem;

}



.top, .top-2 {

    letter-spacing: 2px;

}



.ma8 {

    margin: 0 0 0 1rem;

    display: flex;

    padding: 2rem 0rem 1rem 0;

}



.ma9 {

    margin: 1.8% 0 1% 0;

}



.main-fo {

    margin: 0 2rem 7rem 0;

    display: flex;

    justify-content: space-between;

}



.main-fo img {

    height: auto;

}



.fo-1 {

    margin-left: 13px;

    vertical-align: 10px;

}



.fo-2 {

    font-size: 31px;

    vertical-align: 9px;

    margin-left: 2%;

}



.shishitu2 {

    padding-left: 5%;

}



div.main-2 {

    margin-bottom: 1.5rem;

    display: flex;

}



.main-3 {

    position: relative;

}



div.main-3 {

    margin: 0 2rem 0 2rem;

    display: flex;

    padding-top: 0.5rem;

}



div.main-3 h1 {

    width: 150px;

    font-size: 28px;

    color: #4D4D4D;

    line-height: 34px;

    text-align: justify;

}



span.main-3-1, span.main-3-2, span.main-3-3, span.main-3-4, span.main-3-5 {

    font-size: 80%;

}



/* 個々の設定*/



span.main-3-1 {

    margin-top: -5%;

    text-indent: 10px;

}



span.main-3-2 {

    margin-top: -5%;

    text-indent: 10px;

}



span.main-3-3 {

    margin-top: -5%;

    text-indent: 10px;

}



span.main-3-4 {

    margin-top: -5%;

    text-indent: 10px;

}



span.main-3-5 {

    margin-top: -5%;

    text-indent: 10px;

}



img.toushitu {

    top: 11px;

    left: 15%;

}



img.karori {

    top: 11px;

    left: 15%;

}



img.cyousei {

    top: 11px;

    left: 15%;

}



img.enbun {

    top: 11px;

    left: 15%;

}



img.seni {

    top: 26px;

    left: 17%;

}



img.no-seni {

    padding-top: 1rem;

}



/*個々の設定END*/



div.main-3 img {

    height: auto;

}



div.main-4 {

    float: left;

    width: 17%;

    margin-bottom: 2%;

    background-color: #F49BAF;

    border-radius: 5px;

    margin-left: 1%;

    margin-right: 1%;

}



div.main-5 {

    float: left;

    width: 17%;

    margin-bottom: 2%;

    background-color: #C8D03C;

    border-radius: 5px;

    margin-left: 1%;

    margin-right: 1%;

}



div.main-6 {

    float: left;

    width: 17%;

    margin-bottom: 2%;

    background-color: #CAA860;

    border-radius: 5px;

    margin-left: 1%;

    margin-right: 1%;

}



div.main-7 {

    float: left;

    width: 17%;

    margin-bottom: 2%;

    background-color: #A0BDF0;

    border-radius: 5px;

    margin-left: 1%;

    margin-right: 1%;

}



div.main-8 {

    float: left;

    width: 17%;

    margin-bottom: 2%;

    background-color: #A2D081;

    border-radius: 5px;

    margin-left: 1%;

    margin-right: 1%;

}



.syokuzai-category {

    border: solid 1px #bfaf8e;

    background-color: #fbf8f0;

    border-radius: 8px;

    margin: 0% 3% 0% 5px;

    padding-bottom: 3%;

}



.col-1, .col-2, .col-3, .col-4, .col-5 {

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

}



.col-1 li, .col-2 li, .col-4 li, .col-5 li ,.col-12 li{

    float: left;

    width: 22.5%;

    margin-left: 2%;

    margin-bottom: 2%;

}



.col-3 li {

    float: left;

}



.insert {

    float: right;

    margin: 2rem 2rem 0rem 0rem;

    text-align: center;

    color: #583a2f;

    font-weight: bold;

}



}



img.syokuzaibetu {

    padding-bottom: 2%;

}



img.bunruibetu {

    width: 75px;

}



ul.syokuzai-category h4 {

    font-size: 17px;

    text-align: justify;

}



ul.syokuzai-category li {

    border-radius: 10%;

}



li.col-1-11 {
	
	background-color: #fff;
	
	
}

li.col-1-11 h4{
	padding: 4px 0 4px 0.5rem;
	line-height: 1.2em;
}



ul.buruigata-category {

    margin-top: 5%;

}



.col-1-1 {

    background-image: url(img/img/top1.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-2 {

    background-image: url(img/img/top2.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-3 {

    background-image: url(img/img/top3.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-4 {

    background-image: url(img/img/top16.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-5 {

    background-image: url(img/img/top4.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-6 {

    background-image: url(img/img/top5.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-7 {

    background-image: url(img/img/top6.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-8 {

    background-image: url(img/img/top7.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-20 {

    background-image: url(img/img/top20.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

    width: 22.5%;

}

.col-1-9 {

    background-image: url(img/img/top18.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

    width: 22.5%;

}



.col-1-10 {

    background-image: url(img/img/top8.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

    width: 22.5%;

}



.col-1-11 {
	
	background-image: url(img/img/top9.jpg);
	
    height: 70px;
	
    width: auto;
	
    background-position: 100% 50%;
	
    background-repeat: no-repeat;
	
    width:22.5%;
}


.col-1-9, .col-1-10, .col-1-11,.col-1-20 {

    margin-left: 2%;

}



.col-1-12 {

    background-image: url(img/img/top10.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-13 {

    background-image: url(img/img/top11.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-14 {

    background-image: url(img/img/top12.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-15 {

    background-image: url(img/img/top13.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-16 {

    background-image: url(img/img/top19.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-17 {

    background-image: url(img/img/top14.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



.col-1-18 {

    background-image: url(img/img/top15.jpg);

    height: 70px;

    width: auto;

    background-position: center;

    background-repeat: no-repeat;

}



h4 {

    letter-spacing: 3px;

    color: #825a0f;

    padding: 2.4rem 0 2.4rem 0.5rem;

    background-color: rgba(255, 255, 255, 0.1);

}



/*レシピの設定　変更*/



div#wrap-left {

    padding: 0 8rem;

}



.eiyou-img {

    padding: 0rem 1.3rem 0rem 1rem;

}



ul.ttl_natuRecipe {

    margin: 0 0 1rem 0;

}



/*レシピtop*/



div#wrap-left-top {

    padding: 1rem 0rem 1rem 0.5rem;

}



/*2行の分類のcss*/



li.col-1-3 h4, li.col-1-4 h4, li.col-1-7 h4,.col-1-20 h4 {

    padding: 1rem 0 1rem 0.5rem;

}
.col-1-20 h4{
	letter-spacing: 0.05em;
}


.table-capture {

    max-width: 400px;

    line-height: initial;

}



.point-2 {

    background-color: #fff;

    border-radius: 3px;

    text-indent: -1.4rem;

}



.point-3{ background: #fff;}



em {

    color: #e05757;

}



div#social-bottun {

    display: none;

}



.sp{ display: none !important; }



/* アニメーション */



@keyframes Flash1 {

    50% {

        opacity: 0.8;

    }

}





#Hheader {

    display: none;

}


.ttl_glay_center{
text-align: center;
color: #aaa;
}