/*PCコンテンツ非表示*/
div#wrapper_pc,#bottom_pc{
    display: none;
}
body{
    margin: 0;
    padding: 0;
    /* font-family: 'Noto Sans JP', sans-serif; */
}
ul{
    padding: 0;
    margin: 0;
}
ul li{
    list-style-type: none;
}
a{
    text-decoration: none;
}

img{
    max-width: 100%;
    height: auto;
	vertical-align: bottom; /*imageの下余白つぶす*/
    width: auto;    
}

#fv_bnr_area img{
	vertical-align:baseline; /*共通部分のみ初期値に戻す*/
}

@media screen and (max-width: 897px){
	img.aco_ttl{
		vertical-align:top !important; /*商品ページのみの設定 footer画像用*/
        margin-bottom: 10px;
	}

.haisou h4 {
    display: block;
    margin: 0px auto 0px;
    text-align: left;
    background-color: #6e481c;
    padding: 10px 10px;
    color: #fff;
    font-size: 14px;
}
.fs-c-productReview:before {
    display: block;
    margin: 10px auto 20px;
    text-align: left;
    content: "お客様の声";
    color: #000;
    background-color: #e7e7e7;
    padding: 10px;
}
.fs-c-productReview {
    margin-top: 50px;
}

/* 商品詳細表示用 */
.tblType01 {
	margin-top: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	max-width: 100%;
}
	
.tblType01 th {
	text-align: center;
	white-space: nowrap;
    background: #f1f1f1;
    font-weight: normal;
}
	
.tblType01 th, .tblType01 td {
	padding: 3px 10px;
	vertical-align: top;
	border: 1px solid #cabfbb;
}
	
}

/* 以上は共通 */



/* wrapper */
#wrapper_sp{
    z-index:-1;
    width: 100%;
    margin:0 auto;
}

.main{
    width: 100%;
    margin: 0 auto;
}


.product{
    margin: 4% auto;
}

.product_txt{
    margin: 8% auto;
}

/* 商品名 */
.product_name-conts{
    font-family: serif;
    margin: 0 auto;
    font-size: 6vw;
    text-align: center;
    vertical-align: middle;
    display: table;
    position: relative;
    line-height: 1.0;
    font-weight: 600;
}

.product_name{
    display: table-cell;
    vertical-align: middle;
}

.product_subname{
    font-size: 3.6vw;
}

.ornament_l{
    width: 25%;
    display: table-cell;
    position: absolute;
    top: 30%;
    left: -35%;
}

.ornament_r{
    width: 25%;
    display: table-cell;
    position: absolute;
    top: 30%;
    right: -35%;
}
/* 商品名 */

/* 商品説明 */
.product_description{
    font-family: serif;
    text-align: center;
    margin: 6% auto 0;
    font-size: 3.2vw;
    width: 92%;
}

/* 商品画像 */
.product_img{
    margin: 0 auto;
    line-height: 0;
}

.product_img img{
    margin: 0 auto 2%;
}


/* 3つの理由 */
.reason{
    background: #fff3d5 url(https://mccsweets.itembox.design/item/img/common/sp_reason_bg.jpg) no-repeat;
    background-size: 100% auto;
    margin: 0 auto 6%;
}

.reason_ttl{
    line-height: 1.3;
    padding: 6% 0 6% 0;
    margin: 0 0 0 4%;
}

.reason_ttl .ttl_txt{
    font-family: serif;
    font-size: 6vw;
    font-weight: 600;
    color: #433515;
}

.reason_ttl .ttl_txt_number{
    font-family: "Monotype Corsiva";
    font-size: 8vw;
}


.reason_ttl .ttl_txt-mini01{
    font-size: 4vw;
}

.reason_ttl .ttl_txt-mini02{
    font-size: 5vw;
}

.reason_ttl .reaon_conts{
    width: 86%;
    margin: 0 auto;
    padding: 4% 0 4% 0;
    
}

.reaon_detail{
    text-align: center;
    font-family: serif;
    padding: 0 0 4% 0;
    margin: 0 auto;
    width: 90%;
}

.reaon_detail .detail_left{
    float: none;
}

.reaon_detail .detail_right{
    float: none;
}


.reaon_detail .detail_number{
    width: 20%;
    font-size: 6vw;
    font-family: "Monotype Corsiva";
    color: #573919;
    border-bottom:1px solid #573919;
    margin: 0 auto 0; 
}

.reaon_detail .detail_txt{
    margin: 2% auto 0;
    font-weight: 600;
    font-size: 3.8vw;
}


/* お客様の声 */
.voice{
    width: 90%;
    margin: 4% auto;
}

.voice_list{
    border: 1px solid #b69b59;
    padding: 4%;
    margin: 4% auto;
    font-family: serif;
    font-weight: 300;
}

.voice_head{
    /* display: table; */
    width: 100%;
    margin: 0 0 2% 0;
}

.voice_star{
    font-size: 3.8vw;
    /* display: table-cell; */
    float: left;
}

.voice_points{
    padding: 0 0 0 5%;
    font-family: "Monotype Corsiva";
    font-size: 5vw;
    width: 50%;
}

.voice_user{
    /* display: table-cell; */
    font-size: 3vw;
    text-align: right;
    float: right;
    margin: 2.5% 0 0 0;
}

.voice_ttl{
    font-size: 3.8vw;
}

.voice_txt{
    font-size: 3vw;
}


/* ギフトラッピング */
.gift{
    background-size: contain;
    margin: 6% 0;
    padding: 0 0 4% 0;
    display: block;
    width: 100%;
    font-family: -webkit-pictograph;
}

.gift_ttl{
    font-weight: 300;
    text-align: left;
    margin: 5% auto;
    border-bottom: solid 1px #ccc;
}

.gift_txt{
    font-weight: 300;
    text-align: left;
    margin: 5% auto;

}

.gift_detail{
    display: table;
    font-weight: 300;
    width: 90%;
    margin: 0 auto 4%;
}

.gift_detail .detail_img{
    display: table-cell;
    width: 50%;
}


.gift_detail .detail_txt{
    display: table-cell;
    width: 50%;
    font-size: 3.2vw;
    vertical-align: middle;
    padding: 0 0 0 8%;
}


.gift .gift_btn{
    width: 60%;
    border: 1px solid #333;
    text-align: center;
    margin: 6% auto 4%;
    font-size: 3.6vw;

}

.gift .gift_btn a{
    width: 90%;
    display: block;
    text-decoration: none;
    color: #333;
    padding: 6% 5%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    font-size: 3vw;
}

.gift .gift_btn a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5%;
	width: 10%;
	height: 0;
	margin-top: -4px;
	border: 6px solid transparent;
	border-left: 6px solid #333;
}


/* wrapper */


/* bottom */
#bottom_sp{
    width: 95%;
    margin: 0 auto;
}

.recommendation ul{
    display: inline-block;
    margin: 1.06%;
    width: 30%;
    text-align: center;
    margin-top: 1.5%;
}


.recommendation ul li.thumb-img{
    background-color: #999;
}

.recommendation ul li.thumb-img:after{
        content: "";
        display: block;
        padding-bottom: 100%;
}

.thumb-name{
    font-family: serif;
    margin: 3% 0 0;
}

.thumb-price{
    text-align: center;
    color: #573919;
}

span.price{
    font-family: 'DIN Alternate Bold';
}

span.tax{
    font-size: 3vw;
}

.article-img{
    float: left;
    position: relative;
    width: 100%;
    height: 330px;
}
.article-img .img-02{
    width: 60%;
    position: absolute;
    top: 110px;
    right: 0;
}
.article-img .img-01{
    width: 60%;
    position: absolute;
    top: 0;
}
.article-cont{
    width: 100%;
    float: right;
}
.article-cont h3{
    font-family: serif;
    font-size: 5vw;
    text-align: center;
    color: #573919;
}
.article-cont p{
    font-family: serif;
    font-size: 3vw;
    line-height: 5vw;
    color: #573919;
    letter-spacing: 0.5px;
    text-align: justify;
    font-weight: 500;
}
/* bottom */