@charset "utf-8";
/* 商品ページテンプレート 個別指定 */
h2, h3, h4, h5{
    font-weight: 600;
}

#rel_prd {
    clear: both;
    height: 15vw;
    background: #efefef;
    display: block;
    max-width: 1240px;
    margin: 5vw auto 0 auto;
}

/******** productsData ********/
#productsData{
    width: 1240px;
    line-height: 180%;
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    margin: 0 auto;
    padding: 45px 0 0 0;
    }    

#productsData p{
    margin: 0;
    }    

#productsData h2{
    font-family: 'Noto Serif JP', serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height:150%;
    margin-bottom: 5px;
}    

#productsData h2.lead{
    margin-bottom:50px;
    }    

#productsData h2.txt + p{
    margin-bottom:50px;
}

#productsData h2.line{
    font-size: 34px;
    margin: 0 0 25px 0 ;
    position: relative;
    }    

#productsData h2.line span{
    background: #fff;
    padding: 0 0.5em 0 0;
    z-index: 2;
    position: relative;
    }    

#productsData h2.line:after{
    content: "　";
    position: absolute;
    background-color: #f0f0f0;
    height: 2px;
    width: 100%;
    top: 50%;
    z-index: 1;
    right: 0;
    }    

#productsData h3{
    font-family: 'Noto Serif JP', serif;
    letter-spacing:1px;
    margin-bottom:15px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height:30px;
    } 

#productsData h3.circle{
    background: url(../img/common/icn_circle_01.svg) no-repeat left 3px;
    background-size: 25px auto;
    padding-left: 30px;
    margin-bottom: 10px;
    } 

#productsData h4{
    font-size: 21px;
    font-size: 2.1rem;
}
    
#productsData h4.txt{
    font-family: 'Noto Serif JP', serif;
    margin-bottom:5px;
    }       

#productsData h4.txt + p{
    margin-bottom:20px;
}
        
#productsData > .floatL{
    float:left;
    width:600px;
    }    
    
#productsData > .floatR{
    float:right;
    width:600px;
    }    

#productsData > .floatR + .floatL{
    clear: left;
    }  

#productsData .floatR.img {
    float:right;
    margin: 5px 0 10px 15px;
    width: inherit;
}

#productsData .floatL.img {
    margin: 5px 15px 10px 0;
    float:left;
    width: inherit;
}

#productsData .w600{
    width:600px;
}    

#productsData .w600.floatR,
#productsData .w600.floatL{
    width:600px;
}    

#productsData .label img{
    width:auto;
    height: 25px;
}    

#productsData .label img.mini{
    height: 20px;
}    

#productsData .label img + img{
    margin-left: 10px;
}    

#productsData .floatR {
    float:right;
}

#productsData .floatL {
    float:left;
}

#productsData .fullBl{
    width:1240px;
    clear:both;
    }    

#productsData .reasonArea h4{
    background-color:#614e7d;
    color:#fff;
    height:30px;
    padding:0 10px;
    margin-bottom:10px;
}

#productsData.color02 .reasonArea h4{
    background-color:#79ae13;
}

.sweets #productsData .reasonArea h4{
    background-color:#d7ebaf;
    color:#468d29;
}

#productsData .reasonArea li{
    overflow:hidden;
    clear:both;
}
        
#productsData .chartArea,
#productsData .voiceArea,
#productsData .recipeArea,
#productsData .otherArea,
#productsData .calendarArea{
    margin-bottom:50px;
    clear:both;
    overflow:hidden;
}    
    
#productsData .chartArea h3,
#productsData .voiceArea h3,
#productsData .recipeArea h3,
#productsData .calendarArea h3{
    padding-left:36px;
    }    

#productsData .chartArea dl + p.link,
#productsData .voiceArea dl + p.link{
    margin-top:10px;
    display:block;
}

#productsData .chartArea h3{
    background:url("../img/common/c/nori_icn_chart.png")no-repeat left center;
    background-size: 30px auto;
}

#productsData .calendarArea h3{
    background:url("../img/common/c/nori_icn_calendar.png")no-repeat left center;
    background-size: 30px auto;
}

#productsData.color02 .chartArea h3{
    background:url("../img/common/c/jugetsudo_icn_chart.png")no-repeat left center;
    background-size: 30px auto;
}

#productsData.color06 .chartArea h3{
    background:url("../img/common/c/coffee_icn_chart.png")no-repeat left center;
    background-size: 30px auto;
}
    
#productsData .chartArea dl{
    line-height:20px;
    }  

#productsData ul.capacity{
    }    

#productsData ul.capacity li{
	display:table;
	min-width: 80%;
    }    

#productsData ul.capacity li span{
	display: table-cell;
	text-align: right;
    }    

#productsData .chartArea dl + dl{
    margin-top:20px !important;
    }    

#productsData .chartArea dl dt{
    width:50px;
    display:inline-block;
    font-weight: bold;
    }    

#productsData .chartArea dl dd.img{
    width:230px;
    display:inline-block;
    }    

#productsData.color02 .chartArea dl dd.img{
    width:250px;
    } 

#productsData.color06 .chartArea dl{
    line-height:30px;
    padding-left:25px;
    }    

#productsData.color06 .chartArea dl dt{
    width:60px;
    }    

#productsData.color06 .chartArea dl dd{
    width:330px;
    margin: 0;
    display: inline-block;
}

#productsData .chartArea dl dd.txt{
    padding-left:5px;
    display:inline-block;
    }    

#productsData .chartArea dl dd.txt.fontS{
    letter-spacing:-1px;
    font-size:14px;
    }    
    
#productsData .voiceArea h3{
    background:url("../img/common/c/nori_icn_voice.png")no-repeat left center;
    background-size: 30px auto;
}

#productsData.color02 .voiceArea h3{
    background:url("../img/common/c/jugetsudo_icn_voice.png")no-repeat left center;
    background-size: 30px auto;
}

#productsData .voiceArea.color03 h3,
#productsData.color03 .voiceArea h3{
    background:url("../img/common/c/sweets_icn_voice.png")no-repeat left center;
    background-size: 30px auto;
}

#productsData.color04 .voiceArea h3{
    background:url("../img/common/c/shizen_icn_voice.png")no-repeat left center;
    background-size: 30px auto;
}

#productsData .recipeArea h3{
    background:url("../img/common/c/nori_icn_recipe.png")no-repeat left center;
    background-size: 30px auto;
}

#productsData.color02 .recipeArea h3{
    background:url("../img/common/c/jugetsudo_icn_recipe.png")no-repeat left center;
    background-size: 30px auto;
}

#productsData.color04 .recipeArea h3{
    background:url("../img/common/c/shizen_icn_recipe.png")no-repeat left center;
    background-size: 30px auto;
}

#productsData .recipeArea .floatL.img{
    margin: 0 15px 0 0;
}

#productsData .recipeArea .floatL.img img{
    width: 150px;
    height: auto;
}

#productsData .voiceArea dl + dl{
    margin-top: 0.5vw;
}

#productsData .recipeArea dt,
#productsData .voiceArea dt{
    font-weight: bold;
}

#productsData .voiceArea dd + dt{
    margin-top: 1em;
}
    
#productsData .mb0{
    margin-bottom:0 !important;
}

#productsData .mb30{
    margin-bottom:30px;
}

#productsData .box{
    overflow:hidden;
    clear:both;
    margin-bottom: 50px;
}

#productsData > .floatL div:last-child,
#productsData > .floatR div:last-child{
    margin-bottom: 0;
}

#productsData.color02 .recipeArea.maketea dl{
    padding-left: 135px;
}

#productsData.color02 .recipeArea.maketea dl dt{
    padding:0 0 15px 0;
    font-weight:normal;
}

#productsData.color02 .recipeArea.maketea .floatL{
    margin-bottom:0;
    width: 120px;
}

#productsData.color02 .recipeArea.maketea dl dd span{
    font-weight:bold;
    line-height:40px;
    padding-left:42px;
    display:inline-block;
}

#productsData.color02 .recipeArea.maketea dl dd span + span{
    margin-left:25px;
}
        
#productsData.color02 .recipeArea.maketea dl dd .temprerature{
    background:url("../img/common/c/jugetsudo_icn_temprerature.png") no-repeat left center;
}

#productsData.color02 .recipeArea.maketea dl dd .time{
    background:url("../img/common/c/jugetsudo_icn_time.png") no-repeat left center;
}

#productsData .link{
    text-align: right;
    margin: 15px 0 0 0;
}

#productsData .link a[target="_blank"]:after {
    content:"";
    display: inline-block;
    width: 12px;
    height: 15px;
    background:url("../img/common/icn_window.svg") no-repeat right center;
    background-size: 12px auto;
    margin-left: 5px;
    vertical-align: middle;
}

#productsData .link a{
    padding-left:13px;
    background:url("../img/common/arrow_right_01.svg") no-repeat left center;
}

#productsData.color02 .link a{
    background:url("../img/common/arrow_right_02.svg") no-repeat left center;
}

#productsData .color03 .link a,
#productsData.color03 .link a{
    background:url("../img/common/arrow_right_03.svg") no-repeat left center;
}

#productsData.color04 .link a{
    background:url("../img/common/arrow_right_04.svg") no-repeat left center;
}

.itemCardBl{
    clear: both;
}

.itemCardBl + .itemCardBl{
    margin-top: 50px;
}

.itemName {
    font-family: 'Noto Serif JP', serif;
    font-size: 34px;
    background: url(../img/common/icn_circle_01.svg) no-repeat left 3px;
    background-size: 30px auto;
    padding-left: 37px;
    margin: 0 0 25px 0 !important;
    line-height: 1.1;
    position: relative;
    font-weight: 600;
    clear: both;
}

/*.itemCardBl .caseOfLabel{
    margin-top: 30px !important;
}

.itemCardBl  + .itemCardBl .caseOfLabel{
    margin-top: 80px !important;
}*/

.itemName .label{
    vertical-align: top;
    margin-top: 8px;
    display: inline-block;
}

.itemName span{
    font-size: 24px;
}

.itemCardBl .itemLead{
    font-size: 24px;
    line-height: 150%;
    font-family: 'Noto Serif JP', serif;
    width: calc(100% - 190px);
    float: right;
    margin-bottom: 10px !important;
    font-weight: 600;
}

.itemCardBl .itemPic{
    float: left;
    width: 170px;
    margin-bottom: 30px;
}

.itemCardBl .itemPic.full{
    width: 100%;
    float: initial;
}

.itemCardBl .itemPic.full img{
    width: 100%;
    height: auto;
}

.itemCardBl .itemTxt{
    width: calc(100% - 190px);
    float: right;
    margin-bottom: 30px !important;
}

.itemCardBl .itemPic.full + .itemTxt{
    width: 100%;
    float: inherit;
}

.itemCardBl .itemData{
    background: #f2f2f2;
    padding: 20px;
    clear: both;
    position: relative;
}

.itemCardBl .itemData .itemSpec{
    line-height: 1.6;
    display: inline-block;
}

.itemCardBl .itemData .itemSpec img{
    margin: 5px 0 0 0;
    height: 33px;
    vertical-align: middle;
}

.itemCardBl .itemData .itemSpec span{
    float: right;
    margin-left: 3em;
}

.itemCardBl .itemData .itemSpec .expiryDate{
    display: block;
    float: inherit;
    margin: 0;
}

.itemCardBl .itemData + div{
    margin-top: 30px;
}

.itemCardBl .itemData + .itemName{
    margin-top: 50px !important;
}

/****** カート用 *******/
.cartBl{
    line-height:1;
}

.cartBl [type="submit"],
.cartBl td a{
    color:#fff !important;
    background:#614e7d;
    padding: 15px 20px;
    font-size: 18px;
    text-align:center;
    display: inline-block;
    border: none;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    margin-right: 15px;
    line-height: 1;
}

.cartBl td a{
    margin-right: 0 !important;
}

.cartBl [type="submit"]:hover,
.cartBl td a:hover{
    opacity:0.7;
}

.cartBl .cartBt .fontS{
    font-size: 12px;
    font-size: 1.2rem;
    display:block;
    margin:10px 0 0 0;
}
    
.cartBl form{
    display:inline-block;
    margin: 15px 0 10px 0;
}

.cartBl form table tbody:nth-child(1),
.cartBl form table [type="text"]{
    display: none;
}

.cartBl dl{
    position: relative;
}

.cartBl dl dt:before{
    color:#000;
    font-size: 18px;
    content:"税込";
    padding-right:10px;
}

.cartBl dl dt{
    color:#614e7d;
    font-size: 40px;
    display:inline-block;
    margin-right:0;
}

.cartBl dl dd{
    font-size: 18px;
    display: inline-block;
    line-height: 1.2;
}

.cartBl .hassou {
    color:#e67802;
    float: inherit !important;
    margin: 0 !important;
/*    margin: 0 0 10px 20px;
    vertical-align: bottom;
    display: inline-block;*/
}

.cartBl.tokubetsu dl dt span:before{
    color:#cb0606;
    font-size: 16px;
    content:"通販特別価格";
    padding-right:10px;
    display: inline-block;
    vertical-align: top;
}

.cartBl.tokubetsu dl dt:before {
    position: absolute;
    left: 60px;
    bottom: 0;
    display: inline-block;
    display: table-cell;
    vertical-align: bottom;
}

.cartBl.tokubetsu dl dt,
.cartBl.tokubetsu dl dd{
    color:#cb0606 !important;
}

/*　カラー変更 */
.color02 .cartBl [type="submit"],
.color02 .cartBl td a{
    background:#e6e74c;
    color:#261118 !important;
}

.color02 .cartBl dl dt{
    color:#261118;
 }

.color03 .cartBl [type="submit"],
.color03 .cartBl td a{
    background:#7cb05c;
}

.color03 .cartBl dl dt{
    color:#7cb05c;
 }

.color04 .cartBl [type="submit"],
.color04 .cartBl td a{
    background:#7b9237;
}

.color04 .cartBl dl dt{
    color:#7b9237;
 }

.color05 .cartBl [type="submit"],
.color05 .cartBl td a{
    background:#ba933b;
}

.color05 .cartBl dl dt{
    color:#ba933b;
 }   

.color06 .cartBl [type="submit"],
.color06 .cartBl td a{
    background:#68503e;
}

.color06 .cartBl dl dt{
    color:#68503e;
 } 
    
/* 価格別 */
#priceBl{
    position: relative;
    width: 650px;
    margin: 0 auto;
}

#priceBl .catchTxt{
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 30px 0;
    letter-spacing: 0.1em;
}

#priceBl .acdBtn{
	cursor: pointer;
	width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: -55px;
    top: -5px;
	transition: all 0.5s ease 0s;
	background:#bc953d;
}

#priceBl .acdBtn:hover{
	opacity: 0.7;
}

#priceBl .acdBtn span{
    height: 1px;
    position: absolute;
    width: 35%;
    background: #fff;
    left: 33%;
    top: 50%;
}

#priceBl .acdBtn span:nth-child(2){
    height: 35%;
	width: 1px;
    left: 50%;
    top: 35%;
}

#priceBl .acdBtn.active span:nth-child(2){
	opacity: 0;
}

#priceBl .acdMenu{
	display: none;
	background:#f8f4ec;
	font-size: 14px;
	padding: 20px 20px 10px 20px;
    width: 100%;
    box-sizing: border-box;
	z-index: 10;
	top: calc(100% + 20px)
}

#priceBl .acdMenu li{
    display: inline-block;
    margin: 0 70px 10px 0;
}

#priceBl .acdMenu li a{
	background: url("../img/common/icn_arrow_right_05.svg") no-repeat left center;
	background-size: 7px auto;
    padding-left: 15px;
}

.fs-c-subgroup{
    display: none;
}
/* ブランドページフッター 商品一覧 */
.fs-c-productList{
    margin: 100px 0 0 0;
    line-height: 180%;
    font-size: 16px;
    clear: both;
}

.fs-c-productList .fs-c-productList__controller{
    background: #f4f4f4;
    overflow: hidden;
    padding: 0 50px;
    margin: 0 0 50px 0;
}

.fs-c-productList .fs-c-listControl{
    float: right;
    padding: 10px 0;
}


.fs-c-productList .fs-c-listControl__status{
    display: inline-block;
    float: left;
}

.fs-c-productList .fs-c-pagination {
    border-radius: 3px;
    display: inline-flex;
    align-items: baseline;
}

.fs-c-productList .fs-c-sortItems{
    float: left;
    display: table;
}

.fs-c-productList .fs-c-sortItems{
    display: table;
    vertical-align: middle;
}

.fs-c-productList .fs-c-sortItems__label{
    display: table-cell;
    vertical-align: middle;
    background: #000;
    color: #fff;
    padding: 0 20px;
}

.fs-c-productList .fs-c-sortItems ul{
    display: table-cell;
}

.fs-c-productList .fs-c-sortItems ul li.is-active{
    font-weight: bold;
}

.fs-c-productList .fs-c-sortItems ul li{
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px;
}

.fs-c-productList .fs-c-sortItems ul li:after{
    border: 1px solid #666;
}

.fs-c-productList .fs-c-productList__list + .fs-c-productList__controller{
    display: none;
}

.fs-c-productList__list{
    width: 1300px;
    margin: 0 auto;
    display: grid;
    display: -ms-grid;
    grid-gap: 30px;
    grid-template-columns: repeat(5,1fr);
}

.fs-c-productList__list article{
    font-size: 12px;
    line-height: 160%;
}

.fs-c-productList__list article .fs-c-buttonContainer,
.fs-c-productList__list article .fs-c-preorderMessage,
.fs-c-productList__list article .fs-c-salesPeriod{
    display: none;
}

.fs-c-productList__list article .fs-c-productListItem__imageContainer{
    margin-bottom: 10px;
    border: 1px solid #dedede;
}

.fs-c-productList__list article  h2{
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
}

.fs-c-productList__list article .fs-c-productMark li{
    margin-bottom: 5px;
    margin-right: 5px;
}

.fs-c-productList__list article .fs-c-productPrice__main__price {
    font-size: 24px;
}

.fs-c-productList__list article .fs-c-productPrices{
	margin-bottom: 5px;
}

.fs-c-productList__list article .fs-c-price {
    display: inherit !important;
}

.fs-c-productList__list article .fs-c-price__currencyMark,
.fs-c-productList__list article .fs-c-productListItem__notice,
.fs-c-productList__list article .fs-c-productPrice__addon{
    display: none;
}

.fs-c-productList__list article .fs-c-price__value:after{
	content: "円";
}

.fs-c-productList__list article .fs-c-productPrice__main__price{
	font-weight: bold;
    font-size: 20px;
	color: #422f79 !important;
}

/*　登録商品がない場合 */
.fs-c-noResultMessage .fs-c-noResultMessage__title{
    background: #ededed;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px;
    display: none;
    text-align: center;
}


/******** パスワード認証 ********/
body#fs_ProductAuth #mainContent h1{
    font-family: 'Noto Serif JP', serif;
    font-size: 36px;
    background: url("../img/common/icn_circle_2color.svg") no-repeat left 3px;
    background-size: 30px auto;
    padding-left: 37px;
    margin: 0;
    line-height: 1;
    width: 1240px;
    margin: 0 auto 20px auto;
    position: relative;
}

body#fs_ProductAuth #productsData{
    max-width: 800px;
    font-size: 18px;
    font-size: 1.8rem;
}

body#fs_ProductAuth #mainContent .fs-c-inputInformation__message,
body#fs_ProductAuth #mainContent .fs-c-inputInformation__field{
    margin-bottom: 1.5rem;
}

body#fs_ProductAuth #mainContent #fs_form .fs-c-button--displayPassword{
    display: none;
}
body#fs_ProductAuth #mainContent [type="password"]{
    padding: 10px;
}

body#fs_ProductAuth #mainContent .fs-c-button--primary {
    color: #fff !important;
    border: 2px solid #422f79 !important;
    background-color: #422f79;
    line-height: 46px;
    height: 50px;
    font-size: 20px;
    font-size: 2.0rem;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    border: none;
    box-shadow: none;
    vertical-align: top;
    width: 100%;
    letter-spacing: 2px;
    display: block;
    text-decoration: none !important;
}

body#fs_ProductAuth #mainContent .fs-c-button--primary:hover{
	transition: all 0.5s ease 0s;
    background-color: #fff;
	color:#422f79 !important;
}


@media screen and (max-width: 768px) {    
#rel_prd {
    height: 70vw;
    margin:0;
}
    
/******** productsData ********/
#productsData{
    width: 100%;
    line-height: 160%;
    font-size: 14px;
    font-size: 1.4rem;
    background: #f1f1f1;
    padding: 0 !important;
    }    

#productsData > div:last-child{
    padding-bottom: 10vw !important;
/*    padding-bottom: 0;*/
    }    

#productsData img{
    width:100%;
    height:auto;
}

#productsData h2{
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom:0;
    }    

#productsData h2.lead,
#productsData h2.txt + p{
    margin-bottom:5vw;
    }    
    
#productsData h2.line{
    font-size: 20px;
    margin: 0 0 5vw 0 ;
    }    
    
#productsData h3{
    margin-bottom:1vw;
    font-size: 18px;
    font-size: 1.8rem;
    } 

#productsData h3.circle{
    background: url(../img/common/icn_circle_01.svg) no-repeat left 3px;
    background-size: 18px auto;
    line-height: 22px;
    padding-left: 25px;
    margin-bottom: 1vw;
    } 
    
#productsData h4{
    font-size: 16px;
    font-size: 1.6rem;
    } 
        
#productsData h4.txt + p{
    margin-bottom:10px;
}
    
#productsData > .floatL,
#productsData > .floatR{
    float: inherit;
    width: 100%;
}

#productsData .w600.floatR,
#productsData .w600.floatL{
    float: inherit;
    width: 100%;
}    
    
#productsData .floatL:not(.img),
#productsData .floatR:not(.img){
    float: inherit;
    width: 100%;
    margin: 0;
}
    
#productsData .fullBl{
    width:100%;
}    

#productsData .w600 {
    width: 100%;
    margin: 0 0 3vw 0;
}
    
#productsData .w600.img img{
    width: 100%;
    height: auto;
}    

#productsData .floatR.img {
    margin: 5px 0 5px 10px;
}

#productsData .floatL.img {
    margin: 5px 10px 5px 0;
}
    
#productsData .label img{
    width:auto;
    height: 20px;
} 

#productsData .label img.mini{
    height: 16px;
} 

#productsData .label img + img {
    margin-left: 5px;
}
 
#productsData .w30.img{
    width: 30%;
}

#productsData .w40.img{
    width: 40%;
}

#productsData .w20.img{
    width: 20%;
}

#productsData .inner{
    padding: 5vw 5%;
    background: #fff;
    overflow: hidden;
}    

#productsData .floatL > .inner{
    padding-bottom:  0 0 10vw 0;
}    

#productsData .box {
    margin-bottom: 5vw;
}
    
#productsData .inner.bgPurple{
    background: #f5f2f9;
}    
    
#productsData.color02 .inner.bgPurple {
    background: #fcfced !important;
}    

#productsData .inner.bgPurple.color03,
#productsData.color03 .inner.bgPurple {
    background: #eef6e8 !important;
}    

#productsData.color04 .inner.bgPurple {
    background: #f8fcea !important;
}    

#productsData.color06 .inner.bgPurple {
    background: #ede8e6 !important;
}    
    
#productsData .floatL.shadow,
#productsData .floatR.shadow,
#productsData .column03.shadow,
#productsData .fullBl.shadow{
    background: #fff;
    padding: 0 0 10vw 0 !important;
    margin: 0 0 5vw 0 !important;
    box-shadow: 0px 10px 10px -1px #dedede;
}

#productsData .inner.shadow,
#productsData .itemCardBl.shadow{
    margin: 0 0 5vw 0 !important;
    box-shadow: 0px 10px 10px -1px #dedede;
    overflow: hidden;
}    

#productsData .reasonArea h4{
    height:inherit;
    padding:3px 10px;
    margin-bottom:1vw;
    font-size: 16px;
    font-size: 1.6rem;
}

#productsData .chartArea dl{
    line-height:12px;
    }    

#productsData .chartArea dl + dl{
    margin-top:8px !important;
    }    

#productsData .chartArea dl dt{
    width:40px;
    display:inline-block;
    }    

#productsData .chartArea dl dd.img{
    width:100px;
    display:inline-block;
    }    
    
#productsData .chartArea,
#productsData .voiceArea,
#productsData .recipeArea,
#productsData .calendarArea{
    margin-bottom: 0;
    }    
    
#productsData .chartArea h3,
#productsData .voiceArea h3,
#productsData .recipeArea h3,
#productsData .calendarArea h3{
    padding-left:28px;
    }    
    
#productsData .chartArea h3{
    background:url("../img/common/c/nori_icn_chart.png")no-repeat left center;
    background-size:20px auto;
}

#productsData .calendarArea h3{
    background:url("../img/common/c/nori_icn_calendar.png")no-repeat left center;
    background-size:20px auto;
}

#productsData.color02 .chartArea h3{
    background:url("../img/common/c/jugetsudo_icn_chart.png")no-repeat left center;
    background-size:20px auto;
}

#productsData.color06 .chartArea h3{
    background:url("../img/common/c/coffee_icn_chart.png")no-repeat left center;
    background-size:20px auto;
}

#productsData ul.capacity li{
	min-width: 100%;
    }    

#productsData .chartArea dl{
    line-height:12px;
    }    

#productsData .chartArea dl + dl{
    margin-top:10px !important;
    }    

#productsData .chartArea dl dt{
    width:45px;
    display:inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    }    

#productsData .chartArea dl dd.img{
    width:115px;
    display:inline-block;
    }    

#productsData.color02 .chartArea dl dd.img{
    width:125px;
    }    

#productsData.color06 .chartArea dl {
    line-height: 20px;
    padding-left: 0;
}

#productsData.color06 .chartArea dl dt{
    width:50px;
    }    

#productsData.color06 .chartArea dl dd.img{
    width:180px;
    vertical-align: middle;
    } 
    
#productsData .chartArea dl dd.txt{
    padding-left:5px;
    font-size: 10px;
    font-size: 1.0rem;
    width: 48%;
    vertical-align: middle;
    }    
    
#productsData .chartArea dl dd.txt.fontS{
    font-size: 9px;
    font-size: 0.9rem;
    }    
    
#productsData .voiceArea h3{
    background:url("../img/common/c/nori_icn_voice.png")no-repeat left center;
    background-size:20px auto;
}

#productsData .recipeArea h3{
    background:url("../img/common/c/nori_icn_recipe.png")no-repeat left center;
    background-size:20px auto;
}

#productsData.color02 .voiceArea h3{
    background:url("../img/common/c/jugetsudo_icn_voice.png")no-repeat left center;
    background-size:20px auto;
}

#productsData.color02 .recipeArea h3{
    background:url("../img/common/c/jugetsudo_icn_recipe.png")no-repeat left center;
    background-size:20px auto;
}

#productsData .voiceArea.color03 h3,
#productsData.color03 .voiceArea h3{
    background:url("../img/common/c/sweets_icn_voice.png")no-repeat left center;
    background-size:20px auto;
}

#productsData.color04 .voiceArea h3{
    background:url("../img/common/c/shizen_icn_voice.png")no-repeat left center;
    background-size:20px auto;
}

#productsData.color04 .recipeArea h3{
    background:url("../img/common/c/shizen_icn_recipe.png")no-repeat left center;
    background-size:20px auto;
}

#productsData .recipeArea .floatL.img{
    margin: 0 15px 0 0;
}

#productsData .recipeArea .floatL.img img{
    width: 100%;
    height: auto;
}

/*#productsData.color02 .recipeArea dl dt{
    padding:5px;
    font-size: 10px;
    font-size: 1.0rem;
    line-height:150%;
}*/

#productsData.color02 .recipeArea.maketea .floatL {
    width: 100px;
}    

#productsData.color02 .recipeArea.maketea dl {
    padding-left: 115px;
}    

#productsData.color02 .recipeArea.maketea dl dd span{
    line-height:20px;
    padding-left:22px;
    height:20px;
}

#productsData.color02 .recipeArea.maketea dl dd span + span{
    margin-left:15px;
}
        
#productsData.color02 .recipeArea.maketea dl dd .temprerature{
    background:url("../img/common/c/jugetsudo_icn_temprerature.png") no-repeat left center;
    background-size:20px auto;
}

#productsData.color02 .recipeArea.maketea dl dd .time{
    background:url("../img/common/c/jugetsudo_icn_time.png") no-repeat left center;
    background-size:20px auto;
}

/*#productsData .itemBox + .itemBox{
    margin-top:20px;
}

#productsData .itemBox .tit{
    margin-bottom:10px;
}

#productsData .itemBox .tit img{
    height: 17px;
    width: auto;
}

#productsData.color02 .itemBox .tit span.label img{
    height: 13px;
    width: auto;
}

#productsData.color02 .itemBox .tit span.icn img{
    height: 10px;
    width: auto;
}

.shizen #productsData .itemBox .tit span.icn,
#productsData.color02 .itemBox .tit span.icn,
#productsData.color02 .itemBox .tit span.label{
    margin-left: 5px !important;
}

.shizen #productsData .itemBox .tit span.icn img,
#productsData.color02 .itemBox .tit span.icn img,
.sweets #productsData .itemBox .tit span.icn img{
    height: 10px !important;
    width: auto;
}

#productsData.color02 .itemBox .tit span.label img{
    height: 13px !important;
    width: auto;
}

#productsData .mb30{
    margin-bottom:15px;
}
    
#productsData .floatL{
    margin:5px 10px 0 0;
}

#productsData .floatR{
    margin:5px 0 0 10px;
}

#productsData .itemBox .cartBl{
    padding:0 0 0 20px;
}

#productsData .innerArea{
    padding:0 5px;
}

#productsData .innerArea dl + dl{
    margin-top:3px;
}
#productsData .link a{
    padding-left:10px;
    background:url("/common_renew/images/header/icn_arrow_right_nav_s.png") no-repeat left center;
    background-size:5px auto;
}

#productsData.color02 .link a,
.sweets #productsData .link a{
    padding-left:10px;
    background:url("/common_renew/images/arrow_right_green.png") no-repeat left center;
    background-size:5px auto;
}

.shizen #productsData .link a{
    padding-left:10px;
    background:url("/common_renew/images/arrow_right_shizen.png") no-repeat left center;
    background-size:5px auto;
    }*/

.itemCardBl{
    background: #fff;
    padding: 10vw 5% !important;
}

.itemCardBl.pt5vw{
    padding: 5vw 5% 10vw !important;
}    
    
.itemCardBl + .itemCardBl{
    padding: 0 5% 10vw 5% !important;
}
    
.itemName {
    font-size: 20px;
    background: url(../img/common/icn_circle_01.svg) no-repeat left 2px;
    background-size: 20px auto;
    padding-left: 25px;
    margin-bottom: 5vw !important;
    position: relative;
    line-height: inherit;
}

.itemName.caseOfLabel {
    margin-top: 5vw !important;
}
    
.itemName span{
    font-size: 16px;
    letter-spacing: -0.05em;
}

.itemName .label {
    margin-top: 0;
}

.itemCardBl .itemLead {
    font-size: 16px;
    width: 100%;
    float: inherit;
    margin: -2vw 0 5vw 0 !important;
}
    
.itemCardBl .itemPic{
    margin-bottom: 3vw !important;
    float: inherit;
    width: 100%;
    text-align: center;
}

.itemCardBl .itemTxt {
    width:100%;
    float: inherit;
    margin-bottom: 3vw !important;
}

.itemCardBl .itemTxt.cap {
    text-align: center;
}

.itemCardBl .itemData{
    padding: 5vw 5%;
}
    
.itemCardBl .inner {
    margin:5vw -5.556% 0;
}

.itemCardBl .itemData + .itemName{
    margin-top: 10vw !important;
}
    
.itemCardBl .itemData .itemSpec {
    font-size: 12px;
/*    width: 100%;*/
}  
    
.itemCardBl .itemData .itemSpec span {
    margin-left: 1em;
}    
    
.itemCardBl .itemData .itemSpec img {
    height: 24px !important;
    width: auto !important;
    margin: 3px 0 0 0;
}
    
.itemCardBl .itemData .itemSpec .expiryDate {
}   
    
.itemCardBl .bgPurple + div {
    margin:5vw 0 0 0;
}

/****** カート用 *******/       
.cartBl form:before{
    line-height:30px;
    height:30px;
    font-size: 14px;
    font-size: 1.4rem;
}

.cartBl [type="submit"],
.cartBl td a{
    padding: 10px;
    font-size: 14px;
    font-size: 1.4rem;
}

.cartBl .cartBt .fontS{
    font-size: 10px;
    font-size: 1.0rem;
    margin:5px 0 0 0;
}
    
.cartBl form {
    margin: 2vw 0 1vw 0;
}
    
.cartBl dl dt:before{
    font-size: 14px;
    padding-right:5px;
}

.cartBl dl dt{
    font-size: 24px;
    font-size: 2.4rem;
}
    
.cartBl dl dd{
    font-size: 12px;
    } 

/*.cartBl .hassou {
    margin: 0 0 1vw 15px;
    font-size: 12px;
}    */

.cartBl.tokubetsu dl dt span:before{
    font-size: 14px;
    padding-right: 5px;
}
    
.cartBl.tokubetsu dl dt span:before{
    font-size: 10px;
    padding-right:5px;
}

.cartBl.tokubetsu dl dt:before {
    font-size: 10px;
    left: 40px;
}

#productsData .link {
    margin: 10px 0 0 0;
}
    
#productsData .link a[target="_blank"]:after {
    width: 10px;
    height: 13px;
    background:url("../img/common/icn_window.svg") no-repeat right center;
    background-size: 10px auto;
}

#productsData .link a{
    background:url("../img/common/arrow_right_01.svg") no-repeat left center;
    background-size: 6px auto;
}

#productsData .color03 .link a,
#productsData.color03 .link a    {
    background:url("../img/common/arrow_right_03.svg") no-repeat left center;
    background-size: 6px auto;
}
     
#pickupArea{
	margin:10vw auto 5vw auto;
}
    
/* 価格別 */
#priceBl{
    width: auto;
    background: #fff;
    padding: 10vw 5%;
}

#priceBl .catchTxt{
    font-size: 20px;
    text-align: left;
    margin: 0 0 3vw 0;
    letter-spacing: 0;
}

#priceBl .acdBtn{
	right: 5%;
    top: 10vw;
}

#priceBl .acdBtn span{
    height: 1px;
    position: absolute;
    width: 35%;
    background: #fff;
    left: 33%;
    top: 50%;
}

#priceBl .acdMenu{
	position: inherit;
    padding: 8vw 5%;
    width: 100%;
    font-size: 16px;
}

#priceBl .acdMenu li{
    margin: 0;
    display: block;
}

#priceBl .acdMenu li + li{
    margin-top: 15px;
}

/* ブランドページフッター 商品一覧 */
.fs-c-productList{
    margin: 5vw 0 0 0;
    line-height: 160%;
    font-size: 12px;
}

.fs-c-productList .fs-c-productList__controller{
    padding: 0 5%;
    margin: 0 0 5vw 0;
}

.fs-c-productList .fs-c-listControl{
    width: 100%;
    float: inherit;
    clear: both;
    padding: 0;
    display: table !important;
/*    font-size: 14px;*/
}
    
.fs-c-productList .fs-c-listControl .fs-c-listControl__status{
    padding: 7px 0;
}

.fs-c-productList .fs-c-listControl .fs-c-pagination {
    float: right;
}    
    
.fs-c-productList .fs-c-listControl .fs-c-pagination__item {
    padding: 7px 12px;
    line-height: inherit;
}
    
.fs-c-productList .fs-c-listControl  .fs-c-pagination__item.is-active {
    background: #000;
    color: #fff;
}
    
.fs-c-productList .fs-c-sortItems{
    padding: 0;
    width: 100%;
}

.fs-c-productList .fs-c-sortItems__label{
    padding: 0 10px;
    text-align: center;
}

.fs-c-productList .fs-c-sortItems ul{
    display: table;
    width: 100%;
}

.fs-c-productList .fs-c-sortItems ul li{
    padding: 5px 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fs-c-productList__list article  h2{
    font-size: 12px;
}    
    
.fs-c-productList__list{
    width: 90%;
    grid-template-columns: repeat(2,1fr);
}

.fs-c-productList__list article{
}

.fs-c-productList__list article .fs-c-productListItem__imageContainer{
    margin-bottom: 10px;
}

.fs-c-productList__list article  h2{
    margin-bottom: 5px;
}

.fs-c-productList__list article .fs-c-productMark img {
    height: 15px;
    width: auto;
}

.fs-c-productList__list article .fs-c-productPrice__main__price {
    font-size: 20px;
}
    
/******** パスワード認証 ********/
body#fs_ProductAuth #mainContent h1{
    font-size: 22px;
    background: url(../img/common/icn_circle_01.svg) no-repeat left 2px;
    background-size: auto;
    background-size: 20px auto;
    padding-left: 25px;
    position: relative;
    line-height: inherit;
    margin: 5px 10px 10px 10px;
    width: auto;
}

body#fs_ProductAuth #productsData{
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10vw 5% 5vw 5% !important;
    background: #fff;
}

body#fs_ProductAuth #mainContent [type="password"]{
    padding: 5px;
}

body#fs_ProductAuth #mainContent .fs-c-button--primary {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 36px;
    height: 40px;
    padding: 0;
}

    
/******** productsData ********/
#productsData .w10{width:10%;}
#productsData .w20{width:20%;}
#productsData .w40{width:40%;}

}