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

#choco-cookie30{
	line-height:1.5;
	color:#3e3239;
	width:100%;
	margin:0 auto 3vw;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#choco-cookie30 img{
	width:100%;
	display:block;
}

#choco-cookie30 .img-main{
	margin:0 0 3vw;
}

#choco-cookie30 .btn1{
	text-align:center;
	margin:0 15vw 6vw;
}

#choco-cookie30 .img-osusume{
	margin:0 0 4vw;
}

/********** 厳選した素材を使用 **********/
#choco-cookie30 .sozai{
	background:#ddd8d5;
}
#choco-cookie30 .sozai .txt-img,
#choco-cookie30 .sozai .img-txt{
	display:flex;
	justify-content: space-between;
}
#choco-cookie30 .sozai .txt-img .txt-box,
#choco-cookie30 .sozai .img-txt .txt-box{
	font-size:3vw;
	line-height:1.73;
}
#choco-cookie30 .sozai .txt-img .txt-box .name,
#choco-cookie30 .sozai .img-txt .txt-box .name{
	font-size:3.8vw;
	font-weight:bold;
	margin:0 0 5px;
}
#choco-cookie30 .sozai .txt-img .txt-box .name .mark1,
#choco-cookie30 .sozai .img-txt .txt-box .name .mark1{
	font-size:3vw;
	font-weight:bold;
	color:#ffffff;
	display:inline-block;
	padding:0 0 0 1em;
}
#choco-cookie30 .sozai .txt-img1{
}
#choco-cookie30 .sozai .txt-img1 .txt-box{
	width:51%;
	padding:1.5vw 0 0 2vw;
}
#choco-cookie30 .sozai .txt-img1 .img-box{
	width:42%;
	padding:0 1vw 0 0;
}

#choco-cookie30 .sozai .txt-img2{
	margin:0 0 2vw;
}
#choco-cookie30 .sozai .txt-img2 .txt-box{
	width:45%;
	padding:2vw 0 0 2vw;
}
#choco-cookie30 .sozai .txt-img2 .img-box{
	width:47%;
}

#choco-cookie30 .sozai .img-txt1{
	margin:0 0 2vw;
}
#choco-cookie30 .sozai .img-txt1 .img-box{
	width:47%;
}
#choco-cookie30 .sozai .img-txt1 .txt-box{
	width:45%;
	padding:2vw 2vw 0 0;
}

#choco-cookie30 .sozai .txt-img3{
	padding:0 0 4vw;
}
#choco-cookie30 .sozai .txt-img3 .txt-box{
	width:45%;
	padding:2vw 0 0 2vw;
}
#choco-cookie30 .sozai .txt-img3 .img-box{
	width:47%;
}
#choco-cookie30 .sozai .img-txt2 {
    margin: 0 0 4vw;
}
#choco-cookie30 .sozai .img-txt2 .img-box{
	width:47%;
}
#choco-cookie30 .sozai .img-txt2 .txt-box{
	width:45%;
	padding:2vw 2vw 0 0;
}

#choco-cookie30 .sozai .txt-img4{
	padding:0 0 4vw;
}
#choco-cookie30 .sozai .txt-img4 .txt-box{
	width:45%;
	padding:2vw 0 0 2vw;
}
#choco-cookie30 .sozai .txt-img4 .img-box{
	width:47%;
}

#choco-cookie30 .sozai .img-txt3{
	margin:0 0 4vw;
}
#choco-cookie30 .sozai .img-txt3 .img-box{
	width:47%;
}
#choco-cookie30 .sozai .img-txt3 .txt-box{
	width:45%;
	padding:2vw 2vw 0 0;
}


/********** Giftにおすすめオリジナルパッケージ **********/
#choco-cookie30 .package{
	margin: 0 0 4vw;
}



#choco-cookie30 .confirm{
	margin: 0 0 4vw;
}


/**********  **********/
#choco-cookie30 .comment .t-comment{
	margin:0 0 2vw;
}
#choco-cookie30 .comment-box{
	margin:0 0 3vw;
	padding:3vw;
	line-height:1.85;
	font-size:3vw;
	color:#fff;
	background:#3f3129;
}
#choco-cookie30 .comment .mark1{
	font-weight:bold;
	font-size:3.4vw;
	color:#cfb286;
}

#choco-cookie30 .comment-box ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#choco-cookie30 .comment-box ul li{
	padding-left:1em;
	text-indent:-1em;
}