@charset "utf-8";
/* CSS Document */
ul{list-style: none;}

/*リセット*/
h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd{margin:0; padding:0;}
*{box-sizing: border-box;} 
img{max-width:100% ;}





/*共通
---------------------------------*/

.red{
	color:var(--red);
}

.big{
	font-size:130%;
	font-weight: bold;
}

.marker{
	/* background:linear-gradient(transparent 60%, rgb(198, 38, 50,0.3) 60%); */
}


.cp-info{
	margin:0 auto;
	max-width:800px;
}

.cp-info-ttl{
	margin-top:40px;
	background:var(--bk);
	font-size:20px;
	padding:8px 0;
	text-align: center;
	letter-spacing: 2px;
	color:#fff;
}

 


.lp-container{
	/* width:96%; */
	/* background:#fff; */
	/* box-shadow: 0 0 4px 3px rgb(207, 207, 207,0.2); */
	padding:0 4% 20px;
}

.cp-info-des{
	font-size:17px;
	font-weight: bold;
	margin:20px 0 40px;
	line-height:1.6;
	text-align: center;
}
.cp-info-des .hosoku{
	display: block;
	font-size:14px;
	color:var(--dgy);
	margin-top:10px;
}



.cp-info-date{
	font-size:17px;
	font-weight: bold;
	margin: 10px 0 40px;
}

.lp-c-ttl{
	letter-spacing: 1px;
	border-bottom:1px solid var(--bk);
	font-size:18px;
	padding-bottom:8px;
}

.des{
	font-size:13px;
	letter-spacing: 1px;
	line-height: 1.6;
}

.lp-nav {
	width:96%;
	max-width:800px;
	margin:0 auto;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.lp-nav li{
	width:calc((100% - 16px) / 3);
	border:1px solid var(--bk);
	text-align: center;
	margin-right:8px;
	font-size:12px;
}

.lp-nav li a{
	display: block;
	padding: 8px 8px 0;
}

.lp-nav li:last-child{
	margin-right:0;
}

.lp-nav .material-symbols-outlined{
	display: block;
}

.lp-morelink{
	max-width:320px;
	margin:40px auto 0;
	text-align: center;
	border:1px solid var(--bk);
}

.lp-morelink a{
	display: block;
	padding:8px 0;
	transition: .2s;
	letter-spacing: 1px;
}

.lp-morelink a:hover{
	background:var(--bk);
	color:#fff;
}

.lp-cart-link{
	background:var(--red);
	border-radius: 4px;
	font-size:13px;
	color:#fff;
	text-align: center;
	padding:4px 0;
	max-width:320px;
	margin:20px auto 0;
}

.lp-cart-link a{
	display: block;
	padding:8px 0;
	color:#fff;
}

.des.mg{
	margin:10px 0 40px;
}


.des.atten-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.des.atten-box dt{
	width:1em;
}

.des.atten-box dd{
	line-height:1.4;
	width:calc(100% - 1.5em);
	margin-bottom:4px;
}

.cpn-riyou-block{
	width:90%;
	max-width:600px;
	margin:0 auto;
}


@media screen and (min-width: 480px) {/************ for PC**************/
	.lp-container{
		padding:0 2% 20px;
	}

}


.lp-ttl{
	font-size:18px;
	letter-spacing: 2px;
	text-align: center;
	margin:0 auto 20px;
}

}