@charset "utf-8";

ul.spec {
	width: 90%;
	margin: 2rem auto;
}
ul.spec ul {
	display: inline-block;
}
ul.spec,
ul.spec ul {
	list-style: none;
}
ul.spec > li {
	display: flex;
}
ul.spec li {
	margin: 0;
	padding: 0.4em;
}
ul.spec > li:first-of-type {
	border-top: solid 1px rgba(0,0,0,0.20);
}
ul.spec > li {
	border-left: solid 1px rgba(0,0,0,0.20);
	border-right: solid 1px rgba(0,0,0,0.20);
	border-bottom: solid 1px rgba(0,0,0,0.20);
	font-weight: bold;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	padding-left: 1em;
}
ul.spec > li > ul {
	font-weight: normal;
	width: 70%;
	padding: 0;
	display: flex;
	flex-direction: column;
}
ul.spec > li > ul > li {
	border-left: dashed 1px rgba(0,0,0,0.20);
	border-bottom: dashed 1px rgba(0,0,0,0.20);
	position: relative;
}
ul.spec > li > ul > li:last-of-type {
	border-bottom: transparent;
}
ul.spec > li > ul > li:before {
	content: '';
	background-image: url(https://www.clocca.co.jp/shop/media/triangle-corner.svg);
	opacity: 0.5;
	display: inline-block;
	width: 0.4em;
	height: 0.4em;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 1px;
	left: 1px;
}
ul.spec > li > ul > li:after {
	content: '';
	background-image: url(https://www.clocca.co.jp/shop/media/triangle-corner-rb.svg);
	opacity: 0.5;
	display: inline-block;
	width: 0.4em;
	height: 0.4em;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	bottom: 1px;
	right: 1px;
}
ul.spec > li.heatsource ul {
	display: inline;
	font-size: 0.8em;
}
ul.spec > li.heatsource ul li {
	display: inline-block;
	background-color: rgba(0,0,0,0.03);
	border: dashed 1px rgba(186,38,54,0.6);
	border-radius: 0.4em;
	margin: 0.3em;
	padding: 0 0.4em;
}
ul.spec > li.heatsource ul li:before,
ul.spec > li.heatsource ul li:after {
	content: none;
}
ul.spec a {
text-decoration: underline;
}

/** ANA独自 **/
.block-goods-comment1::before {
content: "発送可能時期:0-3日(通常)";
font-size: 0.8em;
color: #990000;
}

@media screen and (max-width: 1279px) {
	ul.spec {
		width: 96%;
	}
}