@charset "UTF-8";

/*
  :title        ec feature StyleSheet
  :created  2010-01-16 12:00;
  :modified 2010-04-26 14:00;
  :revision 0.11;
  :shortdesc    CN版css --- 4月3回
*/

/* TOC:
*/

/*======================================
	1.共通設定
=======================================*/
#ec_top #main_block .mhd {
    margin-bottom: 10px;
}
#ec_top #main_block .mbd {
    margin: 0 10px 20px;
}

/* バンドルカテゴリ */
/* テーマカテゴリ */
.feature .bundleCategory,
.feature .themeCategory {
    width: 560px;
    margin-bottom: 15px;
    padding-bottom: 7px;
    background: 0 100% no-repeat;
}
.feature .bundleCategory h3,
.feature .themeCategory h3 {
    display: block;
    width: auto;
    height: 23px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background: 0 0 no-repeat;
}
.feature .bundleCategory .bd,
.feature .themeCategory .bd {
    background: 0 0 repeat-y;
}
.feature .bundleCategory .bd p {
    padding: 4px 10px 8px 14px;
}
.feature .bundleCategory ul,
.feature .themeCategory ul {
    padding: 8px 12px 4px;
    /zoom: 1;
}
.feature .bundleCategory ul {
    padding-top: 0;
}
.feature .bundleCategory li,
.feature .themeCategory li {
    display: inline-block;
    /display: inline;
    padding: 0 6px 4px 12px;
    background: 0 0.2em no-repeat;
}
.feature .bundleCategory li {
    padding: 0 6px 0 2px;
}
.feature .bundleCategory li.block,
.feature .themeCategory li.block {
    display: block;
}
/* メインコンテンツ */
.feature .mainContents {
    line-height: 1.6;
    background: 0 0 repeat-y;
}
.feature .mainContents .hd {
    padding: 2px 2px 15px;
    background: 0 0 no-repeat;
}
.feature .mainContents .hd h3 {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    text-indent: 0;
}
.feature .mainContents .hd img {
    vertical-align: bottom;
}
.feature .mainContents .bt {
    padding-bottom: 5px;
    background: 0 100% no-repeat;
}

/* 商品一覧 */
.feature .mainContents .product {
    padding: 0 0 30px;
    background: none;
}
.feature .mainContents .product a.photo {
    float: left;
    border: 1px solid #ccc;
}
.feature .mainContents .product a:hover.photo {
    border: 1px solid #ff7800;
}
.feature .mainContents .product a.photo img {
    vertical-align: bottom;
    width: 176px;
    height: 159px;
}

.feature .mainContents .product p.catch {
    margin: 0 0 0 193px;
    color: #333;
    font-size: 100%;
}
.feature .mainContents .product p.name {
    margin-left: 193px;
    padding-bottom: 3px;
    background: transparent url("../../../../../../../images/cws_common/base/border.gif") 0 100% repeat-x;
}
.feature .mainContents .product p.name a {
    color: #ffa100;
    font-size: 116.7%;
    font-weight: 400;
}
.feature .mainContents .product .price {
    display: block;
    line-height: 1.4;
    margin-left: 193px;
    color: #ff3366;
    background: transparent url("../../../../../../../images/cws_common/base/border.gif") 0 100% repeat-x;
}
.feature .mainContents .product p.spec {
    margin-left: 193px;
    padding: 3px 0;
    background: transparent url("../../../../../../../images/cws_common/base/border.gif") 0 100% repeat-x;
}
.feature .mainContents .product .order_number {
    float: left;
    margin: -25px 0 0 17px;
}
.feature .mainContents .product .lower_icon {
    display: block;
    height: 32px;
    margin: 3px 0 3px 193px;
    /margin-left: 190px;
}
.feature .mainContents .product .lower_icon div,
.feature .mainContents .product .lower_icon img {
    width: 36px;
    height: 32px;
}
#ec_top .feature .mainContents .product .lower_icon div {
    float: left;
    margin-right: 2px;
}
.feature .mainContents .product .lower_icon div.icon10 {
    margin-right: 0;
}

/*アレルゲンツールチップ*/
.feature .mainContents .product .lower_icon .allergen_icon {
    position: relative;
}
.feature .mainContents .product .lower_icon .allergen_icon div {
    position: absolute;
    top: 0px;
    left: 30px;
    z-index: 1;
    visibility: hidden;
    width: auto;
    white-space: nowrap;
    height: auto;
    padding: 0 2px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #000;
    font-size: 133.3%;
    background-color: #fff;
}

.feature .mainContents .product .upper_icon {
    width: 45px;
    height: 40px;
    margin-left: 17px;
}
.feature .mainContents .product .upper_icon img {
    width: 45px;
    height: 40px;
}

/* clearfix */
#maincont #about-coop:after,
#feature1 .mainContents .contents02:after,
#feature1 .mainContents .contents08:after,
#feature1 .mainContents .contents09:after,
#feature2 .mainContents .contents06:after,
#feature3 .mainContents .contents01:after,
#feature3 .mainContents .contents07:after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
}
* html #maincont #about-coop,
#feature1 .mainContents .contents02,
#feature1 .mainContents .contents08,
#feature1 .mainContents .contents09,
#feature2 .mainContents .contents06,
* html #feature3 .mainContents .contents01,
#feature3 .mainContents .contents07 {
    height: 100%;
}

/*======================================
	2.子育てライフ 10000000
=======================================*/
/* バンドルグループカテゴリ */
#feature1 .bundleCategory {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg_category_bot.gif");
}
#feature1 .bundleCategory h3 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_title_bundle.gif");
}
#feature1 .bundleCategory .bd {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg_category.gif");
}

/* テーマカテゴリ */
#feature1 .themeCategory {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg_category_bot.gif");
}
#feature1 .themeCategory h3 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_title_category.gif");
}
#feature1 .themeCategory .bd {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg_category.gif");
}
#feature1 .themeCategory li {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_icon_orange.gif");
}

/* メインコンテンツ */
#feature1 .mainContents {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg.gif");
}
#feature1 .mainContents .hd {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg_head.gif");
}
#feature1 .mainContents .bt {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg_bot.gif");
}
#feature1 .mainContents h4 {
    display: block;
    height: 20px;
    margin-bottom: 10px;
    text-indent: -9999px;
    background: 0 0 no-repeat;
}
#feature1 .mainContents .contents01 h4 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle01.gif");
}
#feature1 .mainContents .contents02 h4 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle02.gif");
}
#feature1 .mainContents .contents03 h4 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle03.gif");
}
#feature1 .mainContents .contents04 h4 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle04.gif");
}
#feature1 .mainContents .contents05 h4 {
    height: 30px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle05.gif");
}
#feature1 .mainContents .contents06 h4 {
    height: 30px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle06.gif");
}
#feature1 .mainContents .contents07 h4 {
    height: 30px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle07.gif");
}

#feature1 .mainContents .contents01,
#feature1 .mainContents .contents02 {
    margin: 0 22px 30px;
}
#feature1 .mainContents .contents02 {
    padding-bottom: 30px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn_border.gif") 0 100% repeat-x;
}

#feature1 .mainContents .contents02 .recipe {
    float: left;
    line-height: 1.3;
    width: 154px;
    margin-right: 25px;
}
#feature1 .mainContents .contents02 .last {
    margin-right: 0;
}

#feature1 .mainContents .contents02 .recipe a.name {
    margin-left: 10px;
    font-weight: bold;
}
#feature1 .mainContents .contents02 .recipe p {
    margin: 5px 0 0 10px;
    padding-bottom: 20px;
    color: #333;
    font-size: 93.8%;
    font-weight: bold;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg_recipe_row.gif") 55px 100% no-repeat;
}
#feature1 .mainContents .contents02 .recipe .other {
    display: block;
    height: 41px !important;
    height: 54px;
    padding: 13px 0 0 50px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg_recipe.gif") 0 0 no-repeat;
}
#feature1 .mainContents .contents02 .recipe .other a {
    display: block;
    color: #666;
    font-weight: bold;
}
#feature1 .mainContents .contents02 .recipe .other a:hover {
    color: #888;
}

#feature1 .mainContents .contents03,
#feature1 .mainContents .contents04 {
    line-height: 1.8;
    margin: 0 22px 30px;
    padding-right: 200px;
}
#feature1 .mainContents .contents03 {
    min-height: 158px;
    height: auto !important;
    height: 158px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_image01.jpg") 100% 0 no-repeat;
}
#feature1 .mainContents .contents04 {
    min-height: 150px;
    height: auto !important;
    height: 150px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_image02.jpg") 100% 0 no-repeat;
}

/* レシピ */
#feature1 .mainContents .contents05,
#feature1 .mainContents .contents06,
#feature1 .mainContents .contents07 {
    margin: 0 22px;
    padding: 30px 0 0;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn_border.gif") 0 0 repeat-x;
}
#feature1 .mainContents p.introduction {
    min-height: 165px;
    height: auto !important;
    height: 165px;
    margin: 15px 0 15px 15px;
    padding-right: 200px;
    background: 100% 0 no-repeat;
}
#feature1 .mainContents .contents05 p.introduction {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_image03.jpg");
}
#feature1 .mainContents .contents06 p.introduction {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_image04.jpg");
}
#feature1 .mainContents .contents07 p.introduction {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_image05.jpg");
}
#feature1 .mainContents p.introduction a.button {
    display: block;
    width: 152px;
    height: 35px;
    margin-top: 15px;
    text-indent: -9999px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_btn_recipe.gif") 0 0 no-repeat;
}
#feature1 .mainContents .recipeSub {
    padding-bottom: 10px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg_recipe2_bot.gif") 0 100% no-repeat;
}
#feature1 .mainContents .recipeSub .hd {
    padding: 0;
    background: none;
}
#feature1 .mainContents .recipeSub h5 {
    display: block;
    height: 39px;
    text-indent: -9999px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_title_recipe2.gif") 0 0 no-repeat;
}
#feature1 .mainContents .recipeSub .bd {
    padding: 5px 10px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_bg_recipe2.gif") 0 0 repeat-y;
}
#feature1 .mainContents .recipeSub h6 {
    display: block;
    height: 23px;
    margin-left: 115px;
    text-indent: -9999px;
    background: 0 0 no-repeat;
}
#feature1 .mainContents .contents05 .recipeSub h6 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle_recipe01.gif");
}
#feature1 .mainContents .contents06 .recipeSub h6 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle_recipe02.gif");
}
#feature1 .mainContents .contents07 .recipeSub h6 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle_recipe03.gif");
}
#feature1 .mainContents .recipeSub img {
    float: left;
}
#feature1 .mainContents .recipeSub ol {
    margin: 8px 10px 0 140px;
    font-size: 91.6%;
}
#feature1 .mainContents .recipeSub li {
    list-style-type: decimal;
    line-height: 1.4;
    padding-bottom: 3px;
}

/* 商品一覧 */
#feature1 .mainContents .productList {
    margin-top: 30px;
}
#feature1 .mainContents .productList .product {
    padding: 30px 15px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn_border.gif") 0 0 repeat-x;
}
#feature1 .mainContents .productList a.photo img {
    height: 200px;
}
#feature1 .mainContents .productList .order_form {
    padding-bottom: 6px;
}
#feature1 .mainContents .productList .relatedURL {
    clear: right;
    line-height: 1.4;
    padding: 5px 0 0 193px;
}
#feature1 .mainContents .productList .relatedURL li {
    padding-left: 12px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_icon_brown.gif") 0 50% no-repeat;
}
#feature1 .mainContents .productList .relatedURL a {
    color: #966e50;
}

/* くらしる */
#feature1 .mainContents .contents08 {
    margin: 0 22px 15px;
    padding-top: 30px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn_border.gif") 0 0 repeat-x;
}
#feature1 .mainContents .contents08 .left {
    float: left;
    width: 320px;
}
#feature1 .mainContents .contents08 .right {
    float: right;
    width: 188px;
    height: 610px;
}
#feature1 .mainContents .contents08 h4 {
}
#feature1 .mainContents .contents08 h4.t01 {
    height: 42px;
    margin-top: 10px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle08.gif");
}
#feature1 .mainContents .contents08 h4.t02 {
    height: 64px;
    margin-bottom: 15px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_subtitle09.gif");
}
#feature1 .mainContents .contents08 h5 {
    display: block;
    text-indent: -9999px;
    background: 0 0 no-repeat;
}
#feature1 .mainContents .contents08 h5.t01 {
    width: 292px;
    height: 15px;
    margin-top: 15px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_title_kurashiru.gif");
}
#feature1 .mainContents .contents08 p {
    padding-right: 5px;
}
#feature1 .mainContents .contents08 ul {
    margin-bottom: 15px;
    padding: 5px 0 15px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn_border.gif") 0 100% repeat-x;
}
#feature1 .mainContents .contents08 li {
    padding-left: 15px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_icon_pink.gif") 0 0.4em no-repeat;
}
#feature1 .mainContents .contents08 li a {
    color: #666;
}
#feature1 .mainContents .contents08 li a:hover {
    color: #888;
}
#feature1 .mainContents .contents08 .qrCode {
    display: none;
}
#feature1 .mainContents .contents08 h5.t02 {
    float: left;
    width: 110px;
    height: 26px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_title_qrcode.gif");
}
#feature1 .mainContents .contents08 .qrCode p {
    clear: left;
    float: left;
    width: 140px;
    margin-top: 5px;
}
#feature1 .mainContents .contents08 .qrCode img {
    float: right;
}

/* ゆとリンク */
#feature1 .mainContents .contents09 {
    margin: 15px 22px 0;
    padding: 15px 0;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn_border.gif") 0 0 repeat-x;
}
#feature1 .mainContents .contents09 h4 {
    width: 184px;
    height: 28px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_yutolink.gif");
}
#feature1 .mainContents .contents09 a.backNumber {
    float: right;
    display: block;
    width: 180px;
    height: 35px;
    text-indent: -9999px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn1_btn_backnumber.gif") -2px 0 no-repeat;
}

/*======================================
	3.にぎやか家族 20000000
=======================================*/
/* バンドルグループカテゴリ */
#feature2 .bundleCategory {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_category_bot.gif");
}
#feature2 .bundleCategory h3 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_title_bundle.gif");
}
#feature2 .bundleCategory .bd {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_category.gif");
}

/* テーマカテゴリ */
#feature2 .themeCategory {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_category_bot.gif");
}
#feature2 .themeCategory h3 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_title_category.gif");
}
#feature2 .themeCategory .bd {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_category.gif");
}
#feature2 .themeCategory li {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_icon_orange.gif");
}

/* メインコンテンツ */
#feature2 .mainContents {
    color: #333;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg.gif");
}
#feature2 .mainContents .hd {
    padding: 2px 0 0;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_head.gif");
}
#feature2 .mainContents .bt {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_bot.gif");
}
#feature2 .mainContents .hd h3 {
    margin: 0;
    padding: 0 2px 20px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg2.gif") 0 0 repeat-y;
}
#feature2 .mainContents .bd h4 {
    display: block;
    margin-bottom: 15px;
    padding: 0;
    text-indent: -9999px;
    background: 0 0 no-repeat;
}
#feature2 .mainContents .contents01 h4 {
    height: 20px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_subtitle01.gif");
}
#feature2 .mainContents .contents02 h4 {
    height: 34px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_subtitle02.gif");
}
#feature2 .mainContents .contents03 h4 {
    height: 34px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_subtitle03.gif");
}
#feature2 .mainContents .contents04 h4 {
    height: 34px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_subtitle04.gif");
}
/* conetents01 */
#feature2 .mainContents .contents01 {
    margin: 0;
    padding: 0 22px 20px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg2.gif") 0 0 repeat-y;
}
#feature2 .mainContents .contents01 p {
    min-height: 82px;
    height: auto !important;
    height: 82px;
    padding-left: 100px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_chie.gif") 0 0 no-repeat;
}

/* conetents02,03,04 -product- */
#feature2 .mainContents .bd2 {
    margin: 15px 17px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_product.gif") 0 0 repeat-y;
}
#feature2 .mainContents .contents02,
#feature2 .mainContents .contents03,
#feature2 .mainContents .contents04 {
    padding: 0 20px 15px 18px;
}
#feature2 .mainContents .contents02 {
    padding-top: 15px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_product_head.gif") 0 0 no-repeat;
}
#feature2 .mainContents .contents03 {
}
#feature2 .mainContents .contents04 {
    padding-bottom: 15px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_product_bot.gif") 0 100% no-repeat;
}

#feature2 .mainContents .introduction {
    line-height: 1.6;
    min-height: 143px;
    height: auto !important;
    height: 173px;
    padding: 0 210px 30px 0;
    background: 100% 0 no-repeat;
}
#feature2 .mainContents .contents02 .introduction {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_image01.jpg");
}
#feature2 .mainContents .contents03 .introduction {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_image02.jpg");
}
#feature2 .mainContents .contents04 .introduction {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_image03.jpg");
}
#feature2 .mainContents .contents02 .introduction p {
    margin-bottom: 35px;
}
#feature2 .mainContents .contents03 .introduction p {
    margin-bottom: 35px;
}
#feature2 .mainContents .contents04 .introduction p {
    margin-bottom: 43px;
}
/* よろこび度・おなかいっぱい度 */
#feature2 .mainContents .stars {
}
#feature2 .mainContents .stars h5 {
    display: block;
    float: left;
    width: 100px;
    height: 22px;
    margin-top: 4px;
    text-indent: -9999px;
    background: 0 0 no-repeat;
}
#feature2 .mainContents .contents02 .stars h5 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_title_yorokobi.gif");
}
#feature2 .mainContents .contents03 .stars h5 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_title_otegaru.gif");
}
#feature2 .mainContents .contents04 .stars h5 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_title_onaka.gif");
}
#feature2 .mainContents .stars ul {
    margin-left: 105px;
}
#feature2 .mainContents .stars li {
    display: inline;
    width: 30px;
    height: 30px;
}

/* 商品一覧 */
#feature2 .mainContents .productList {
    padding-top: 30px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn_border.gif") 0 0 repeat-x;
}
#feature2 .mainContents .contents05 {
    margin: 0;
    padding: 15px 12px 0;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg2.gif") 0 0 repeat-y;
}

/* コープのコミュニティ */
#feature2 .mainContents .contents05 {
    margin: 0 2px;
    padding: 20px 15px 10px;
    background: #fff url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_comm_bot.gif") 15px 100% no-repeat;
}
#feature2 .mainContents .contents05 .hd {
    padding: 0;
    background: none;
}
#feature2 .mainContents .contents05 h4 {
    height: 40px;
    margin: 0;
    text-indent: -9999px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_subtitle05.gif") 0 0 no-repeat;
}
#feature2 .mainContents .contents05 .bd {
    padding: 10px 20px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg_comm.gif") 0 0 repeat-y;
}
#feature2 .mainContents .contents05 .subCont01,
#feature2 .mainContents .contents05 .subCont02 {
    margin-bottom: 20px;
    padding-bottom: 2px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_border.gif") 0 100% repeat-x;
}
#feature2 .mainContents .contents05 h5 {
    display: block;
    margin-bottom: 5px;
    text-indent: -9999px;
    background: 0 0 no-repeat;
}
#feature2 .mainContents .contents05 .subCont01 h5 {
    height: 42px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_subtitle06.gif");
}
#feature2 .mainContents .contents05 .subCont02 h5 {
    height: 42px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_subtitle07.gif");
}
#feature2 .mainContents .contents05 .subCont03 h5 {
    height: 50px;
    margin-bottom: 15px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_subtitle08.gif");
}
#feature2 .mainContents .contents05 ul {
    padding: 10px 0 20px;
}
#feature2 .mainContents .contents05 li {
    padding: 0 12px 2px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_icon_orange2.gif") 0 0.3em no-repeat;
}
#feature2 .mainContents .contents05 li a {
    color: #333;
}
#feature2 .mainContents .contents05 li a:hover {
    color: #888;
}
#feature2 .mainContents .contents05 .subCont02 p {
    min-height: 128px;
    height: auto !important;
    height: 128px;
    margin-top: 5px;
    padding: 0 180px 10px 0;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_image04.jpg") 100% 5px no-repeat;
}
#feature2 .mainContents .contents05 a.button {
    display: block;
    width: 238px;
    height: 35px;
    margin-top: 8px;
    text-indent: -9999px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_btn_join.gif") 0 0 no-repeat;
}
#feature2 .mainContents .contents05 .qrCode {
    display: none;
}

/* スキルアップの知恵 */
#feature2 .mainContents .contents06 {
    margin: 0;
    padding: 15px 22px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_bg2.gif") 0 0 repeat-y;
}
#feature2 .mainContents .contents06 h4 {
    height: 38px;
    text-indent: -9999px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_subtitle_skillup.gif") 0 0 no-repeat;
}
#feature2 .mainContents .contents06 p {
    line-height: 1.4;
    float: left;
    width: 330px;
    font-size: 93%;
}
#feature2 .mainContents .contents06 a.backNumber {
    float: right;
    display: block;
    width: 173px;
    height: 35px;
    margin-top: 15px;
    text-indent: -9999px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn2_btn_backnumber.gif") 0 0 no-repeat;
}

/*======================================
	4.大人な時間 30000000
=======================================*/
/* バンドルグループカテゴリ */
#feature3 .bundleCategory {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_bg_category_bot.gif");
}
#feature3 .bundleCategory h3 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_title_bundle.gif");
}
#feature3 .bundleCategory .bd {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_bg_category.gif");
}

/* テーマカテゴリ */
#feature3 .themeCategory {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_bg_category_bot.gif");
}
#feature3 .themeCategory h3 {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_title_category.gif");
}
#feature3 .themeCategory .bd {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_bg_category.gif");
}
#feature3 .themeCategory li {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_icon_orange.gif");
}

/* メインコンテンツ */
#feature3 .mainContents {
    color: #333;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_bg.gif");
}
#feature3 .mainContents .hd {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_bg_head.gif");
}
#feature3 .mainContents .bt {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_bg_bot.gif");
}
#feature3 .mainContents h4 {
    display: block;
    height: 20px;
    margin-bottom: 10px;
    padding: 0;
    text-indent: -9999px;
    background: 0 0 no-repeat;
}
#feature3 .mainContents .contents01 h4 {
    height: 88px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_subtitle01.gif");
}
#feature3 .mainContents .contents02 h4 {
    height: 34px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_subtitle02.gif");
}
#feature3 .mainContents .contents03 h4 {
    height: 34px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_subtitle03.gif");
}
#feature3 .mainContents .contents04 h4 {
    height: 34px;
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_subtitle04.gif");
}
#feature3 .mainContents .contents06 h4 {
    height: 98px;
    margin: 0;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_subtitle_recipe.gif") 2px 0 no-repeat;
}

/* contents01 */
#feature3 .mainContents .contents01 {
    margin: 0 32px 30px;
}
#feature3 .mainContents .contents01 p {
    line-height: 1.4;
    font-family: "ＭＳ Ｐ明朝", osaka, serif;
}
#feature3 .mainContents .contents01 img {
    float: right;
    margin-left: 15px;
}

/* conetents02,03,04 -product- */
#feature3 .mainContents .contents02,
#feature3 .mainContents .contents03,
#feature3 .mainContents .contents04 {
    padding: 0 32px 30px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_bg2.gif") 0 0 repeat-y;
}
#feature3 .mainContents .contents02 {
    padding-top: 30px;
}
#feature3 .mainContents .contents04 {
    padding-bottom: 0;
}

#feature3 .mainContents .introduction {
    line-height: 1.5;
    min-height: 130px;
    height: auto !important;
    height: 130px;
    margin-bottom: 30px;
    padding: 0 200px 0 0;
    background: 100% 0 no-repeat;
}
#feature3 .mainContents .contents02 .introduction {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_image02.jpg");
}
#feature3 .mainContents .contents03 .introduction {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_image03.jpg");
}
#feature3 .mainContents .contents04 .introduction {
    background-image: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_image04.jpg");
}
#feature3 .mainContents .contents02 .introduction p {
    margin-bottom: 23px;
}
#feature3 .mainContents .contents03 .introduction p,
#feature3 .mainContents .contents04 .introduction p {
    margin-bottom: 25px;
}
#feature3 .mainContents .introduction a.button {
    display: block;
    width: 128px;
    height: 35px;
    text-indent: -9999px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_btn_recipe.gif") 0 0 no-repeat;
}
#feature3 .mainContents .productList {
    padding-top: 30px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn_border.gif") 0 0 repeat-x;
}
#feature3 .mainContents .product a.photo img {
    height: 168px;
}
#feature3 .mainContents .product p.name a {
    color: #640028;
}
#feature3 .mainContents .product p.name a:hover {
    color: #a55d21;
}

/* インターネット限定品 */
#feature3 .mainContents .contents05 {
    padding: 30px 32px;
}

/* みんなのレシピ */
#feature3 .mainContents .contents06 {
    padding-bottom: 5px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_bg_recipe_bot.gif") 2px 100% no-repeat;
}
#feature3 .mainContents .contents06 .hd {
    padding: 0;
    background: none;
}
#feature3 .mainContents .contents06 .bd {
    padding: 0 45px 10px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_bg_recipe.gif") 2px 0 repeat-y;
}
#feature3 .mainContents .contents06 h5 {
    display: block;
    margin-bottom: 10px;
    color: #640028;
    font-size: 116.7%;
    font-weight: bold;
}
#feature3 .mainContents .contents06 p {
    line-height: 2;
}
#feature3 .mainContents .contents06 ul {
    margin-bottom: 10px;
    padding: 10px 0;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_border.gif") 0 100% repeat-x;
}
#feature3 .mainContents .contents06 li {
    padding: 0 12px 2px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_icon_purple.gif") 0 0.3em no-repeat;
}
#feature3 .mainContents .contents06 li a {
    color: #333;
}
#feature3 .mainContents .contents06 li a:hover {
    color: #888;
}
#feature3 .mainContents .contents06 .qrCode {
    display: none;
}

/* WE LOVE COOP */
#feature3 .mainContents .contents07 {
    margin: 0;
    padding: 15px 32px;
}
#feature3 .mainContents .contents07 h4 {
    display: block;
    width: 294px;
    height: 22px;
    text-indent: -9999px;
    background: url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_title_wlcoop.gif") 0 0 no-repeat;
}
#feature3 .mainContents .contents07 p {
    line-height: 2;
    float: left;
    width: 310px;
    font-size: 93%;
}
#feature3 .mainContents .contents07 a.backNumber {
    float: right;
    display: block;
    width: 173px;
    height: 35px;
    margin-top: 30px;
    text-indent: -9999px;
    background: transparent url("../../../../../../../images/ec/plan/CMN/2010044/9999999/cn3_btn_backnumber.gif") 0 0 no-repeat;
}

/*======================================
	5.デカバナー
=======================================*/
#number_order #left_main_block #plan_linked_contents,
#order_confirm #right_main_block #plan_linked_contents {
    margin: 0;
}

/*注文番号入力注文 SCR-COM-EC-F-01-BB-040*/
#number_order #left_main_block,
#number_order #left_main_block #body_1 .mbd {
    overflow: visible;
}
#number_order #left_main_block #dekaBanner {
    position: relative;
    height: 118px;
}
#number_order #left_main_block #dekaBanner a {
    position: absolute;
    top: 0;
    left: -5px;
    width: 955px;
    height: 118px;
}
#number_order #left_main_block #dekaBanner img {
    vertical-align: bottom;
}
#number_order #left_main_block #body_2 {
    _overflow: hidden;
    _width: 748px;
}
#number_order #right_block {
    margin-top: 118px;
    background-color: transparent;
}
/*暫定記述（base.cssに移行予定）*/
#number_order #body_1 .mhd,
#number_order #body_1 .mbt {
    display: none;
}

/*注文受付一覧詳細 SCR-COM-EC-F-02-BB-010*/
#order_confirm #body_1 .mbd {
    margin-left: 0;
}
#order_confirm #right_main_block #dekaBanner {
    height: 118px;
}
#order_confirm #right_main_block #dekaBanner a {
    display: block;
    width: 955px;
    height: 118px;
}
#order_confirm #right_main_block #dekaBanner img {
    vertical-align: bottom;
}
/*暫定記述（base.cssに移行予定）*/
#order_confirm #body_1 .mhd,
#order_confirm #body_1 .mbt {
    display: none;
}

/* ADD 2023/8/23 */
/*============================================================================
  各企画連動コンテンツ共通
==============================================================================*/
.special_section {
    width: 570px;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
}
.special_section .main {
    width: 570px;
    position: relative;
    margin: 0 auto;
    /* box-shadow: 0 0 4px 0 rgb(0, 0, 0, 0.25); */
/*
    display: flex;
    gap: 10px;
*/
}
.special_section .main + .main {
	margin-top: 20px;
}
.special_section .main + .main::after {
	display: block;
	clear: both;
	content: '';
}
.special_section .main img {
    box-shadow: none;
}
.special_section .sub {
	width: 100%;
	padding-top: 15px;
}
.special_section .flex {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    padding-top: 135px;
    position: absolute;
    top: 0;
}
.special_section .item {
    width: 180px;
}
.special_section .item img {
    width: 100%;
}
.special_section ul::after {
    display: block;
    clear: both;
    content: "";
}
.special_section li {
    width: 280px;
    margin-bottom: 20px;
}
.special_section li:nth-child(2n + 1) {
    float: left;
}
.special_section li:nth-child(2n) {
    float: right;
}
.special_section li.text {
    width: calc(50% - 8px);
}
.special_section a {
    display: block;
    text-decoration: none;
}
.special_section a img {
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}
.special_section a span {
    line-height: 1.63636;
    display: block;
    margin-top: 5px;
    color: rgb(51, 51, 51);
    font-size: 11px;
    font-weight: 400;
}
.special_section img {
    vertical-align: bottom;
    width: 100%;
}

/*============================================================================
  上部企画連動コンテンツ
==============================================================================*/
#upper_special_section .large {
    display: block;
    width: 570px;
    margin: 0 auto;
/*    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.1));*/
}
#upper_special_section .main a img {
    border-radius: 0;
}
#upper_special_section .flex_between {
/*    display: flex; */
    flex-wrap: wrap;
    justify-content: space-between;
}
#upper_special_section ul {
    margin-top: 20px;
    margin-bottom: 30px;
}
/* 複数バナー用のCSS */
#upper_special_section .main_bnr01 {
    position: absolute;
    bottom: 4.5%;
    left: 2.8%;
    width: 46.8421%;
}
#upper_special_section .main_bnr02 {
    position: absolute;
    bottom: 4.5%;
    right: 2.1%;
    width: 46.8421%;
}
#upper_special_section .main_bnr03 {
    position: absolute;
    bottom: 3.5%;
    left: 2.3%;
    width: 46.66667%;
}
#upper_special_section .main_bnr04 {
    position: absolute;
    bottom: 3.5%;
    right: 2.1%;
    width: 46.66667%;
}

/*============================================================================
  あなた専用の売り場はこちらからコンテンツ
==============================================================================*/
.mbd #plan_linked_contents {
    margin: 0 auto;
}
#special_section,
#special_section2 {
    line-height: 1.63636;
    font-size: 11px;
}
#special_section h2 img {
    border-radius: 3px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}
#special_section p {
    margin-top: 5px;
    text-align: left;
}
#special_section div,
#special_section2 div {
    margin: 40px auto 0;
}
#special_section h3,
#special_section2 h3 {
    line-height: 1.05263;
    width: auto;
    height: auto;
    margin: 0 auto 10px;
    padding: 2px 0 4px;
    color: rgb(114, 184, 12);
    font-size: 19px;
    font-weight: 600;
    text-align: left;
    background: url(/images/cws_common/base/common/bg_ttl_green.png) left center / 4px auto no-repeat;
}
#special_section .recommend-category ul {
    width: 550px;
    margin: 0 auto;
}
#special_section .recommend-category li {
    float: left;
    width: 130px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#special_section .recommend-category li:nth-child(4n) {
    margin-right: 0;
}
#special_section .recommend-category a img {
    border-radius: 0;
    box-shadow: none;
}

/* 急上昇ワード（簡易コンテンツ） */
#special_section2 .trending-words ul {
    display: block;
    margin: 0 8px 46px;
    font-size: 0;
    text-align: left;
}
#special_section2 .trending-words li {
    float: none;
    display: inline;
    width: auto;
    margin: 0 auto;
}
#special_section2 .trending-words a {
    line-height: 1.416667;
    display: inline-block;
    margin: 0 14px 14px 0;
    padding: 8px 14px;
    border-radius: 14px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    background-color: rgb(252, 127, 149);
}

/*============================================================================
  下部企画連動コンテンツ
==============================================================================*/
#lower_special_section div {
    margin: 30px auto 13px;
}
#lower_special_section h2 {
    line-height: 1.05263;
    text-indent: 10px;
    width: auto;
    height: auto;
    margin: 0 auto 10px;
    padding: 2px 0 4px;
    color: rgb(114, 184, 12);
    font-size: 19px;
    font-weight: 600;
    text-align: left;
    background: url(/images/cws_common/base/common/bg_ttl_green.png) left center / 4px auto no-repeat;
}
#lower_special_section li.new {
    position: relative;
}
#lower_special_section ul {
    display: flex;
    flex-wrap: wrap;
}
#lower_special_section .gap {
    gap: 0 10px;
}
#lower_special_section li {
    margin-bottom: 17px;
}
#lower_special_section li.text {
    margin-top: 10px;
    border-top: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
}
#lower_special_section li.text a {
    box-sizing: border-box;
    line-height: 1.6667;
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 0 10px 30px;
    color: rgb(51, 51, 51);
    font-size: 12px;
    text-decoration: none;
    background: url(/images/cws_common/base/sp/common/arw-right.png) 15px center / 5px auto no-repeat;
}
/* 3バナーの時に使われるCSS */
#lower_special_section ul .banner3_li {
    padding-right: 280px;
}
#lower_special_section ul .banner3_text:nth-child(2n) {
    float: left;
}
#lower_special_section ul .banner3_text:nth-child(2n-1) {
    float: right;
}
/* 3バナーの時に使われるCSS */

/* efriends */
#lower_special_section .about_efriends {
    margin-top: 70px;
    background-color: rgb(247, 246, 229);
}
#lower_special_section .about_efriends h2 {
    text-indent: 0;
    line-height: 1.28571;
    margin: 0 auto;
    padding: 24px 32px 16px;
    color: rgb(51, 51, 51);
    font-size: 14px;
    font-weight: 400;
    background-image: none;
}
#lower_special_section .about_efriends h2::before {
    vertical-align: -7px;
    display: inline;
    width: 13px;
    height: 18px;
    margin-right: 10px;
    content: url(/images/cws_common/base/common/beginner_pc.svg);
}
#lower_special_section .about_efriends ul {
    padding: 0 30px 5px;
}
#lower_special_section .about_efriends li {
    width: 150px;
    margin: 0 30px 20px 0;
    border: none;
}
#lower_special_section .about_efriends li:nth-child(2n) {
    float: left;
}
#lower_special_section .about_efriends li:nth-child(3n) {
    margin-right: 0;
}
#lower_special_section .about_efriends li.text a {
    display: inline-block;
    height: auto;
    padding: 0 0 0 20px;
    background-position: 5px 7px;
}
/* btn chat */
.goto_chat {
    position: fixed;
    right: 120px;
    bottom: 50px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    background-color: rgb(255,255,255);
}
.goto_chat a {
	display: block;
	width: 30px;
	height: 30px;
	padding: 5px;
}
.goto_chat a img {
	width: 30px;
	height: 30px;
}
/* btn beginner */
.goto_beginner {
    position: fixed;
    right: 120px;
    bottom: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
}

/* sns */
#lower_special_section .sns {
    margin: 40px auto 20px;
}
#lower_special_section .sns::after {
    clear: both;
    display: block;
    content: "";
}
#lower_special_section .sns ul {
    float: right;
    width: auto;
    margin: 0 auto;
}
#lower_special_section .sns li {
    float: none;
    display: inline-block;
    width: auto;
    margin-bottom: 0;
}
#lower_special_section .sns li:last-child {
    margin-right: 10px;
    margin-left: 18px;
}
#lower_special_section .sns a img {
    width: 26px;
    border-radius: 0;
    box-shadow: none;
}
/* NEWマーク挿入の例 */
/* #lower_special_section li.new::after {
	position: absolute;
	top: -6px;
	right: -6px;
	content: url(/images/cws_common/base/common/icon_new.svg);
} */