@charset "utf-8";

#key{
    margin-bottom:0;
    }

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

.img01{
    margin: 0 auto;
    width: 1300px;
    }

#productsData.itemList{
    margin: 0 auto 60px auto;
    width: 1300px;
    }

#productsData.itemList .itemBox{
    overflow:hidden;
    padding:40px 20px;
    background-color:#f4f3f3;
    border-bottom:1px solid #e8e8e8;
    position:relative;
    margin:0;
    }

#productsData.itemList .itemName {
    margin-bottom: 15px !important;
}

#productsData.itemList .itemName .label {
    margin-top: 7px;
    margin-left: 10px;
}

#productsData.itemList .itemBox .itemLead{
    width: 100%;
    float: initial;
    font-size: 20px;
    }

#productsData.itemList .itemBox .itemLead + .note{
    margin-top: -10px;
    }

#productsData.itemList .itemBox .itemTxt{
    float: left;
    width: calc(100% - 390px);
    margin-bottom: 0 !important;
    }

#productsData.itemList .itemBox > .floatR{
    width: calc(100% - 300px);
    float: right;
    }

#productsData.itemList .itemBox .itemData{
    float: right;
    clear: inherit;
    background: #fff;
    margin-top:40px;
        }

#productsData.itemList .itemBox:nth-child(2n){
    background-color:#fff;
    border:none;
    }

#productsData.itemList .itemBox:nth-child(2n) .itemData{
    background: #f2f2f2;
    }

#productsData.itemList .itemBox:last-child{
    border-bottom:1px solid #e8e8e8;
    }
                
#productsData.itemList .itemBox .thumb{
    width: 300px;
    float: left;
    text-align: center;
}

#productsData.itemList .itemBox .thumb + .floatR{
    float:right;
    }

#productsData.itemList .itemBox h2{
    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 15px 0 ;
    line-height: 1;
    position: relative;
    font-weight: 500;
    }

#productsData.itemList .itemBox .lead{
    font-family: 'Noto Serif JP', serif;
    font-size: 20px;
    font-size: 2.0rem;
    height:130px;
    }

#productsData.itemList .itemBox .chartArea{
    float: left;
    clear: inherit;
    margin:40px 0 0 0;
    }    

/* 寿月堂 */
#productsData.color02 .thumb {
    padding-top: 50px;
}

#productsData.color02 .itemName {
    background: url(../img/common/icn_circle_02.svg) no-repeat left 3px;
    background-size: 30px auto;
}

#productsData.color02 .itemName .label img {
    width: auto;
    height: 20px;
}

#productsData.color02 .cartBl [type="submit"],
#productsData.color02 .cartBl td a{
    background:#e6e74c;
    color:#261118 !important;
}

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

#productsData.color02 .recipeArea.maketea {
    margin: 30px 0 0 0;
    float: left;
    max-width: calc(100% - 390px);
}

#productsData.color02 .recipeArea.maketea.floatL {
/*    margin:0;*/
    clear: inherit;
}

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

#productsData.color02 .bnr {
    text-align: center;
}

/* 味わいで偉ぶ */
#productsData.color02 .itemName .label img.mh25 {
    width: auto;
    height: 25px;
}

#tab01 {
    display: block;
}

.tab {
    display: none;
}

.tabBtn{
    min-width:1240px;
    margin:30px auto 30px auto;
}

#productsData.color02 .mark {
    display: inherit;
    margin: 20px 0 0 0;
}

.tabBtn ul{
    text-align:center;
    overflow:hidden;
}
.tabBtn li{
    display:inline-block;
    margin:0 8px;
    width:160px;
}

.visual{
    width:760px;
    margin:0 auto 50px auto;
    overflow:hidden;
    display: table;
}

.visual + .itemList{
    border-top: 1px solid #e8e8e8;
}

.visual .pic{
    margin:0 35px 0 0;
    width: 340px;
    display: table-cell;
}

.visual .txt{
    font-size: 21px;
    width:380px;
    font-family:'Noto Serif JP', serif;
    line-height:150%;
    vertical-align: middle;
    display: table-cell;
}

.visual .name{
    font-size: 34px;
    font-weight: 500;
    margin-bottom:10px !important;
}

@media screen and (max-width: 768px) {
.ajiwai .img01{
    width: 100%;
    margin: 0 0 5vw 0 !important;
    box-shadow: 0px 10px 10px -1px #dedede;
    }

.ajiwai .img01 img,
#productsData.itemList img{
    width: 100%;
    height:auto;
    }

#productsData.itemList{
    margin: 0 auto 30px auto;
    width: 100%;
    }
    
#productsData.itemList .itemCardBl{
    padding: 10vw 5% !important;
    margin: 0 0 5vw 0 !important;
    box-shadow: 0px 10px 10px -1px #dedede;
    }    

    
#productsData.itemList .itemName{
    margin: 5vw;
}    

#productsData.itemList .itemName .label {
    margin-top: 0;
}    
    
#productsData.itemList .itemName .itemLead {
    font-size: 16px;
    margin: -2vw 0 5vw 0 !important;
}
 
#productsData.itemList .itemBox .itemLead + .note{
    font-size: 12px;
    margin: -3vw 0 5vw 0 !important;
    }
    
#productsData.itemList .itemBox > .floatR {
    width: 100%;
    float: inherit
}
    
#productsData.itemList .itemBox .itemLead {
    font-size: 16px;
    margin: 0 0 3vw 0 !important;
}    
    
#productsData.itemList .itemBox .itemTxt {
    width: 100%;
    float: inherit;
    margin-bottom: 3vw !important;
}
    
#productsData.itemList .itemBox .thumb{
    width:100%;
    text-align: center;
    float: inherit;
    margin-bottom: 3vw;
    }

#productsData.itemList .itemBox .thumb img{
    width:46.15%;
    }
        
#productsData.itemList .itemBox .thumb + .floatR {
    float: inherit;
    margin-top:0;
}
    
#productsData.itemList .itemBox .itemData {
    margin-top:0;
    float: inherit;
}    
    
#productsData.itemList .label img{
    width:auto;
    height: 20px;
    }   
    
#productsData.itemList .itemBox .chartArea {
    background: #f5f2f9;
    padding: 5vw 5% 5vw 5%;
    float: inherit;
    margin: 5vw -5.556% 0;
    max-width: inherit;
}
    
/* 寿月堂 */

#productsData.color02 .thumb {
    padding-top: 0;
}
    
#productsData.color02 .itemName .label img {
    width: auto;
    height: 16px;
}  
    
#productsData.color02 .itemName {
    background: url(../img/common/icn_circle_02.svg) no-repeat left 2px;
    background-size: 20px auto;
}
    
#productsData.color02 .itemBox .thumb img {
    width: 36.92%;
}    
    
#productsData.color02 .itemBox .chartArea {
    background: #fcfced;
}    

#productsData.color02 .recipeArea.maketea {
    margin: 5vw 0 0 0;
    float: inherit;
    max-width: inherit;
}  
    

body.chart #productsData.itemList .itemCardBl{
    box-shadow: 0 !important;
    margin: 0  !important;
    }    
    
/* 味わいで偉ぶ */
    
#productsData.color02 .itemName .label img.mh25 {
    width: auto;
    height: 25px;
}

.tabBtn{
    min-width:auto;
    margin:0;
}

#productsData.color02 .mark {
    margin: 5px 0 0 0;
    width: 15%;
}

.tabBtn ul{
    text-align:center;
    overflow:hidden;
}
.tabBtn li{
    display: inline-block;
    margin: 2vw 0;
    width: 25%;
}

.visual{
    width: 100%;
    padding: 3vw 3%;
    background: #fff;
    margin-bottom: 0;
    margin: 0 0 5vw 0 !important;
    box-shadow: 0px 10px 10px -1px #dedede;
}

.visual .pic{
    margin:0 5% 0 0;
    width: 45%;
}

.visual .txt{
    font-size: 14px;
    width:auto;
}

.visual .name{
    font-size: 16px;
    margin-bottom:5px !important;
}    
    
#productsData.color02 .recipeArea.maketea.floatL {
    margin: 5vw 0 0 0;
}    
    
}