/*------------------------
 * c-price
 *------------------------*/
.c-price {

}
.c-price__comment01 {
	margin-top: 20px;
	font-size: 15px;
}
/*--------------------------*
 * c-section
 *--------------------------*/
.c-section {
	
}
.c-section:nth-child(n+3) {
	margin-top:50px;
}
.c-section__main_title {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	padding: 8px 0px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #333333;
}
.c-section__main_title:before {
	content: '';
	display: block;
	width: 19px;
	height: 19px;
	margin-right: 8px;
	background-image: url('/common/img/icon/badge01.png');
	background-repeat: no-repeat;
}
.c-section__sub_title {
	font-size: 16px;
	font-weight:bold;
}
.c-section__sub_comment {
	margin-top:10px;
}
/*--------------------------*
 * c-item
 *--------------------------*/
.c-item {
	margin-top:10px;
	display:flex;
	gap:10px;
}
.c-item .c-item__list{
/*
	border:1px solid #ccc;
*/
	width:49%;
}
/*--------------------------*
 * c-picture
 *--------------------------*/
.c-picture{
	
}
.c-picture__item_picture {
	position:relative;
	width:342px;
	height:342px;
	user-select: none;
}
.c-picture__item_picture--img{
	width:342px;
	cursor:pointer;
}
.c-picture__item_picture-img{
	width:342px;
}
.c-picture__item_picture--prev,
.c-picture__item_picture--next {
	position:absolute;
	top:50%;
	background:#666;
	color:#fff;
	border-radius:50%;
	width: 22px;
	height: 22px;
	cursor:pointer;
	z-index: 1;
}
.c-picture__item_picture--prev:before,
.c-picture__item_picture--next:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
	z-index: 2;
	top:6px;
}
.c-picture__item_picture--prev {
	left:10px;
}
.c-picture__item_picture--prev:before {
	transform:rotate(-135deg);
	left:7px;
}
.c-picture__item_picture--next {
	right:10px;
}
.c-picture__item_picture--next:before {
	transform:rotate(45deg);
	right:7px;
}
.c-picture__item_thumbs {
	margin-top:3px;
	display:flex;
	flex-wrap:wrap;
	gap:3px;
}
.c-picture__item_thumbs li{
	width:66px;
}
.c-picture__item_thumbs li img{
	user-select: none;
	cursor:pointer;
	width:100%;
}
.c-picture__item_thumbs li img.current {
	opacity:0.6
}
/*--------------------------*
 * c-spec
 *--------------------------*/
.c-spec{
	
}
.c-spec table{
	margin-top:30px;
	width:100%;
}
.c-spec table th{
	background:#eee;
	font-weight:bold;
	padding:5px;
	border:1px solid #ccc;
}
.c-spec table td{
	padding:5px;
	border:1px solid #ccc;
}
.c-spec .c-material {
	width:100%;
}
.c-spec .c-material li {
	white-space: nowrap;
}
.c-spec .c-material li:before{
	content:'〇';
	display:inline-block;
}
.c-spec .nouki p {
	margin-left:-7px;
}
.c-spec .nouki dl {
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.c-spec .nouki dt {
	margin-left: 2%;
	width:48%;
}
.c-spec .nouki dt:before {
	content:'・';
}
.c-spec .nouki dd {
	margin-left: 0;
	width:50%;
}
/*--------------------------*
 * c-detect
 *--------------------------*/
.c-detect--price {
	width:100%;
}
.c-detect--price .is-loading{
	margin:50px auto 50px;
	width: 50px;
	padding: 8px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #25b09b;
	--_m: 
	conic-gradient(#0000 10%,#000),
	linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
			mask: var(--_m);
	-webkit-mask-composite: source-out;
			mask-composite: subtract;
	animation: spinner 1s infinite linear;
}
@keyframes spinner {to{transform: rotate(1turn)}}
/*--------------------------*
 * c-priceoption
 *--------------------------*/
.c-priceoption {
	background:#eee;
	padding:10px;
}
.c-priceoption p{
	
}
.c-priceoption table{
	width:100%;
}
.c-priceoption th{
	width: 30%;
	padding:3px;
}
.c-priceoption td{
	width: 70%;
	padding:3px;
}
/*--------------------------*
 * c-pricelist
 *--------------------------*/
.c-pricelist {
	width:100%;
}
.c-pricelist .comment01 {
	margin-top:30px;
	color:#ff0000;
	text-align:right;
}
.c-pricelist table{
	width: 100%;
	
}
.c-pricelist table th,
.c-pricelist table td{
	padding:6px;
	border:1px solid #ccc;
}
.c-pricelist table thead .hrow01 th {
	background:#666;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.c-pricelist table thead .hrow02 th {
	background:#eee;
	color:#333333;
	font-weight:normal;
	text-align:center;
}
.c-pricelist table tbody th {
	font-weight:normal;
	text-align:center;
}
.c-pricelist table tbody td {
	font-weight:normal;
	text-align:center;
}
.c-pricelist table tbody td a{
	text-decoration:none;
}
.c-pricelist .pricebutton {
	line-height:16px;
	cursor:pointer;
	background: #20aeb3;
	background: linear-gradient(180deg,rgba(32, 174, 179, 1) 0%, rgba(22, 99, 102, 1) 100%);
	color:#fff;
	width:100%;
	display:inline-block;
	padding:5px 10px;
	border-radius:5px;
}
.c-pricelist .pricebutton:hover {
	opacity:0.8;
}
.c-pricelist__comment {
	margin-top:10px;
}
.c-pricelist__comment li:before{
	content:'※';
}
/*--------------------------*
 * title, subtitle
 *--------------------------*/
.c-price__item li .title{
	color:#333333;
	margin:10px 0 5px 0;
	font-weight:bold;
}
.c-price__item li .subtitle{
	font-size:11px;
	color:#888;
}
/*--------------------------*
 * sale
 *--------------------------*/
.u-sale {
	background:#ff1616;
	color:#fff;
	font-weight:normal;
	font-size:12px;
	padding:0px 5px;
	animation: blinkAnime 0.5s infinite alternate;
	display:inline;
	border-radius:4px;
}
@keyframes blinkAnime{
	0% { opacity: 0 }
	100% { opacity: 1 }
}.u-sale::after {
	content:"\A";
	white-space: pre;
}
.u-price {
	display:inline-block;
	margin-top:2px;
}