@charset "utf-8";
/* CSS Document */

#muscat-daifuku{
	color:#3f3129;
	width:100%;
	margin:0 auto 3vw;
	}

#muscat-daifuku p{
	margin: 0;
	padding: 0;
	}

#muscat-daifuku img{
	width:100%;
}



/* explanation
------------------------------------------*/
#muscat-daifuku .explanation{
	background: url("https://www.gyokkado.co.jp/online/item/muscat-daifuku5/images/img-explanation.jpg") no-repeat;
	background-size:100%;
	width: 100%;
	height: 118vw;
	position: relative;
}
#muscat-daifuku .explanation .txt01{
	width: 87vw;
	background:rgba(255,255,255,0.6);
	font-family:'メイリオ', 'Meiryo', sans-serif;
	position: absolute;
	top: 28vw;
	left: 50%;
	transform: translate(-50%, -50%);
}	
#muscat-daifuku .explanation .txt01 p{
	font-size: 3vw;
	padding: 3vw 4vw;
	line-height: 1.8;
	letter-spacing: 0.05em;
}	



/* 美味しさのヒミツ
------------------------------------------*/
#muscat-daifuku .secret .secret01{
	background: url("https://www.gyokkado.co.jp/online/item/muscat-daifuku5/images/img-secret01.jpg") no-repeat;
	background-size:contain;
	width: 100%;
	height: 85vw;
	position: relative;
}
#muscat-daifuku .secret .secret01 .txt01{
	width: 90vw;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	position: absolute;
	top:30vw;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
#muscat-daifuku .secret .secret01 .txt02{
	width: 37.5vw;
	font-family: 'メイリオ', 'Meiryo', sans-serif;
	position: absolute;
	bottom: -1vw;
	left: 7vw;
}
#muscat-daifuku .secret .secret02{
	background: url("https://www.gyokkado.co.jp/online/item/muscat-daifuku5/images/img-secret02.jpg") no-repeat;
	background-size:100%;
	width: 100%;
	height: 85vw;
	position: relative;
}
#muscat-daifuku .secret .secret02 .txt01{
	width: 37.5vw;
	font-family: 'メイリオ', 'Meiryo', sans-serif;
	position: absolute;
	bottom: 39vw;
	right: 5vw;
}
#muscat-daifuku .secret .secret01 .txt01 p,
#muscat-daifuku .secret .secret01 .txt02 p,
#muscat-daifuku .secret .secret02 .txt01 p{
	font-size: 3vw;
	line-height: 1.7;
}	



/* 注文実況 
------------------------------------------*/
#muscat-daifuku .jikkyo{
	margin:5vw 0;
}



/* お日持ちの短い商品でございます
------------------------------------------*/
#muscat-daifuku .kigen-ttl{	
}
#muscat-daifuku .kigen{
	width: 80vw;
	margin: 4vw auto;
	background: #fffa96;
	padding: 2vw;
	box-sizing: border-box;
}
#muscat-daifuku .kigen .date{
	color: #f00000;
	font-size: 4.1vw;
	font-weight: 700;
	text-align: center;
	padding-bottom: 1vw;
	border-bottom: 0.3vw solid #f00000;
	width: 60vw;
	margin-left: auto;
	margin-right: auto;
}
#muscat-daifuku .kigen .txt{
	font-size: 3.1vw;
	letter-spacing: -0.07em;
	margin: 2vw 0 0 1vw;
	text-align: center;
}
#muscat-daifuku .kigen-comment{
	width: 85vw;
	margin: 0 auto 5vw 7vw;
	line-height: 1.85;
	font-size: 3vw;
}
#muscat-daifuku .kigen-comment ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#muscat-daifuku .kigen-comment ul li{
	position: relative;
}
#muscat-daifuku .kigen-comment ul li::before {
	content: "■";
	font-size: 4vw;
	position: absolute;
	top: -1.7vw;
	left: -3vw;
}



/* ご購入前に必ずご確認ください
------------------------------------------*/
#muscat-daifuku .confirm {
	margin: 0 0 5vw;
}



/* ご購入前に必ずお読みください
------------------------------------------*/
#muscat-daifuku .comment{
	margin: 0 0 5vw;
}
#muscat-daifuku .comment .t-comment{
	margin:0 0 2vw;
}
#muscat-daifuku .comment-box{
	margin:0 0 3vw;
	padding:3vw;
	line-height:1.85;
	font-size:3vw;
	color:#fff;
	background:#3f3129;
}
#muscat-daifuku .comment-box ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#muscat-daifuku .comment-box ul li{
	padding-left:1em;
	text-indent:-1em;
}

