body{
	background:  url(../pc.img/bg_noise.png) repeat center / cover rgba(52 ,46 ,41 ,0.85);
	background-blend-mode:darken;
	background-attachment: fixed;
}
h1{
	font-size: clamp(25px,3.2vw,50px);
	color: #FEF6EF;
	font-weight: bold;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
h2{
	font-size: clamp(20px,2.4vw,35px);
	color: #FEF6EF;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
h3{
	font-size: clamp(18px ,2.0vw ,30px);
	color: #FEF6EF;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
h4, h5{
	font-size: clamp(18px ,2.0vw ,30px);
	color: #FEF6EF;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
h5{
	border-bottom: dotted 1px;
	margin-bottom: 3vw;
	display: inline;
}
p{
	font-size: clamp(12px ,1.3vw ,20px);
	color: #FEF6EF;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
a{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: clamp(16px ,1.5vw ,24px);
	font-weight: bold;
}


/*commonーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.inner{
	margin: 0 auto;
	max-width: 1200px;
}
.mv/*.comment,*/{
	background-color: rgba(59,38,26);
	background: linear-gradient(180deg, #2E170B 0%,  rgba(59,38,26) 90% 100%);
	padding: 40px 0 20px 0;
}
.media{
	background: linear-gradient(0deg, #2E170B 0%,  rgba(59,38,26) 90% 100%);
	padding: 40px 0 20px 0;
}
.osusume_flex{
	background-color: rgba(59,38,26);
	padding: 0 0 20px 0;
}
.title_area{
	text-align: center;
}
.title{
	position: relative;
	display: inline-block;
	padding: 0 60px;
	letter-spacing: 0.3vw;
	font-weight: bold;
	color: rgba(164,139,5);
}
.title:before, .title:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 50px;
	height: 0.2vw;
	border-top: solid 0.5px rgba(164,139,5);
	border-bottom: solid 0.5px rgba(164,139,5);
}

.title:before {
	left:0;
}
.title:after {
	right: 0;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


/*fastviewーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.fastveiw {
	background-position: center;
	background-size: cover;
	z-index: 10;
	height: auto;
	position: relative;
}
.fastveiw>picture>img{
	width: 100vw;
}
.fastveiw>h1,.fastveiw>h2{
	color: #ffffff;
}
.fastveiw_text{
	position: absolute;
	bottom: 5vw;
	right: 5vw;
}
.right{
	display: flex;
	justify-content: flex-end;
}
.right>img{
	display: flex;
	padding-left: 3vw;
	margin-bottom: 1vw;
	width: 15vw;
    min-width: 130px;
	max-width: 300px;
}
.column{
	display: flex;
	flex-direction: column;
}
.fastveiw_text>.column>h2,.fastveiw_text>.column>h1,.fastveiw_text>.right>img{
	display: flex;
	justify-content: flex-end;	
}
.fastveiw_text>.column>h2,.fastveiw_text>.column>h1{
	text-decoration:underline;
    text-decoration-color: rgba(254, 246, 239, 0.5);
	text-decoration-thickness: 1px;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*メインビジュアル/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.mv {
	margin-top: -10px;
	background-color: rgba(59,38,26);
	background-position: top -150px
	
}
.mv_img>img{
	filter: drop-shadow(20px 30px 2px #2A1B14);
	width: 40vw;
	margin-bottom: 2vw;
}
.bg_deco{
	margin-top: -30px;
}
.bg_deco>img{
	width: 100vw;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*購入ボタンーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.cart_flex {
	text-align: center;
}
.cart {
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
	text-align: center;
	display: inline-block;
	width: 20vw;
	padding: 1vw 0;
	margin: 4vw 0 5vw;
	border-radius: 10vw;
}
.kodawari>.cart_flex>.cart{
	margin: 0;
}
.cart>p{
	text-decoration: none;
	color: #310A0A;
	font-weight: black 900;
	font-size: clamp(20px ,1.7vw ,30px);
}
.cart:hover{
	background: #FEF6EF;
	color: rgba(164,139,5);
	box-shadow: 14px 15px 6px -7px rgba(50,50,50,0.5);
}
/*cartをホバーしたときに「購入はこちら」を太字にしたい*/


/*メインビジュアル-------------------------*/
.product {
	padding: 15px 0;
	text-align: center;
	text-shadow: 7px 7px 10px #1f1304;
	color: rgba(164,139,5);
	font-weight: bold;
}
.mv_img {
	text-align: center;
}

.mv>.inner>.cart_flex>a>.cart{
	margin-bottom: 20px;
}


/*Point-----------------------------------*/
.title{
	text-align: center;
	margin-bottom: 40px;
	}
.flex{
	display: flex;
}

.category_message p{
	width: 60vw;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 3vw;
}
.point{
	margin-bottom: 40px;
}

.point {
	display: block;
	background-color: rgba(59,38,26);
	border-radius: 3vw;
}
.point>.inner{
	display: flex;
	padding: 3vw 2vw;
}
.reverse>.inner{
	flex-direction: row-reverse;
}
.sh_kodawari{
	margin-right: 3vw;
}
.pc_kodawari{
	margin-right: 3vw;
	max-width: 50vw;
}
.reverse>.inner>.pc_kodawari,.reverse>.inner>.sh_kodawari{
	margin-right: 0;
	margin-left: 3vw;
}

.row{
	display: flex;
	margin-bottom: 1vw;
}
.alphabet1,.alphabet2,.alphabet3{
	transform: rotate(-15deg);
	color: rgba(164,139,5,0.7);
	font-weight: bold;
	font-family: "Birthstone", cursive;
	font-weight: 400;
	font-style: normal;
}


@media(min-width:768px){
	.reverse{
		top: 3vw;
	}
	.background{
		display: none;
	}
	.background {
		width: auto;
		min-height: auto;
	}
	
	.point{
		display: block;
		flex: none;
	}
	.sh_kodawari{
		display: none;
	}
	.pc_kodawari{
		display: inline;
	}

}



/*シーン*/
.osusume_width{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.osusume{
	text-align: center;
	margin: 0 20px 20px 20px;
	width: 250px;
}
.osusume>img{
	filter: drop-shadow(5px 7px 0px #2A1B14);
}
.chocolate_deco>img{
	width: 100vw;
}
.chocolate_deco_bottom{
	margin-bottom: -9vw;
}
.chocolate_deco_bottom>img{
	width: 100vw;
}

@media(min-width:768px){
	.osusume_width{
		max-width: 800px;
		margin: 0 auto;
	}
	.osusume{
	margin: 0 60px 20px 60px;
	}
}


/*お客様の声*/
.comment>.inner{
	max-width: 900px;
	margin: 0 auto;
}
.message{
	background-color: rgba(83, 53, 33 ,0.6);
	margin: 0 1vw 2vw 1vw;
	padding: 15px 25px 5px 25px;
	border-radius: 20px;
}
.message>p{
	color: #ffffff;
	margin: 20px 0 10px 0;
}
.message>h3{
	color: rgba(164,139,5);
	font-weight: bold;
	/*text-decoration:underline;
    text-decoration-color: #ffffff;*/
}


.comment{
	background-image: url("../pc.img/bg1_.png");
	background-size: cover;
	position: relative;
/*	background-position-x: -10vw;*/
    padding: 40px 0 20px 0;
    background-attachment: fixed;
	background-position: top right;
}

/*@media(min-width:768px){
	.message{
		margin: 0 20px 20px 20px;
	}
}*/

/*メディア*/
.media{
	text-align: center;
	margin: 0 auto;
}
.ranking_flex{ 
	display: flex;
	justify-content: center;
	column-gap: 2vw;
	min-width: 200px;
	max-width: 700px;
	margin: 0 auto;
	
}
.ranking{
	text-align: center;
	margin-left: 0.5vw;
    margin-right: 0.5vw;

}

.ranking>h3{
	margin-bottom: 15px;
}
.tv{
	margin-bottom: 60px;
}

.tv>p{
	border-bottom: 0.5px solid #FFF1F1;
	display: inline-block;
	margin-bottom: 15px;
}
.tv>h3{
	margin-bottom: 25px;
}
.book>h3{
	margin-bottom: 25px;
}
.book>p{
	border-bottom: 0.1px solid #FFF1F1;
	display: inline-block;
}

/*商品詳細*/
.details{
	background-image: url("../pc.img/bg2.png");
	background-size: cover;
	position: relative;
	background-position-x: -200px;
	padding: 40px 0 20px 0;
}
table{
	max-width: 80vw;
	margin: 0 auto;
	background-color: rgba(59,38,26,0.8);
}
table,td,th{
	border: 0.1px solid #FEF6EF;
	color: #FEF6EF;
	text-align: start;
	padding: 10px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.left{
	width: 25%;
}