@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');

#Pre_WebOnly_wrap {
	width:100%;
	max-width:1000px;
	display:block;
	padding:0 !important;
	margin:0 !important;
	margin:0 auto 50px auto !important;
	text-align:center !important;
	font-size:16px;
	line-height:180%;
	color:#1a1a1a;
	font-family: '游明朝 Medium', 'Yu Mincho Medium','游明朝体', 'YuMincho Medium', Yu Mincho, YuMincho, serif;
	font-weight:500;
	overflow-y: hidden !important;
}
#Pre_WebOnly div,#Pre_WebOnly p,#Pre_WebOnly span,#Pre_WebOnly figure,#Pre_WebOnly h2, #Pre_WebOnly h3 { margin:0; padding:0; }
#Pre_WebOnly a {
	color:#000;
	text-decoration:none;
}
#Pre_WebOnly img {
	max-width:100%;
	height:auto;
}
#Pre_WebOnly a img:hover { opacity:0.7; }
#Pre_WebOnly ul,li { list-style:none; margin:0; padding:0; }
#Pre_WebOnly .pc {
	display:inline-block;
	margin:0 auto !important;
}
#Pre_WebOnly .sp {
	display:none !important;
}
#Pre_WebOnly figure.top {
	display:block;
	margin:0 auto;
}
#Pre_WebOnly h2 {
	display:block;
	max-width:900px;
	margin:80px auto 10px auto !important;
}
#Pre_WebOnly h4.yotei {
	display:block;
	max-width:900px;
	margin:50px auto 0 auto;
	font-size:20px;
}
	#Pre_WebOnly span.pricefont {
		font-size:18px !important;
		margin-left:1.5em;
	}
	#Pre_WebOnly span.taxfont {
		font-size:10px !important;
	}
	#Pre_WebOnly span.itemNo {
		display:none;
	}
	#Pre_WebOnly .fontbold {
		font-weight:bold !important;
	}
#Pre_WebOnly .main_taxt {
	text-align:center;
	font-weight:normal;
}
#Pre_WebOnly .main_midashi {
	font-weight:bold;
	font-size:18px;
	font-weight:bold;
	margin-top:40px !important;
}
#Pre_WebOnly .click {
	display:inline-block;
	width:100%;
	max-width:500px;
	margin:50px auto;
}
	#Pre_WebOnly .click a {
		display:block;
		width:100%;
		background:#15254f;
		box-sizing:border-box;
		border: 1px solid #15254f;
		border-radius:20px;
		padding:3px;
		position:relative;
	}
		#Pre_WebOnly .click a > p {
			display:block;
			width:100%;
			background:#15254f;
			box-sizing:border-box;
			border: 1px solid #fff;
			border-radius:15px;
			padding:30px;
		}
		#Pre_WebOnly .click a > p > span {
			color:#fff;
			text-align:center;
			font-size:18px;
			letter-spacing:2px;
			width:100%;
		}
		#Pre_WebOnly .click a:after {
			content:"";
			display:inline-block;
			background:url(https://carrot.itembox.design/item/images/premium_webonly/i_clickmark.png) no-repeat;
			background-size:contain;
			width:15px;
			height:15px;
			position:absolute;
			top:0;
			bottom:0;
			margin:auto;
			right:5%;
		}
	#Pre_WebOnly .click a:hover {
		display:block;
		width:100%;
		background:#fff;
		box-sizing:border-box;
		border: 1px solid #15254f;
		border-radius:20px;
		padding:3px;
	}
		#Pre_WebOnly .click a:hover > p {
			display:block;
			width:100%;
			background:#fff;
			box-sizing:border-box;
			border: 1px solid #15254f;
			border-radius:15px;
			padding:30px;
		}
		#Pre_WebOnly .click a:hover > p > span {
			color:#15254f;
			text-align:center;
			width:100%;
		}
#Pre_WebOnly .container {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	max-width:800px;
	margin:20px auto;
}
#Pre_WebOnly .color {
	flex-wrap:wrap;
	max-width:850px;
	margin:60px auto 0 auto;
}
	#Pre_WebOnly .color div {
		width:48%;
	}
#Pre_WebOnly .iconlist {
	justify-content:center;
	margin:50px auto 0 auto !important;
}
	#Pre_WebOnly .iconlist div {
		width:70px;
	}
#Pre_WebOnly .detail {
	flex-wrap:wrap;
	max-width:850px;
	margin:40px auto 0 auto !important;
}
	#Pre_WebOnly .detail .detailImg,
	#Pre_WebOnly .detail .detailText {
		width:48%;
	}
		#Pre_WebOnly .detail .oneImg { order:1; }
		#Pre_WebOnly .detail .twoImg { order:4; }
		#Pre_WebOnly .detail .threeImg { order:5; }
		#Pre_WebOnly .detail .oneText { order:2; }
		#Pre_WebOnly .detail .twoText { order:3; }
		#Pre_WebOnly .detail .threeText { order:6; }
	
	#Pre_WebOnly .detail .oneText,
	#Pre_WebOnly .detail .threeText {
		box-sizing:border-box;
		padding-left:50px;
	}
	#Pre_WebOnly .detail .twoText {
		box-sizing:border-box;
		padding-right:50px;
	}
		#Pre_WebOnly .detail .oneImg,
		#Pre_WebOnly .detail .twoImg,
		#Pre_WebOnly .detail .threeImg {
			box-sizing:border-box;
			padding:20px;
		}
	#Pre_WebOnly .detail .detailText p {
		display:block;
		width:300px;
		height:300px;
		border-radius:50%;
		color:#fff;
	}
		#Pre_WebOnly .detail .oneText p,
		#Pre_WebOnly .detail .threeText p {
			background:#15254f;
		}
		#Pre_WebOnly .detail .twoText p {
			background:#b67364;
		}
	#Pre_WebOnly .detail .detailText p > span {
		display:inline-block;
		position:relative;
		top:50%;
		-webkit-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
	}
#Pre_WebOnly .style {
	flex-wrap:wrap;
	max-width:850px;
	margin:60px auto 0 auto;
}
	#Pre_WebOnly .style div {
		width:48%;
	}
	#Pre_WebOnly p.itemname {
		margin:30px auto -20px auto;
		line-height:200%;
	}
#Pre_WebOnly .coming {
	flex-wrap:wrap;
	max-width:850px;
	margin:80px auto 0 auto;
}
	#Pre_WebOnly .coming div {
		width:48%;
		position:relative;
	}
		#Pre_WebOnly .coming div:after {
			content:"";
			display:inline-block;
			background:url(https://carrot.itembox.design/item/images/premium_webonly/i_new.png) no-repeat;
			background-size:contain;
			width:120px;
			height:120px;
			position:absolute;
			left:-3%;
			top:-5%;
		}
	#Pre_WebOnly .coming div p {
		text-align:left;
		margin:10px 0 0 0;
		line-height:180%;
		font-size:14px;
		font-weight:bold;
	}
#Pre_WebOnly .container_wrap {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:10px 10px;
	border: 1px solid #000;
	margin:60px auto 0 auto;
}
#Pre_WebOnly .itembox {
	flex-wrap:wrap;
	max-width:100%;
	box-sizing:boder-box;
	padding:20px 100px;
	border: 1px solid #000;
	margin:0 auto;
	align-items:flex-end;
}
	#Pre_WebOnly .itembox .itemlist { width:46%; }
	#Pre_WebOnly .itembox .twobox { width:100%; }
	#Pre_WebOnly .itembox .itemlist p.itemname {
		text-align:left;
		margin:10px auto -40px 10px ;
	}
		#Pre_WebOnly .itembox .twobox .innerWrap {
			width:48%;
			margin:0 auto;
		}
#Pre_WebOnly .mgntop10 { margin-top:10px; }
#Pre_WebOnly .mgntop20 { margin-top:20px; }
#Pre_WebOnly .mgntop50 { margin-top:50px; }


/* ------------------------------------------- */
/* ------------------------------------------- */

@media screen and (max-width:769px) {
#Pre_WebOnly_wrap {
	width:100%;
	font-size:15px !important;
	font-family: '游明朝 Medium', 'Yu Mincho Medium','游明朝体', 'YuMincho Medium', Yu Mincho, YuMincho, serif !important;
	font-family: 'Noto Serif JP', serif;
	font-weight:500;
}
#Pre_WebOnly {
	width:95%;
	margin:0 auto !important;
}
#Pre_WebOnly .pc {
	display:none !important;
}
#Pre_WebOnly .sp {
	display:inline-block !important;
	margin:0 auto !important;
}
#Pre_WebOnly h2 {
	display:block;
	max-width:900px;
	margin:20px auto 10px auto !important;
}
#Pre_WebOnly h2.pconly { display:none; }
#Pre_WebOnly h2.sp img {
	display:inline-block;
	max-width:90%;
	height:auto;
	margin:30px auto 0 auto !important;
}
#Pre_WebOnly h2.midashiTitle img,
#Pre_WebOnly h2 img {
	display:inline-block;
	max-width:200px;
	height:auto;
	margin:30px auto 0 auto !important;
}
#Pre_WebOnly h4.yotei {
	display:block;
	max-width:900px;
	margin:40px auto -20px auto;
	font-size:16px !important;
}
	#Pre_WebOnly span.itemNo {
		display:inline-block;
	}
	#Pre_WebOnly span.pricefont {
		font-size:16px !important;
		margin-left:0em;
	}
#Pre_WebOnly .main_midashi {
	display:none;
}
#Pre_WebOnly .click {
	display:inline-block;
	width:80%;
	max-width:500px;
	margin:30px auto;
}
#Pre_WebOnly .spclick {
	display:inline-block;
	width:80%;
	max-width:500px;
	margin:20px auto;
}
	#Pre_WebOnly .click a {
		display:block;
		width:100%;
		background:#15254f;
		box-sizing:border-box;
		border: 1px solid #15254f;
		border-radius:15px;
		padding:2px;
		position:relative;
	}
		#Pre_WebOnly .spclick a > p {
			display:block;
			width:100%;
			background:#15254f;
			box-sizing:border-box;
			border: 1px solid #fff;
			border-radius:10px;
			padding:2px 10px;
		}
	#Pre_WebOnly .spclick a:hover,
	#Pre_WebOnly .click a:hover {
		border-radius:15px;
		padding:2px;
		position:relative;
	}
		#Pre_WebOnly .click a:hover > p {
			display:block;
			width:100%;
			background:#fff;
			box-sizing:border-box;
			border: 1px solid #15254f;
			border-radius:10px;
			padding:30px 0;
		}
		#Pre_WebOnly .spclick a:hover > p {
			display:block;
			width:100%;
			background:#fff;
			box-sizing:border-box;
			border: 1px solid #15254f;
			border-radius:10px;
			padding:2px 10px;
		}
		#Pre_WebOnly .click a:after {
			content:"";
			display:inline-block;
/*			vertical-align:middle; */
			background:url(https://carrot.itembox.design/item/images/premium_webonly/i_clickmark.png) no-repeat;
			background-size:contain;
			width:10px;
			height:10px;
			position:absolute;
			top:0;
			bottom:0;
			margin:auto;
			right:5%;
		}
#Pre_WebOnly .color {
	flex-wrap:wrap;
	max-width:850px;
	margin:30px auto 0 auto;
}
	#Pre_WebOnly .color div > p {
		margin-top:10px !important;
	}
#Pre_WebOnly .style {
	flex-wrap:wrap;
	max-width:850px;
	margin:30px auto 0px auto !important;
}
#Pre_WebOnly .coming {
	flex-wrap:wrap;
	max-width:850px;
	margin:40px auto 0 auto;
}
		#Pre_WebOnly .coming div:after {
			content:"";
			display:inline-block;
			background:url(https://carrot.itembox.design/item/images/premium_webonly/i_new.png) no-repeat;
			background-size:contain;
			width:50px !important;
			height:50px !important;
			position:absolute;
			left:0% !important;
			top:0% !important;
		}
	#Pre_WebOnly .coming div p {
		text-align:center;
		margin:10px 0 0 0;
		line-height:180%;
		font-size:14px;
		font-weight:bold;
	}
	#Pre_WebOnly p.itemname {
		text-align:center;
		line-height:160%;
		margin:5px auto -10px auto !important;
	}
#Pre_WebOnly .container_wrap {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:0px !important;
	border: 0px solid #000;
	margin:30px auto 0 auto;
}
#Pre_WebOnly .itembox {
	flex-wrap:wrap;
	width:100%;
	box-sizing:boder-box;
	padding:0 !important;
	border: 0px solid #000;
	margin:0 auto;
	align-items:flex-end;
}
#Pre_WebOnly .itembox {
	justify-content:center;
}
	#Pre_WebOnly .itembox .itemlist:nth-child(1),
	#Pre_WebOnly .itembox .itemlist:nth-child(2) { width:45%; }
	#Pre_WebOnly .itembox .itemlist:nth-child(3),
	#Pre_WebOnly .itembox .itemlist:nth-child(4),
	#Pre_WebOnly .itembox .twobox {
		width:33% !important;
		margin:-1 !important;
		padding:0 !important;
	}
	#Pre_WebOnly .itembox .itemlist p.itemname {
		text-align:center;
		line-height:160%;
		margin:5px auto -10px 10px !important;
	}
		#Pre_WebOnly .itembox .itemlist img {
			max-width:90%;
			height:auto;
		}
		#Pre_WebOnly .itembox .twobox .innerWrap {
			width:100%;
			margin:0 auto;
		}
}

/* ------------------------------------------- */
/* ------------------------------------------- */

@media screen and (max-width:415px) {

#Pre_WebOnly_wrap {
	width:100%;
	font-size:15px !important;
	font-family: 'Noto Serif JP', serif !important;
	font-weight:500;
}
	#Pre_WebOnly span.pricefont {
		font-size:14px !important;
		margin-left:0em;
	}
		#Pre_WebOnly .coming div:after {
			content:"";
			display:inline-block;
			background:url(https://carrot.itembox.design/item/images/premium_webonly/i_new.png) no-repeat;
			background-size:contain;
			width:90px;
			height:90px;
			position:absolute;
			left:-3%;
			top:-5%;
		}
		#Pre_WebOnly .click a > p {
			display:block;
			width:100%;
			background:#15254f;
			box-sizing:border-box;
			border: 1px solid #fff;
			border-radius:15px;
			padding:20px 0 !important;
		}
		#Pre_WebOnly .click a:hover > p {
			display:block;
			width:100%;
			background:#fff;
			box-sizing:border-box;
			border: 1px solid #15254f;
			border-radius:15px;
			padding:20px 0 !important;
		}
	#Pre_WebOnly .spclick a {
		display:block;
		width:100%;
		background:#15254f;
		box-sizing:border-box;
		border: 1px solid #15254f;
		border-radius:10px;
		padding:1px;
		position:relative;
	}
		#Pre_WebOnly .spclick a > p {
			display:block;
			width:100%;
			background:#15254f;
			box-sizing:border-box;
			border: 1px solid #fff;
			border-radius:10px;
			padding:3px 0 !important;
		}
		#Pre_WebOnly .spclick a:hover > p {
			display:block;
			width:100%;
			background:#fff;
			box-sizing:border-box;
			border: 1px solid #15254f;
			border-radius:10px;
			padding:3px 0 !important;
		}
		#Pre_WebOnly .click a > p > span {
			font-size:14px !important;
		}
		#Pre_WebOnly .spclick a > p > span {
			font-size:11px !important;
			letter-spacing:0px;
		}
	#Pre_WebOnly .itembox .itemlist:nth-child(3),
	#Pre_WebOnly .itembox .itemlist:nth-child(4),
	#Pre_WebOnly .itembox .twobox {
		width:33% !important;
		margin:0 -2% !important;
		padding:0 !important;
	}
#Pre_WebOnly .mgntop50 { margin-top:30px !important; }
}


/* ------------------------------------------- */
/* ------------------------------------------- */

@media screen and (max-width:320px) {

#Pre_WebOnly {
	width:97%;
	margin:0 auto !important;
}
		#Pre_WebOnly .click a > p {
			display:block;
			width:100%;
			background:#15254f;
			box-sizing:border-box;
			border: 1px solid #fff;
			border-radius:15px;
			padding:10px;
		}
		#Pre_WebOnly .click a:hover > p {
			display:block;
			width:100%;
			background:#fff;
			box-sizing:border-box;
			border: 1px solid #15254f;
			border-radius:15px;
			padding:10px;
		}
	#Pre_WebOnly .spclick a {
		display:block;
		width:100%;
		background:#15254f;
		box-sizing:border-box;
		border: 1px solid #15254f;
		border-radius:7px;
		padding:1px;
		position:relative;
	}
		#Pre_WebOnly .spclick a > p {
			display:block;
			width:100%;
			background:#15254f;
			box-sizing:border-box;
			border: 1px solid #fff;
			border-radius:7px;
			padding:3px 0 !important;
		}
		#Pre_WebOnly .spclick a:hover > p {
			display:block;
			width:100%;
			background:#fff;
			box-sizing:border-box;
			border: 1px solid #15254f;
			border-radius:7px;
			padding:3px 0 !important;
		}
		#Pre_WebOnly .spclick a > p > span {
			font-size:9px !important;
			letter-spacing:0px;
		}
		#Pre_WebOnly .spclick a:after {
			content:"";
			display:inline-block;
/*			vertical-align:middle; */
			background:url(https://carrot.itembox.design/item/images/premium_webonly/i_clickmark.png) no-repeat;
			background-size:contain;
			width:7px;
			height:7px;
			position:absolute;
			top:0;
			bottom:0;
			margin:auto;
			right:5%;
		}
	#Pre_WebOnly .itembox .itemlist:nth-child(3),
	#Pre_WebOnly .itembox .itemlist:nth-child(4),
	#Pre_WebOnly .itembox .twobox {
		width:33% !important;
		margin:0 -3% !important;
		padding:0 !important;
	}
	#Pre_WebOnly .itembox .itemlist p.itemname {
		text-align:center;
		line-height:160%;
		font-size:15px !important;
		margin:5px auto -10px 10px !important;
	}
}

/* ------------------------------------------- */