@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi04 a {
	border-bottom: 2px solid var(--color-assort);
}

#conts .title {
	margin: 22px 0;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.35;
	text-align: center;
}

#conts .title span {
	display: block;
	font-size: min(3.73vw, 14px);
}

#conts .comTable01 {
	margin-bottom: 5px;
}

#conts .comTable01 th {
	padding: min(4.26vw, 16px);
	width: 50%;
	font-weight: 500;
	font-size: min(3.73vw, 14px);
	font-family: var(--font-serif);
	color: var(--color-white);
	background-color: var(--color-gray-dark02);
}

#conts .comTable01 th .textUl li {
	padding-left:24px;
	font-size: min(3.46vw, 13px);
	text-align: left;
	font-weight: normal;
	color: #686868;
}

#conts .comTable01 td {
	padding: min(4.26vw, 16px);
	font-size: min(3.73vw, 14px);
	text-align: right;
	vertical-align: middle;
}

#conts .comTable01 td .textUl li {
	padding-bottom: 2px;
	font-size: min(3.2vw, 13px);
	font-weight: normal;
}

#conts .rightP {
	margin-bottom: 30px;
	font-size: min(3.2vw, 13px);
	text-align: right;
}

#conts .rightP01 {
	margin-bottom: 56px;
}

#conts .txt {
	margin-bottom: 56px;
}

#conts .comBox .borderBox {
	padding: min(10.66vw, 40px) min(4.26vw, 24px);
}

#conts .comBox .ttl {
	margin-bottom: 40px;
	padding-bottom: 40px;
	font-family: var(--font-serif);
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	position: relative;
	line-height: 2.2;
	border-bottom: .5px solid var(--color-gray);

}

#conts .comBox .ttl span {
	color: var(--color-gold-dark);
	border-bottom: 3px solid var(--color-gold-light);
}

#conts .comBox .ulText li {
	padding: 0 0 min(5.33vw, 20px) min(5.33vw, 20px);
	font-size: min(3.46vw, 14px);
	position: relative;

	&::before {
		content: "●";
		position: absolute;
		left: 0;
		top: 0;
		color: var(--color-gold);
		z-index: 5;
	}
}

@media all and (min-width: 0) and (max-width: 767px) {

	#conts .comTable01 {
		margin-bottom: 7px;
		word-break: break-all;
	}


	#conts .comTable01 th,
	#conts .comTable01 td {
		display: block;
		width: 100%;
		text-align: left;
	}

	#conts .comTable01 td p.space-sp {
		text-indent: 1em;
	}

	#conts .comTable01 th .textUl li {
		font-size: 11px;
	}

	#conts .rightP {
		margin: 0 10px 40px 0;
		font-size: 11px;
	}

	#conts .comBox .ulText {
		margin-left: 6px;
	}

	#conts .comTable01 th .textUl li {
	padding-left:0;
	}

}

/*------------------------------------------------------------
	211129追加
------------------------------------------------------------*/

.creditBoxUl {
	display: flex;
	justify-content: space-between;
	padding: 16px;
	background-color: #f8f8f8;
}

.creditBoxTtl {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}

.creditBoxUl__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	max-width: 160px;
}

.creditBoxUl__grid picture {
	position: relative;
	width:160px; height:auto;
	aspect-ratio: 387 / 205;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.creditBoxUl__grid picture img {
	width: 100%;
	height: 100%;
	aspect-ratio: 387 / 205;
}

@media all and (max-width: 767px) {

	.creditBoxUl {
		flex-direction: column;
	}

	.creditBoxTtl {
		font-size: 12px;
	}

	.creditBoxUl__grid {
		margin: auto;
	}

	.creditBoxTtl p {
		margin-bottom: 16px;
	}
}

/* 220922追加 */

.attPriceBox {
	margin: 0 0 24px;
	padding: min(5.33vw, 20px);
	background-color: #f8f8f8;
}

.attPriceTtl {
	font-size: min(4.26vw, 16px);
	margin-bottom: 8px;
	font-weight: 500;
	font-family: var(--font-serif);
}

.attPriceTxt, .attPriceTxt02 {
	line-height: 1.4;
	font-size: min(3.2vw, 13px);
}

.attPriceTxt {
	position: relative;
	padding-left: min(4.26vw, 16px);
	margin-bottom: 8px;
}

.attPriceTxt::before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}