@charset "utf-8";
/* 商品ページテンプレート 個別指定 */

@import "itemPage_nori.css?t=2025051200";
@import "itemPage_jugetsudo.css?t=20250507";
@import "itemPage_sweets.css?t=20241101";
@import "itemPage_shizen.css?t=2024";
@import "itemPage_atenaru.css";

/* h1カラー 01*/
body.hikobee_n #pageName h1,
body.hashiri_n #pageName h1,
body.ajisannshi_n #pageName h1,
body.zoushi_n #pageName h1,
body.kabukibox_n #pageName h1,
body.temakisho_n #pageName h1,
body.kontobi_n #pageName h1,
body.gokakon_n #pageName h1,
body.gohakasi_n #pageName h1,
body.oohashiri_n #pageName h1,
body.asakusahashiri_n #pageName h1,
body.oohashiri_n .pageName span,
body.asakusahashiri_n .pageName span,
body.yakimetag_n #pageName h1,
body.okazunori_n #pageName h1,
body.olive_n #pageName h1,
body.metag_n #pageName h1,
body.gokasusinori_n #pageName h1,
body.temakizushi_n #pageName h1,
body.onigiri_n #pageName h1,
body.gohannotomo_n #pageName h1,
body.zenkei_n #pageName h1,
body.hansai_n #pageName h1,
body.mitsugiri_n #pageName h1,
body.yotsugiri_n #pageName h1,
body.yatsugiri_n #pageName h1,
body.kizami_n #pageName h1,
body.norigift_n #pageName h1{
    background: url(../img/common/icn_circle_01.svg) no-repeat left 3px;
    background-size: 30px auto;
}
@media screen and (max-width: 768px) {  
body.hikobee_n #pageName h1,
body.hashiri_n #pageName h1,
body.ajisannshi_n #pageName h1,
body.zoushi_n #pageName h1,
body.kabukibox_n #pageName h1,
body.temakisho_n #pageName h1,
body.kontobi_n #pageName h1,
body.gokakon_n #pageName h1,
body.gohakasi_n #pageName h1,
body.oohashiri_n #pageName h1,
body.asakusahashiri_n #pageName h1,
body.oohashiri_n .pageName span,
body.asakusahashiri_n .pageName span,
body.yakimetag_n #pageName h1,
body.okazunori_n #pageName h1,
body.olive_n #pageName h1,
body.metag_n #pageName h1,
body.gokasusinori_n #pageName h1,
body.temakizushi_n #pageName h1,
body.onigiri_n #pageName h1,
body.gohannotomo_n #pageName h1,
body.zenkei_n #pageName h1,
body.hansai_n #pageName h1,
body.mitsugiri_n #pageName h1,
body.yotsugiri_n #pageName h1,
body.yatsugiri_n #pageName h1,
body.kizami_n #pageName h1,
body.norigift_n #pageName h1{
    background: url(../img/common/icn_circle_01.svg) no-repeat left 2px;
    background-size: 20px auto;
}
}

/* h1カラー 02*/
body.hyakunen_n #pageName h1,
body.hyakunen_n .itemName,
body.gokahyaku_n #pageName h1,
body.gokahyaku_n .itemName,
body.jugetsu_n #pageName h1,
body.jugetsu_n .itemName,
body.gokaju_n #pageName h1,
body.gokaju_n .itemName,
body.tobikiri_n #pageName h1,
body.tobikiri_n .itemName,
body.mecha80_n #pageName h1,
body.mecha80_n .itemName,
body.houjicha_n #pageName h1,
body.houjicha_n .itemName,
body.asahagi #pageName h1,
body.asahagi .itemName,
body.hosokan_n #pageName h1,
body.hosokan_n .itemName,
body.seasonal_n #pageName h1,
body.seasonal_n .itemName,
body.washikan_n #pageName h1,
body.washikan_n .itemName,
body.matcha_n #pageName h1,
body.matcha_n .itemName,
body.chaki_n #pageName h1,
body.chaki_n .itemName,
body.manzara_n #pageName h1,
body.manzara_n .itemName,
body.gokahouji_n #pageName h1,
body.gokahouji_n .itemName,
body.hidahomare_n #pageName h1,
body.hidahomare_n .itemName,
body.satsuma_n #pageName h1,
body.satsuma_n .itemName,
body.t-bag_n #pageName h1,
body.t-bag_n .itemName,
body.chagift_n #pageName h1,
body.chagift_n .itemName,
body.oncha #pageName h1,
body.oncha .itemName,
body.recipe #pageName h1,
body.recipe .itemName,
body.fuga_n #pageName h1,
body.fuga_n .itemName{
    background: url(../img/common/icn_circle_02.svg) no-repeat left 3px;
    background-size: 30px auto;
}

@media screen and (max-width: 768px) {  
body.hyakunen_n #pageName h1,
body.hyakunen_n .itemName,
body.gokahyaku_n #pageName h1,
body.gokahyaku_n .itemName,
body.jugetsu_n #pageName h1,
body.jugetsu_n .itemName,
body.gokaju_n #pageName h1,
body.gokaju_n .itemName,    
body.tobikiri_n #pageName h1,
body.tobikiri_n .itemName,
body.mecha80_n #pageName h1,
body.mecha80_n .itemName,
body.houjicha_n #pageName h1,
body.houjicha_n .itemName,
body.asahagi #pageName h1,
body.asahagi .itemName,
body.hosokan_n #pageName h1,
body.hosokan_n .itemName,    
body.seasonal_n #pageName h1,
body.seasonal_n .itemName,
body.washikan_n #pageName h1,
body.washikan_n .itemName,
body.matcha_n #pageName h1,
body.matcha_n .itemName,    
body.chaki_n #pageName h1,
body.chaki_n .itemName,
body.manzara_n #pageName h1,
body.manzara_n .itemName,
body.gokahouji_n #pageName h1,
body.gokahouji_n .itemName,
body.hidahomare_n #pageName h1,
body.hidahomare_n .itemName,
body.satsuma_n #pageName h1,
body.satsuma_n .itemName,
body.t-bag_n #pageName h1,
body.t-bag_n .itemName,
body.chagift_n #pageName h1,
body.chagift_n .itemName,
body.oncha #pageName h1,
body.oncha .itemName,
body.recipe #pageName h1,
body.recipe .itemName,
body.fuga_n #pageName h1,
body.fuga_n .itemName{
    background: url(../img/common/icn_circle_02.svg) no-repeat left 2px;
    background-size: 20px auto;
}
}

/* h1カラー 03*/
body.languedechat_n #pageName h1,
body.languedechat_n .itemName,
body.chocolat_n #pageName h1,
body.chocolat_n .itemName,
body.matcharoll_n #pageName h1,
body.matcharoll_n .itemName,
body.sweetstsume_n #pageName h1,
body.sweetstsume_n .itemName,
body.pudding_n #pageName h1,
body.pudding_n .itemName,
body.ice_n #pageName h1,
body.terrine_n #pageName h1,
body.terrine_n .itemName,
body.youkan_n #pageName h1,
body.youkan_n .itemName,
body.popcorn_n #pageName h1,
body.popcorn_n .itemName,
body.carre_n #pageName h1,
body.carre_n .itemName,
body.arare_n #pageName h1,
body.arare_n .itemName,
body.finansye_n #pageName h1,
body.finansye_n .itemName,
body.montblanc_n #pageName h1,
body.montblanc_n .itemName{
    background: url(../img/common/icn_circle_03.svg) no-repeat left 3px;
    background-size: 30px auto;
}
@media screen and (max-width: 768px) {  
body.languedechat_n #pageName h1,
body.languedechat_n .itemName,
body.chocolat_n #pageName h1,
body.chocolat_n .itemName,
body.matcharoll_n #pageName h1,
body.matcharoll_n .itemName,
body.sweetstsume_n #pageName h1,
body.sweetstsume_n .itemName,
body.pudding_n #pageName h1,
body.pudding_n .itemName,
body.ice_n #pageName h1,
body.terrine_n #pageName h1,
body.terrine_n .itemName ,
body.youkan_n #pageName h1,
body.youkan_n .itemName,
body.popcorn_n #pageName h1,
body.popcorn_n .itemName,
body.carre_n #pageName h1,
body.carre_n .itemName,
body.arare_n #pageName h1,
body.arare_n .itemName,
body.finansye_n #pageName h1,
body.finansye_n .itemName,
body.montblanc_n #pageName h1,
body.montblanc_n .itemName{
    background: url(../img/common/icn_circle_03.svg) no-repeat left 2px;
    background-size: 20px auto;
}
}

/* h1カラー 04*/
body.aoito_n #pageName h1,
body.aoito_n .itemName,
body.fs-body-category-tennendashi_n #pageName h1,
body.fs-body-category-tennendashi_n .itemName,
body.tennendashi_n #pageName h1,
body.tennendashi_n .itemName,
body.norisenbyou_n #pageName h1,
body.norisenbyou_n .itemName,
body.syokutaku_n #pageName h1,
body.syokutaku_n .itemName{
    background: url(../img/common/icn_circle_04.svg) no-repeat left 3px;
    background-size: 30px auto;
}
@media screen and (max-width: 768px) {  
body.aoito_n #pageName h1,
body.aoito_n .itemName,
body.fs-body-category-tennendashi_n #pageName h1,
body.fs-body-category-tennendashi_n .itemName,    
body.tennendashi_n #pageName h1,
body.tennendashi_n .itemName,
body.norisenbyou_n #pageName h1,
body.norisenbyou_n .itemName,
body.syokutaku_n #pageName h1,
body.syokutaku_n .itemName{
    background: url(../img/common/icn_circle_04.svg) no-repeat left 2px;
    background-size: 20px auto;
}
}

/* h1カラー 05*/
body.set_n #pageName h1,
body.set_n .itemName,
body.chaset_n #pageName h1,
body.chaset_n .itemName,
body.omocha_n #pageName h1,
body.omocha_n .itemName,
body.omonori_n #pageName h1,
body.omonori_n .itemName,
body.omoginza_n #pageName h1,
body.omoginza_n .itemName{
    background: url(../img/common/icn_circle_05.svg) no-repeat left 3px;
    background-size: 30px auto;
}
@media screen and (max-width: 768px) {  
body.set_n #pageName h1,
body.set_n .itemName,
body.chaset_n #pageName h1,
body.chaset_n .itemName,
body.omocha_n #pageName h1,
body.omocha_n .itemName,
body.omonori_n #pageName h1,
body.omonori_n .itemName,    
body.omoginza_n #pageName h1,
body.omoginza_n .itemName{
    background: url(../img/common/icn_circle_05.svg) no-repeat left 2px;
    background-size: 20px auto;
}
}


/* h1カラー 06*/
body.coffee_n #pageName h1,
body.coffee_n .itemName{
    background: url(../img/common/icn_circle_06.svg) no-repeat left 3px;
    background-size: 30px auto;
}
@media screen and (max-width: 768px) {  
body.coffee_n #pageName h1,
body.coffee_n .itemName{
    background: url(../img/common/icn_circle_06.svg) no-repeat left 2px;
    background-size: 20px auto;
}
}

/* h1カラー 07*/
body.collab_n #pageName h1,
body.collab_n .itemName,
body.otameshi_n #pageName h1,
body.otameshi_n .itemName{
    background: url(../img/common/icn_circle_07.svg) no-repeat left 3px;
    background-size: 30px auto;
}
@media screen and (max-width: 768px) {  
body.collab_n #pageName h1,
body.collab_n .itemName,
body.otameshi_n #pageName h1,
body.otameshi_n .itemName{
    background: url(../img/common/icn_circle_07.svg) no-repeat left 2px;
    background-size: 20px auto;
}
}

/* h1カラー half*/
body.okaidoku_n #pageName h1,
body.okaidoku_n .itemName{
    background: url(../img/common/icn_circle_2color.svg) no-repeat left 3px;
    background-size: 30px auto;
}
@media screen and (max-width: 768px) {  
body.okaidoku_n #pageName h1,
body.okaidoku_n .itemName{
    background: url(../img/common/icn_circle_2color.svg) no-repeat left 2px;
    background-size: 20px auto;
}
}


/* 紅の実の完熟コーヒー */
#productsData.coffee .itemCardBl + .itemCardBl{
    margin-top: 100px !important;
    }

#productsData.coffee .itemData + .chartArea{
    margin-top: 30px !important;
    }

#productsData.coffee  .cartBl dl dt.mame {
    background: url("../img/c/coffee_n/icn_mame.png") no-repeat left center;
    padding-left: 60px;
    line-height: 45px;
}

#productsData.coffee  .cartBl dl dt.kona {
    background: url("../img/c/coffee_n/icn_kona.png") no-repeat left center;
    padding-left: 60px;
    line-height: 45px;
}

#productsData.coffee .img{
    margin: 20px 0 0 0;
    overflow: hidden;
    }

#productsData.coffee .img li{
    display:inline-block;
    float:left;
    width: 48%;
    }

#productsData.coffee .img li .cap{
    line-height: 1.4;
    margin-top: 5px;
    }

#productsData.coffee .img li:last-child{
    float:right;
    }

#productsData.coffee .illust01,
#productsData.coffee .illust02{
    width: 120px !important;
    }

#productsData.coffee .item01 .itemTxt,
#productsData.coffee .item02 .itemTxt{
    width: inherit;
    float: initial;
    padding-left: 190px;
    }

#productsData.coffee .item03{
    border-top: 1px solid #f2f2f2;
    padding-top: 50px;
}

#productsData.coffee .item03 .itemPic{
   padding: 0 30px 0 35px;
    }

@media screen and (max-width: 768px) { 
#productsData.coffee .itemCardBl{
    padding: 10vw 5% !important;
    }
    
#productsData.coffee .itemCardBl + .itemCardBl{
    margin-top: 0 !important;
    }

#productsData.coffee .itemData + .chartArea{
    margin-top: 5vw;
    }

#productsData.coffee .cartBl dl dt.mame {
    background: url("../img/c/coffee_n/icn_mame.png") no-repeat left center;
    background-size: 25px auto;
    padding-left: 30px;
    line-height: inherit;
}

#productsData.coffee .cartBl dl dt.kona {
    background: url("../img/c/coffee_n/icn_kona.png") no-repeat left center;
    background-size: 25px auto;
    padding-left: 30px;
    line-height: inherit;
}

#productsData.coffee .img{
    margin: 3vw 0 0 0;
    }

#productsData.coffee .img li .cap{
    font-size: 12px;
    }

#productsData.coffee .illust01,
#productsData.coffee .illust02{
    width: 120px;
    }

#productsData.coffee .w600.floatR{
    margin-top: 5vw;
    }    
    
#productsData.coffee .itemData +  .itemData {
    margin-top: 3vw;
}    
    
#productsData.coffee .item01 .itemTxt,
#productsData.coffee .item02 .itemTxt{
    padding-left:0;
    }

#productsData.coffee .item01 .itemPic img{
   width: 45.67%;
    margin-left: 12%;
    }
#productsData.coffee .item02 .itemPic img{
   width: 47.38%;
    margin-left: 12%;
    }

#productsData.coffee .item03{
    border-top: 0;
}
    
#productsData.coffee .item03 .itemPic{
   padding: 0;
    }
#productsData.coffee .item03 .itemPic img{
   width: 23.84%;
    }
}


/* コラボレーション */
#productsData.collab h2.line{
    margin-bottom: 50px;
    }

#productsData.collab .shadow {
    margin-bottom: 80px;
    overflow: hidden;
    clear: both;
}

#productsData.collab .itemCardBl {
    clear: both;
    overflow: hidden;
}

#productsData.collab .itemCardBl + .itemCardBl{
    margin-top: 70px;
}

#productsData.collab .bonmarcheBl .caseOfLabel,
#productsData.collab .item06 .caseOfLabel,
#productsData.collab .item08 .caseOfLabel{
    margin-top: 30px !important;
}

#productsData.collab .itemName .ribbon{
    position: absolute;
    top: -30px;
    left: 40px;
}

#productsData.collab .itemName .ribbon img{
    width: auto;
    height: 28px;
}

#productsData.collab .itemTxt {
    width: 100%;
    float: inherit;
}

#productsData.collab .itemTxt .fontB{
    font-size: 18px;    
}

#productsData.collab .floatR.w600 > *,
#productsData.collab .floatL.w600 > *{
    margin-bottom: 30px;
}

#productsData.collab .floatR.w600 > *:last-child,
#productsData.collab .floatL.w600 > *:last-child{
    margin-bottom: 0 !important;
}

#productsData.collab .floatR.w600 + .floatL{
    clear: left;
    margin-top: 30px;
}

#productsData.collab .set{
	border:1px solid #ae0d15;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:1.8;
    clear:both;
    margin-top:20px;
} 

#productsData.collab .set .obi{
    background-color:#ae0d15;
    text-align:center;
    color:#fff;
    padding:5px;
} 

#productsData.collab .set .setInner{
    padding:15px;
    overflow:hidden;
} 

#productsData.collab .set .setInner .left span,
#productsData.collab .set .setInner .right span{
    float:right;
}

#productsData.collab .set .setInner .left{
    float:left;
    width:48.5%;
} 

#productsData.collab .set .setInner .right{
    float:right;
    width:48.5%;
}

#productsData.collab .set .setInner dl{
}

#productsData.collab .set .setInner dl dt{
	color: #ae0d15;
	font-weight: bold;
	font-size: 16px;
    font-size: 1.6rem;
}

#productsData.collab .set .setInner dl dd + dt{
	margin-top: 10px;
}

#productsData.collab .set .setInner dl dd{
}


#productsData.collab .floatL.subPic{
    width: 230px;
    float: left;
    text-align: center;
}

#productsData.collab .floatL.subPic img{
    max-height: 210px;
    width:auto;
}

#productsData.collab .floatL.subPic + .itemData{
    float: right;
    clear: inherit;
}

#productsData.collab .himitsu{
    border: 1px solid #ae0d15;
    padding: 15px 20px;
}

#productsData.collab .himitsu h4{
    color: #ae0d15;
    font-weight: bold;
    margin-bottom: 5px;
}

#productsData.collab .himitsu dl dt{
    font-weight: bold;
}

#productsData.collab .himitsu dl dd + dt{
    margin-top: 10px;
}

#productsData.collab .himitsu li {
    padding-left: 1em;
    text-indent: -1em;
}

#productsData.collab .himitsu li + li{
    margin-top: 5px;
}

#productsData.collab .himitsu li::before {
    content: "●";
    font-size: 90%;
    color: #ae0d15;
}
/* marcheBl */
#productsData.collab .marcheBl h2.line {
    margin-bottom: 50px;
}

/* roastbeefBl */
#productsData.collab .roastbeefBl .kodawari{
    border: 1px solid #ae0d15;
    padding: 15px 20px;
}

#productsData.collab .roastbeefBl .kodawari h4{
    color: #ae0d15;
    font-weight: bold;
    margin-bottom: 5px;
}

#productsData.collab .roastbeefBl .kodawari dl dt{
    font-weight: bold;
}

#productsData.collab .roastbeefBl .kodawari dl dd + dt{
    margin-top: 10px;
}

/* curryBl */
#productsData.collab .curryBl .itemName {
    background: url(../img/c/collab_n/icn_circle_marche.svg) no-repeat left bottom !important;
    background-size: 30px auto !important;
}

#productsData.collab .curryBl .set .floatR{
    width: 350px;
}

#productsData.collab .curryBl > .w600 {
  margin-bottom: 20px;
}

#productsData.collab .subMain{
    margin-top: 70px;
}

#productsData.collab .subMain .logo{
    width: 240px;
    margin: 0 0 10px 0;
}

#productsData.collab .subMain .floatR.w600 + .floatL{
    margin-top: 0;
}

#productsData.collab .floatR .itemName {
    margin-bottom: 15px !important;
    clear: both;
}

/* carreBl */
#productsData.collab .carreBl h2.line {
    margin-bottom: 50px;
}

#productsData.collab .carreBl .itemLead {
    margin-bottom: 20px !important;
    font-size: 30px;
    text-align: left;
    float: inherit;
    width: auto;
}

#productsData.collab .carreBl .itemLead .ribbon{
    display: block;
}

#productsData.collab .carreBl .itemLead .ribbon img {
  width: auto;
  height: 28px;
}

#productsData.collab .carreBl .floatL.subPic{
    width: 230px;
    float: left;
    text-align: center;
}

#productsData.collab .carreBl .floatL.subPic img{
    max-height: 210px;
    width:auto;
}

#productsData.collab .carreBl .borderBl{
    border: 1px solid #f0f0f0;
    padding: 15px;
}

#productsData.collab .carreBl .floatR .itemTxt,
#productsData.collab .carreBl .floatR .itemPic,
#productsData.collab .carreBl .floatR .itemData{
    margin-bottom: 60px !important;
}

#productsData.collab .carreBl .floatR .itemData.mb0,
#productsData.collab .carreBl .floatR .itemPic.mb0{
    margin-bottom: 0 !important;
}

#productsData.collab .carreBl .borderBl + .floatL{
    clear: both;
}

#productsData.collab .carreBl .borderBl + .floatL .itemData{
    clear: initial;
}


/* cakeBl */
#productsData.collab .capricieuxBl h2.line {
    margin-bottom: 50px;
}

#productsData.collab .capricieuxBl h2.line img{
    width: 312px;
}

#productsData.collab .cakeBl .borderBl{
    border: 1px solid #f0f0f0;
  padding: 15px;
}

#productsData.collab .cakeBl .borderBl .logo{
    margin: 5px 15px 0 0;
    float: left;
}

#productsData.collab .cakeBl .borderBl .fontB{
    font-weight: bold;
    margin: 0;
}

#productsData.collab .cakeBl .himitsuBl{
    border-color:#c2a065;
    margin-bottom: 25px;
    border: 1px solid #c2a065;
    padding: 15px 20px;
    clear: both;    
}

#productsData.collab .cakeBl .himitsuBl h4{
    font-weight: bold;
    color: #c2a065;
    font-size: 20px;
}

#productsData.collab .cakeBl .himitsuBl dd + dt{
    margin-top: 0.5em;
}

#productsData.collab .cakeBl .himitsuBl dt{
    font-weight: bold;
}

/* bonmarcheBl */
#productsData.collab .bonmarcheBl .tit .logo img {
  width: 332.5px;
}

/* arareBl */
#productsData.collab .arareBl h2.line {
    margin-bottom: 50px;
}

#productsData.collab .arareBl .itemLead {
    margin-bottom: 20px !important;
    font-size: 30px;
    text-align: left;
    float: inherit;
    width: auto;
}

/* yamamusubiBl */
#productsData.collab .yamamusubiBl dl.txt dt{
	background:#402a1d;
	color:#fff;
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom:20px;
	padding:10px;
	font-family: 'Noto Serif JP', serif;
    line-height: 1;
	font-weight: bold;
}

#productsData.collab .yamamusubiBl dl.txt dt.blue{
	background:#044471;
}

#productsData.collab .yamamusubiBl dl.txt dd{
	margin-bottom:25px;
	font-size: 20px;
	font-size: 2.0rem;
}

#productsData.collab .yamamusubiBl dl.txt p.link{
	margin-top:10px;
	font-size: 14px;
	font-size: 1.4rem;
    text-align: left;
}

#productsData.collab .yamamusubiBl dl.txt p.link a{
	background: url("/img/common/arrow_right_red.png") no-repeat left center;
	background-size: 6px auto;
}

/**　カラー変更 */
#productsData.collab .bonmarcheBl .itemName,
#productsData.collab .carreBl .itemName,
#productsData.collab .arareBl .itemName,
#productsData.collab .cakeBl .itemName{
    background: url("../img/c/collab_n/icn_circle_bonmarche.svg") no-repeat left 3px;
    background-size: 30px auto !important;
}


#productsData.collab .carreBl .cartBl [type="submit"],
#productsData.collab .carreBl .cartBl td a,
#productsData.collab .arareBl .cartBl [type="submit"],
#productsData.collab .arareBl .cartBl td a,
#productsData.collab .bonmarcheBl .cartBl [type="submit"],
#productsData.collab .bonmarcheBl .cartBl td a,
#productsData.collab .cakeBl .cartBl [type="submit"],
#productsData.collab .cakeBl .cartBl td a{
    background:#106157;
    color:#fff !important;
}

#productsData.collab .carreBl .cartBl dl dt,
#productsData.collab .arareBl .cartBl dl dt,
#productsData.collab .bonmarcheBl .cartBl dl dt,
#productsData.collab .cakeBl .cartBl dl dt{
    color:#106157;
 }

#productsData.collab .marcheBl .itemName,
#productsData.collab .yamamusubiBl .itemName{
    background: url("../img/c/collab_n/icn_circle_marche.svg") no-repeat left 3px !important;
    background-size: 30px auto !important;
}

#productsData.collab .marcheBl .cartBl [type="submit"],
#productsData.collab .marcheBl .cartBl td a,
#productsData.collab .yamamusubiBl .cartBl [type="submit"],
#productsData.collab .yamamusubiBl .cartBl td a{
    background:#9f2420;
    color:#fff !important;
}

#productsData.collab .marcheBl .cartBl dl dt,
#productsData.collab .yamamusubiBl .cartBl dl dt{
    color:#9f2420;
 }

@media screen and (max-width: 768px) { 
#productsData .shadow {
    margin: 0 0 5vw 0 !important;
    box-shadow: 0px 10px 10px -1px #dedede;
    overflow: hidden;
    background: #fff;
}
    
#productsData.collab h2.line{
    margin-bottom: 0 !important;
}    
    
#productsData.collab h2.line:after {
    content: "　";
    width: calc(100% - 10%);
    left: 5%;
    top: 50%;
}    
    
#productsData.collab h2.line img{
    line-height: 1;
}

#productsData.collab .floatR.w600 > *, 
#productsData.collab .floatL.w600 > * {
    margin-bottom: 3vw !important;
}    
    
#productsData.collab .itemCardBl {
    padding: 0 5% 10vw 5%!important;
    margin-top: 0 !important;
}    
    
#productsData.collab .bonmarcheBl .caseOfLabel,
#productsData.collab .item06 .caseOfLabel,
#productsData.collab .item08 .caseOfLabel{
    margin-top: 23px !important;
}
    
#productsData.collab .itemName .ribbon{
    position: absolute;
    top: -25px;
    left: 25px;
}

#productsData.collab .itemName .ribbon img{
    width: auto;
    height: 19px;
}    

#productsData.collab .itemTxt .fontB {
    font-size: 16px;
}    
    
#productsData.collab .set{
    margin-top:3vw;
} 

#productsData.collab .set .obi {
    padding: 0;
}    
    
#productsData.collab .set .setInner{
    padding:10px 3%;
    font-size: 12px;
} 

#productsData.collab .set .setInner .left span,
#productsData.collab .set .setInner .right span{
    float:right;
}

#productsData.collab .set .setInner .left,
#productsData.collab .set .setInner .right{
    float: inherit;
    width: 100%;
} 

#productsData.collab .set .setInner dl dt{
	font-size: 14px;
}

#productsData.collab .set .setInner dl dd + dt{
	margin-top: 5px;
}
      
#productsData.collab .floatL.subPic + .itemData {
    float: inherit;
    clear: inherit;
}    
    
#productsData.collab .floatL.subPic img {
    max-height: inherit !important;
}    

/* bonmarcheBl */
#productsData.collab .bonmarcheBl h2.line img{
    width: 55.38%;
}

#productsData.collab .bonmarcheBl .w600.floatL{
    margin-bottom: 3vw;
}
        
/* marcheBl */    
#productsData.collab .marcheBl h2.line img{
    width: 27.53% !important;
}
    
#productsData.collab .roastbeefBl.item02 .itemTxt{
    margin: 3vw 0 !important;
}


#productsData.collab .subMain{
    background: #f5e9e8;
    margin: 0 0 10vw 0;
}

#productsData.collab .subMain .link a {
    background: url(../img/common/arrow_right_07.svg) no-repeat left center;
    background-size: 6px auto;
}   
    
#productsData.collab .subMain .logo{
    width: 54%;
    margin: 0 0 3vw 0;
}

#productsData.collab .subMain .floatR.w600 + .floatL{
    margin-top: 3vw;
}

#productsData.collab .subMain .floatR.w600 + .floatL img{
    margin-bottom: 0 !important;
}

/* currlBl */
#productsData.collab .curryBl .itemName {
    background: url(../img/c/collab_n/icn_circle_marche.svg) no-repeat left center !important;
    background-size: 20px auto !important;
}   

#productsData.collab .curryBl .set .floatR{
    width: 100%;
    margin-bottom: 3vw;
    width: 100%;
}
    
/* carreBl */    
#productsData.collab .carreBl h2.line img{
    width: 47.38%;
}

#productsData.collab .carreBl .itemLead .ribbon img {
    width: auto;
    height: 19px;
}
    
#productsData.collab .carreBl .itemLead {
    margin-bottom: 20px !important;
    font-size: 16px;
    margin-top: 0 !important;
    line-height: 1.4;
}

#productsData.collab .carreBl .itemPic.full{
  margin-bottom: 3vw !important;
}
    
#productsData.collab .carreBl .floatL.subPic {
    width: 100%;
    float: inherit;
    text-align: center;
}
      
#productsData.collab .carreBl .subPic img{
    width: 47.38% !important;
    height: auto;
}

#productsData.collab .carreBl .floatR.w600{
    margin-top: 0;
}
    
#productsData.collab .carreBl .floatR .itemTxt{
    margin-bottom: 7vw !important;
}     
#productsData.collab .carreBl .floatR .itemPic,
#productsData.collab .carreBl .floatR .itemPic.mb0 {
    margin-bottom: 3vw !important;
}  
    
#productsData.collab .carreBl .floatR.w600 .itemData,
#productsData.collab .carreBl .floatL.w600 .itemData{
    margin-bottom: 7vw !important;
}    
    
/* cakeBl */
#productsData.collab .capricieuxBl h2.line {
    margin-bottom: 0 !important;
}

#productsData.collab .capricieuxBl h2.line img{
    width: 55%;
}
    
#productsData.collab .cakeBl  .w600.floatL {
    margin-bottom: 3vw;
  }    
    
#productsData.collab .cakeBl .border{
    margin-bottom: 3vw;
    padding: 15px 20px;
}

#productsData.collab .cakeBl .himitsuBl h4{
    font-size: 16px;
    font-size: 1.6rem;
}

        
#productsData.collab .cakeBl .borderBl .fontB {
  margin: 0 !important;
}
    
#productsData.collab .cakeBl .borderBl .logo {
    margin: 15px 10px 15px 0 !important;
    float: left !important;
    width: 40px;
}    
    
/* arareBl */    
#productsData.collab .arareBl h2.line img{
    width: 66.46%;
}
    
#productsData.collab .arareBl .itemLead {
    margin-bottom: 20px !important;
    font-size: 16px;
    margin-top: 0 !important;
    line-height: 1.4;
}
        
#productsData.collab .arareBl .floatR.w600{
    margin-top: 5vw;
}  
    
#productsData.collab .arareBl .floatL.subPic {
    width: 100%;
    float: inherit;
    text-align: center;
}
  
#productsData.collab .arareBl .subPic img{
    width: 58.46% !important;
    height: auto;
}    

/* yamamusubiBl */		
#productsData.collab .yamamusubiBl h2.line img {
    width: 53.05% !important;
}	

#productsData.collab .yamamusubiBl dl.txt{
    margin-bottom: 10vw;
    overflow: hidden;
}
    
#productsData.collab .yamamusubiBl dl.txt dt{
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom:10px;
	padding:5px;
}

#productsData.collab .yamamusubiBl dl.txt dd{
	margin-bottom:15px;
	font-size: 14px;
	font-size: 1.4rem;
}

#productsData.collab .yamamusubiBl dl.txt .w40{
    width: 30% !important;
    float: right;
}

#productsData.collab .yamamusubiBl dl.txt p.link{
	margin-top:5px;
    font-size: 12px; 
    font-size: 1.2rem;
}

#productsData.collab .yamamusubiBl .floatL.w600{
	margin-bottom: 20px;
}
	
#productsData.collab .yamamusubiBl .w600{
	margin-bottom: 5vw;
	margin-top: 0;
}

#productsData.collab .yamamusubiBl .w600:last-child{
	margin-bottom: 0;
}
	
/*　カラー変更 */
#productsData.collab .bonmarcheBl .itemName,
#productsData.collab .carreBl .itemName,
#productsData.collab .arareBl .itemName,
#productsData.collab .cakeBl .itemName{
    background: url("../img/c/collab_n/icn_circle_bonmarche.svg") no-repeat left 2px;
    background-size: 20px auto !important;
}

#productsData.collab .marcheBl .itemName,
#productsData.collab .yamamusubiBl .itemName{
    background: url("../img/c/collab_n/icn_circle_marche.svg") no-repeat left 2px !important;
    background-size: 20px auto !important;
}
}


/* お試しキット */
#productsData.otameshi .w600.floatL .img.w30{
    width: 200px;
    text-align: center;
}

#productsData.otameshi .w600.floatL .cap{
    font-size: 14px;
    text-align: left;
}

#productsData.otameshi .cartBl [type="submit"],
#productsData.otameshi .cartBl td a{
    background:#e60012;
    color:#fff !important;
}

#productsData.otameshi .cartBl dl dt{
    color:#e60012;
 }

#productsData.otameshi .note p + p{
    margin-top: 1vw;
 }

#productsData.otameshi .note p.colorRed{
    color:#e60012;
}


@media screen and (max-width: 768px) { 
#productsData.otameshi h2{
    margin-bottom: 5px;
}

#productsData.otameshi .box01 .inner{
    padding-bottom: 0;
}
    
#productsData.otameshi .w600.floatL .img.w30{
    width: 30%;
}
    
#productsData.otameshi .w600.floatL .cap{
    font-size: 12px;
}
    
#productsData.otameshi .img.w30 + h3 + p{
    padding-left: calc(30% + 10px);
}

#productsData.otameshi .note{
    margin-top: 3vw;
}    
}

/* Merry Christmas */
#productsData.special{
    width:1500px;
    padding: 0;
}

#productsData.special .menuArea{
    padding: 0 30px;
    margin-bottom:60px;
    color: #fff;
    overflow:hidden;
    background-image:url(../img/c/special_n/bg.png) , url(../img/c/special_n/top_bg.png) ;
    background-position: left top, center top;
    background-repeat: repeat,repeat-x;
    background-size: 74px auto ,auto auto;
    background-color:#84b86b;
    overflow:hidden;
    padding-top: 155px;
}    


#productsData.special .menuArea .tit{
    margin: 0 -30px;
}

#productsData.special .menuArea .itemBl{
    max-width: 1245px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#productsData.special .menuArea .itemBl > div{
    margin-bottom: 60px;
    width: 600px;
}

#productsData.special .menuArea .itemName{
    font-size: 30px;
    padding-left: 35px;
    min-height: 30px;
    background: url(../img/c/special_n/arrow_right.png) no-repeat left center;
    background-size: 30px auto;
    margin-bottom: 10px !important;
    
}

#productsData.special .menuArea .itemName span{
    font-size: 26px;
    
}

#productsData.special .menuArea .itemPic{
    margin: 0 0 20px 0 !important;
    position: relative;
}

#productsData.special .menuArea .itemPic img{
    z-index: 1;
  position: relative;
}

#productsData.special .menuArea .itemPic:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#96692e ;
    z-index: 0;
    opacity: 1;
}

#productsData.special .menuArea .itemTxt{
    margin: 0!important;
    font-size: 20px;
    padding-left: 40px;
    width: inherit;
    float: inherit;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
  
#productsData.special {
    width: 100%;
    padding: 0;
}

#productsData.special .menuArea {
    background:none;
    width: 100%;
    padding: 0;
    margin-bottom: 0 !important;
}

#productsData.special .menuArea .tit {
    margin: 0;
}
    
#productsData.special .menuArea .spBg{
    width: 100%;
    padding: 0;
    background-image:url(../img/c/special_n/bg.png) , url(../img/c/special_n/top_bg.png) ;
    background-position: left bottom, center top;
    background-repeat: repeat,repeat-x;
    background-size: 37px auto, 75% auto;
    background-color: #84b86b;
    margin: 0;
    display: block;
    padding-top: 28vw;
}    
    
#productsData.special .menuArea .inner{
    padding: 0;
}    

#productsData.special .menuArea .shadow{
    margin-bottom: 5vw !important;
}        
    
#productsData.special .menuArea .inner:first-child{
    padding-top: 0 !important;
}    
    
#productsData.special .menuArea .itemBl{
    display: block;
}    
    
#productsData.special .menuArea .itemBl > div{
    width: 100%;
    margin-bottom: 5vw !important;
    float: inherit;
    margin: 0;
}
     
#productsData.special .menuArea .itemCardBl {
    background:url(../img/c/special_n/bg.png) repeat left top #84b86b ;
     background-size: 37px auto;
    height: inherit;
    margin-bottom: 0 !important;
}

#productsData.special .menuArea .itemPic{
    margin: 0 0 3vw 0 !important;
}


#productsData.special .menuArea .itemName{
    font-size: 20px;
    padding-left: 25px;
    min-height: inherit;
    background: url(../img/c/special_n/arrow_right.png) no-repeat left center;
    background-size: 20px auto;
}

#productsData.special .menuArea .itemName span{
    font-size: 16px;
    
}    
    
#productsData.special .menuArea .itemTxt{
    padding-left: 25px;
    font-size: 14px;
}    

}

/* 価値あるお買い得品 */
#productsData.okaidoku .item01 .itemName {
  background: url("../img/common/icn_circle_01.svg") no-repeat left 3px;
    background-size: auto;
  background-size: 30px auto !important;
}

#productsData.okaidoku .item02 .itemName,
#productsData.okaidoku .item03 .itemName{
  background: url("../img/common/icn_circle_02.svg") no-repeat left 3px;
    background-size: auto;
  background-size: 30px auto !important;
}

#productsData.okaidoku{
    width:1300px;
    padding: 0;
}

#productsData.okaidoku{
    padding: 30px 100px 50px;
    overflow:hidden;
    background-image:url(../img/c/okaidoku_n/bg.png) ;
}    

#productsData.okaidoku .tit{
    margin: 0 auto 50px auto;
    text-align: center;
}    

#productsData.okaidoku .itemCardBl{
    background: #fff;
    overflow: hidden;
    padding: 30px 25px; 
}    

#productsData.okaidoku .w390{
    width: 390px;
}    

#productsData.okaidoku .w640{
    width: 640px;
}    

#productsData.okaidoku .w530{
    width: 530px;
    clear: inherit;
}    

#productsData.okaidoku .item01{
    margin-bottom: 40px;
}

#productsData.okaidoku .item01{
    margin-bottom: 40px;
    background: url("../img/c/okaidoku_n/item_pic01_circle.png") no-repeat 930px 85px #fff;
}

#productsData.okaidoku .item02,
#productsData.okaidoku .item03{
    background: url("../img/c/okaidoku_n/item_pic02_circle.png") no-repeat 360px 520px #fff;
}

#productsData.okaidoku .item01 .itemPic{
    width: 100%;
    text-align: center;
    margin-bottom: 0; 
}

#productsData.okaidoku .itemLead,
#productsData.okaidoku .itemTxt{
    width: 100%;    
    float: inherit;
}    

#productsData.okaidoku .item02{
    float: left;
}    

#productsData.okaidoku .item02 .itemPic,
#productsData.okaidoku .item03 .itemPic{
    width: 100%;
    text-align: center;
    float: left;
}    

#productsData.okaidoku .item03{
    float: right;
}    

#productsData.okaidoku  .itemName .ruby{
    position: relative;
    font-size: 30px;
}

#productsData.okaidoku  .kana{
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 12px;
    left: 0;
    top: -10px;
    font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 768px) {
#productsData.okaidoku .item01 .itemName {
  background: url("../img/common/icn_circle_01.svg") no-repeat left 2px;
  background-size: 20px auto !important;
}

#productsData.okaidoku .item02 .itemName,
#productsData.okaidoku .item03 .itemName{
  background: url("../img/common/icn_circle_02.svg") no-repeat left 2px;
  background-size: 20px auto !important;
}

#productsData.okaidoku{
    width:100%;
    padding: 10vw 5% !important;
}

#productsData.okaidoku .tit{
    margin: 0 0 30px 0;
    max-width: 472px;
}    

#productsData.okaidoku .itemCardBl {
    padding:10vw 5% !important;
}    
    
#productsData.okaidoku .w390,
#productsData.okaidoku .w640,
#productsData.okaidoku .w530{
    width: 100%;
}    
    
#productsData.okaidoku .item01{
    background: url(../img/c/okaidoku_n/item_pic01_circle.png) no-repeat 95% 70vw #fff;
    background-size: 70px auto;
}

#productsData.okaidoku .item02,
#productsData.okaidoku .item03{
    background: url("../img/c/okaidoku_n/item_pic02_circle.png") no-repeat 95% 66vw #fff;
    background-size: 70px auto;
}
    

#productsData.okaidoku .itemLead{
    margin: 0 0 1vw 0 !important;
}
    
#productsData.okaidoku .item01 .itemPic,
#productsData.okaidoku .item02 .itemPic,
#productsData.okaidoku .item03 .itemPic{
    margin: 0 0 3vw 0 !important;
}
    
#productsData.okaidoku .item01 .itemPic img{
    width: 53.333333333%;
}    

#productsData.okaidoku .item02 .itemPic img{
    width: 34.166666666%;
}    

#productsData.okaidoku .item03 .itemPic img{
    width: 33.333333333%;
}    
    
#productsData.okaidoku .item02,
#productsData.okaidoku .item03{
    float: inherit;
}    

#productsData.okaidoku  .itemName .ruby{
    font-size: 20px;
}

#productsData.okaidoku  .kana{
    font-size: 10px;
    top: -15px;
    width: 120%;
    left: -10%;
}

}
/*相互リンク*/
.otherItemLink{
    float: right;
    margin: 30px 0 0 0 !important;
    text-align: center;
    width: 300px;    
}

.otherItemLink a {
  padding: 10px 0;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  border-radius: 5px;
  color: #fff !important;
  background: #bc953d;
  text-decoration: none;
  transition: all 0.5s ease 0s;
}

.otherItemLink a span {
  padding: 0 0 0 20px;
    position: relative;
    background:url("../img/common/icn_arrow_right.svg") no-repeat left center;
    background-size: 10px auto;
    z-index: 1;
}

.otherItemLink a:hover{
	    opacity:0.7;
}
@media screen and (max-width: 768px) {
    
    .otherItemLink{
        margin: 5vw auto 0 !important;
        max-width: 70%;
        width: 260px;
        float: inherit;
    }

      .otherItemLink a{
          font-size: 12px;
          font-size: 1.2rem;
          padding: 8px 0;
    }

.otherItemLink a span {
  padding: 0 0 0 15px;
}
    }