/*------------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------------------------
1.0.0.0 INITIALIZE STYLE
	1.1.0.0 FLEXIBLE BOX
	1.2.0.0 BREAD CRUMB
	1.3.0.0 MAIN SECTION
		1.3.1.0 ITEM IMAGE
		1.3.2.0 ITEM DESCRIPTION
			1.3.2.1 MAIN EVALUATION STAR
			1.3.2.2 MAIN AVERAGE EVALUATION
			1.3.2.3 TOTAL REVIEW
		1.3.3.0 CART AREA
			1.3.3.1 STOCK DATA
			1.3.3.2 PRICE
			1.3.3.3 SELECT CHIPS
			1.3.3.4 PURCHASE BUTTON
			1.3.3.5 WISH BUTTON
		1.3.4.0 SHIPPING STATUS AREA
			1.3.4.1 SHIPPING STATUS
			1.3.4.2 GENERAL DELIVERY
			1.3.4.3 SHIPPING SCHEDULED DATE
	1.4.0.0 SECOND SECTION
		1.4.1.0 ITEM EXPLANATION
2.0.0.0 CONTENTS
3.0.0.0 TABLET WIDTH 960px
4.0.0.0 PC WIDTH 1000px
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
// 1.0.0.0 INITIALIZE STYLE
------------------------------------------------------------------------------*/
.item-title{
	margin:16px auto;
}

article h1{
	line-height:1.3;
	font-size:32px;
}

article h1 span:first-child{
	display:block;
	margin-bottom:4px;
	font-size:18px;
}

article h1 span.movie_tag{
	display:inline-block;
	margin-right:8px;
	padding:8px;
	color:var(--back);
	border-radius:4px;
	background:#d61c4e;
	vertical-align:middle;
}

article h1 span.movie_tag::before{
	content:'\e896';
	margin-right:3px;
	font-size:14px;
	font-family:'fontello';
}



article h1 span.coupon_alert{
	display:inline-block;
	margin-right:8px;
	padding:8px;
	font-size:18px;
	color:var(--back);
	border-radius:4px;
	background:#1fcdb5;
	vertical-align:middle;
}

article h1 span.coupon_alert::before{
	content:'\e864';
	margin-right:3px;
	font-size:14px;
	font-family:'fontello';
}

article h2{
	margin:16px auto;
	/* width:1500px; */
	font-size:32px;
}

.sub-headline:not(:empty){
	margin-bottom:4px;
	font-size:18px;
}

.sub-headline span.movie_tag{
	display:inline-block;
	margin-right:8px;
	padding:8px 8px 6px;
	font-size:18px;
	color:var(--back);
	border-radius:4px;
	background:#d61c4e;
	vertical-align:middle;
}

.sub-headline span.movie_tag::before{
	content:'\e896';
	margin-right:3px;
	font-family:'fontello';
	font-size:14px;
}

.sub-headline span.movie_tag a{
	display:inline;
	color:#fff;
}


/*--------------------------------------1.1.0.0 -----------------FLEXIBLE BOX */
.breadcrumb,
.star-area,
.item-image,
.item-image>ul,
.price-area,
.price-area .price,
.form-select-chips,
.form-select-chips label,
.cart-area .secondary,
.cart-area .deli-check,
.cart-area .deli-check form,
.list-normal,
.second-section,
.second-section .explanation .item-badge,
.list-review .useful,
.list-long .button-prev-scroll,
.list-long .button-next-scroll{
	display:flex;
}

/* WRAP MODE -----------------------------------------------------------------*/
.item-image>ul,
.form-select-chips,
.list-normal{
	flex-wrap:wrap;
}

/* INLINE FLEX ---------------------------------------------------------------*/
.list-long ul{
	display:inline-flex;
}

/* ALIGN JUSTIFY -------------------------------------------------------------*/
.cart-area .secondary .deli-check,
.second-section{
	justify-content:space-between;
}

/* ALIGN END -----------------------------------------------------------------*/
.list-review .useful{
	justify-content:flex-end;
}

/* ALIGN CENTER --------------------------------------------------------------*/
.form-select-chips label,
.cart-area .deli-check form{
	justify-content:center;
}

/* VALIGN START --------------------------------------------------------------*/
.item-image{
	align-items:flex-start;
}

/* VALIGN END ----------------------------------------------------------------*/
.star-area{
	align-items:flex-end;
}

/* VALIGN CENTER -------------------------------------------------------------*/
.price-area,
.price-area .price,
.form-select-chips label,
.cart-area .secondary,
.cart-area .secondary .deli-check,
.list-review .useful,
.list-long .button-prev-scroll,
.list-long .button-next-scroll{
	align-items:center;
}

/* FLEXIBLE ------------------------------------------------------------------*/
#buyform,
/* .cart-area .secondary>div:last-child, */
#window+label+div{
	flex:1;
}


/*--------------------------------------1.2.0.0 ------------------BREAD CRUMB */
.breadcrumb{
	margin:0 16px;
	overflow:hidden;
}

.breadcrumb li{
	margin-right:16px;
}

.breadcrumb li span{
	display:block;
	position:relative;
	padding:2px 4px;
}

.breadcrumb li span span{
	display:inline-block;
	padding:0 0 0 4px;
	font-size:10px;
}

.breadcrumb li a span{
	color:var(--accent);
	text-decoration:underline;
}

.breadcrumb li:first-child a span{
	color:var(--back);
	background:var(--accent);
	text-decoration:none;
}

.breadcrumb li a span:before,
.breadcrumb li a span:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	width:0;
	height:0;
	z-index:1;
}

.breadcrumb li a span:before{
	right:-18px;
	border:9px solid transparent;
	border-left:9px solid var(--back);
	z-index:2;
}

.breadcrumb li:nth-child(1) a span:before{
	border-left:9px solid var(--accent);
}

.breadcrumb li:nth-child(n+2) a span:after{
	top:-1px;
	right:-20px;
	border:10px solid transparent;
	border-left:10px solid var(--gray);
}

.breadcrumb li:last-child a span::before,
.breadcrumb li:last-child a span::after{
	content:none;
}


/*--------------------------------------1.3.0.0 -----------------MAIN SECTION */
.main-section{
	display:flex;
	min-width:992px;
	margin:32px 16px 0;
}

.item-image{
	margin-right:24px;
}

.item-purchase{
	width:43.75vw;
	min-width:448px;
}


.series_newitem{
  margin-bottom:32px;
  padding:8px;
  border:1px solid var(--gray);
  border-radius:8px;
  background:var(--surface);
}

.series_newitem a{
  display:flex;
  align-items:center;
  justify-content:center;
}

.series_newitem .thumb{
  width:100px;
  height:100px;
  margin-right:16px;
}

.series_newitem .thumb img{
  width:auto;
  height:100px;
}

.series_newitem .texts{
  position:relative;
}

.series_newitem .texts::after{
  content:url(/img/pc/arrow_next.svg);
  position:absolute;
  top:22px;
  right:-28px;
  display:block;
  margin-left:8px;
  padding:4px;
  width:12px;
  height:12px;
  background:var(--accent);
  border-radius:50%;
  vertical-align:middle;
}

.series_newitem .texts p{
  font-size:18px;
  line-height:1.7;
}

.series_newitem .texts p span{
  font-size:18px;
  color:var(--error);
  text-decoration:underline;
}


/*----------------------------------------1.3.1.0 -----------------ITEM IMAGE */
.item-image>div{
	display:flex;
	align-items:center;
	width:41vw;
	height:41vw;
	min-width:420px;
	min-height:420px;
	order:2;
}

.item-image>div img{
	margin:auto;
	width:auto;
	height:41vw;
	max-width:41vw;
	min-width:420px;
	min-height:420px;
}

.item-image>div .off{
	display:none;
}

.item-image>div video{
	width:100%;
	height:100%;
	background:#000;
}

.item-image>ul{
	width:9.77vw;
	min-width:100px;
	order:1;
}

.item-image li{
	margin:8px 8px 0 0;
	width:calc((9.77vw - 16px) / 2);
	height:calc((9.77vw - 16px) / 2);
	min-width:40px;
	min-height:40px;
	border:1px solid var(--gray);
}

.item-image li:nth-child(-n+2){
	margin-top:0;
}

.item-image li:nth-child(2n+2){
	margin-right:0;
}


/*----------------------------------------1.3.2.0 -----------ITEM DESCRIPTION */
.catchcopy{
	margin-top:16px;
	line-height:1.7;
	font-size:16px;
}


/*------------------------------------------1.3.2.1 -----MAIN EVALUATION STAR */
.star-area{
	margin-left:8px;
}

.star-area input{
	width:32px;
	height:32px;
	background:url('/js/star-rating/star.svg') left / 64px no-repeat;
	overflow:hidden;
}

.star-area .on{
	background:url('/js/star-rating/star.svg') right / 64px no-repeat;
}

.star-area p{
	position:relative;
	display:block;
	font-size:32px;
	color:#ddd;
	white-space:nowrap;
	letter-spacing:-1px;
}

.star-area p::before,
.star-area p::after{
	content:'★★★★★';
}


.star-area p:after{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	overflow:hidden;
	white-space:nowrap;
	color:#f9bf3b;
}

.star-area p[data-rate='']{
	display:none;
}


.star-area p[data-rate='5.0']:after{width:100%;}
.star-area p[data-rate='5.0']:after{width:100%;}
.star-area p[data-rate='4.9']:after{width:98%;}
.star-area p[data-rate='4.8']:after{width:96%;}
.star-area p[data-rate='4.7']:after{width:94%;}
.star-area p[data-rate='4.6']:after{width:92%;}
.star-area p[data-rate='4.5']:after{width:90%;}
.star-area p[data-rate='4.4']:after{width:88%;}
.star-area p[data-rate='4.3']:after{width:86%;}
.star-area p[data-rate='4.2']:after{width:84%;}
.star-area p[data-rate='4.1']:after{width:82%;}
.star-area p[data-rate='4.0']:after{width: 80%;}
.star-area p[data-rate='3.9']:after{width:78%;}
.star-area p[data-rate='3.8']:after{width:76%;}
.star-area p[data-rate='3.7']:after{width:74%;}
.star-area p[data-rate='3.6']:after{width:72%;}
.star-area p[data-rate='3.5']:after{width:70%;}
.star-area p[data-rate='3.4']:after{width:68%;}
.star-area p[data-rate='3.3']:after{width:66%;}
.star-area p[data-rate='3.2']:after{width:64%;}
.star-area p[data-rate='3.1']:after{width:62%;}
.star-area p[data-rate='3.0']:after{width:60%;}
.star-area p[data-rate='2.9']:after{width:58%;}
.star-area p[data-rate='2.8']:after{width:56%;}
.star-area p[data-rate='2.7']:after{width:54%;}
.star-area p[data-rate='2.6']:after{width:52%;}
.star-area p[data-rate='2.5']:after{width:50%;}
.star-area p[data-rate='2.4']:after{width:48%;}
.star-area p[data-rate='2.3']:after{width:46%;}
.star-area p[data-rate='2.2']:after{width:44%;}
.star-area p[data-rate='2.1']:after{width:42%;}
.star-area p[data-rate='2.0']:after{width:40%;}
.star-area p[data-rate='1.9']:after{width:38%;}
.star-area p[data-rate='1.8']:after{width:36%;}
.star-area p[data-rate='1.7']:after{width:34%;}
.star-area p[data-rate='1.6']:after{width:32%;}
.star-area p[data-rate='1.5']:after{width:30%;}
.star-area p[data-rate='1.4']:after{width:28%;}
.star-area p[data-rate='1.3']:after{width:26%;}
.star-area p[data-rate='1.2']:after{width:24%;}
.star-area p[data-rate='1.1']:after{width:22%;}
.star-area p[data-rate='1.0']:after{width:20%;}
/*------------------------------------------1.3.2.2 --MAIN AVERAGE EVALUATION */
.star-area span{
	margin-left:8px;
	font-size:16px;
}

.star-area span::after{
	content:'点';
	font-size:12px;
}


/*------------------------------------------1.3.2.3 -------------TOTAL REVIEW */
.star-area a{
	margin-left:16px;
	padding:6px 4px 4px;
	border:1px solid var(--gray);
	border-radius:4px;
	background:var(--surface);
}

.star-area a::before{
	content:'クチコミ：';
}

.star-area a::after{
	content:'件';
}

.star-area a:empty{
	display:none;
}


.item_keyword ul{
	display:flex;
	margin-top:8px;
	flex-wrap:wrap;
}

.item_keyword li a{
	margin:16px 16px 0 0;
	padding:8px;
	font-size:12px;
	border:1px solid var(--accent);
	border-radius:15px;
}

.present{
	display:flex;
	padding:8px;
	background:var(--surface);
	border:1px solid var(--gray);
	border-radius:8px;
	align-items:center;
}

.present:empty{
	display:none;
}

.present img{
	margin-right:8px;
	width:80px;
}

.present p{
	font-size:16px;
}

.present p::before{
	content:'プレセントキャンペーン実施中';
	display:block;
	margin-bottom:8px;
	padding:4px;
	font-size:12px;
	color:var(--back);
	background:#d00;
	border-radius:4px;
	text-align:center;
}

.present p b{
	font-size:22px;
	color:#d00;
}

.present p span{
	display:block;
	margin-top:8px;
	font-size:11px;
}


/*----------------------------------------1.3.3.0 ------------------CART AREA */
.cart-area{
	margin-top:24px;
}


/*------------------------------------------1.3.3.1 ---------------STOCK DATA */
.in{
	margin-bottom:24px;
	padding:4px 8px;
	font-size:24px;
	border:1px solid var(--gray);
	border-radius:8px;
	background:var(--surface);
}

.in.full::before,
.in.med::before,
.in.low::before{
	content:'';
	display:inline-block;
	margin-right:10px;
	width:50px;
	height:50px;
	background:url("/img/sp/item/stock.svg") 0 0 / auto 50px no-repeat;
	vertical-align:middle;
}

.in.med::before{
	background-position:-50px 0;
}

.in.low::before{
	background-position:-100px 0;
}


article .coupon{
	display:flex;
	position:relative;
	margin:0 0 8px;
	padding:5px;
	max-width:300px;
	border:1px solid var(--main);
	border-radius:3px;
	align-items:center;
	box-shadow:0 2px 1px rgba(0,0,0,.1);
}

article .coupon::before{
	content:'クーポン';
	display:block;
	position:absolute;
	bottom:2px;
	left:0;
	padding:0 7px;
	width:auto;
	line-height:17px;
	font-size:10px;
	color:var(--back);
	border-radius:3px;
	background:#1fcdb5;
	transform:scale(.8);
	text-align:center;
}

article .coupon>div{
	padding:0 20px 0 5px;
	font-size:10px;
	color:#999;
	/* padding-right:10px; */
	text-align:center;
}

article .coupon>div img{
	margin:0 auto 5px;
	width:30px;
}

article .coupon>p{
	padding:3px 10px;
	border-left:1px dashed #555;
	flex:1;
	text-align:right;
}

article .coupon>p b{
	font-size:12px;
}

article .coupon>p b span{
	font-size:28px;
	padding-left:18px;
	color:var(--main);
}

article .coupon>p>span{
	font-size:10px;
}

/*------------------------------------------1.3.3.2 --------------------PRICE */
.cart-area .primary>div:first-child{
	margin-right:24px;
	width:340px;
}

.regular-price span{
	display:inline-block;
	margin-right:8px;
	padding:6px;
	font-size:12px;
	border:1px solid var(--gray);
	border-radius:4px;
	background:var(--surface);
}

.regular-price s{
	text-decoration:line-through;
}

/* NORMAL PRICE --------------------------------------------------------------*/
.price-area{
	margin-top:16px;
}

.price-area .price{
	font-size:24px;
	color:#d00;
}

.price-area .price.outlet{
	font-weight:bold;
}

.price-area .price span{
	display:inline-block;
	margin-right:8px;
	padding:4px;
	font-size:13px;
	border:1px solid var(--text);
	border-radius:4px;
}

.price-area .price.sale span{
	color:#d00;
	border-color:#d00;
}

.price-area .price.outlet span{
	font-weight:normal;
	color:#d00;
	border:1px solid #d00;
}

/* PRICE OFF -----------------------------------------------------------------*/
.price-area .discount{
	margin-left:8px;
}

.price-area .discount span{
	margin-right:4px;
	font-weight:bold;
}

/* POINT ---------------------------------------------------------------------*/
.cart-area .point{
	position:relative;
	margin-top:16px;
	font-size:16px;
}

.cart-area .point::before{
	content:'ポイント';
	display:inline-block;
	margin-right:4px;
	padding:4px;
	font-size:12px;
	border:1px solid var(--gray);
	border-radius:4px;
}

.cart-area .point span{
	margin-left:8px;
	font-size:12px;
}


/*------------------------------------------1.3.3.3 -------------SELECT CHIPS */
.form-select-chips2{
	/* margin-top:16px; */
	display:flex;
	flex-wrap:wrap;
}

.form-select-chips:not(:first-of-type){
	margin-top:16px;
}

.form-select-chips li,
.form-select-chips2 li{
	width:calc((100% - 16px) / 3);
}

.form-select-chips li:nth-child(3n+2),
.form-select-chips2 li:nth-child(3n+2){
	margin:0 8px;
}

.form-select-chips li:nth-child(n+4),
.form-select-chips2 li:nth-child(n+4){
	margin-top:8px;
}

.form-select-chips label{
	/* display:block; */
	padding:0 8px;
	width:100%;
	/* height:40px;
	line-height:40px; */
	height:56px;
	line-height:1.2;
	font-size:12px;
	border:2px solid var(--gray);
	border-radius:8px;
	cursor:pointer;
	text-align:center;
}

.form-select-chips label.stock3,
.form-select-chips label.stock2,
.form-select-chips label.stock1,
.form-select-chips label.stock0{
	text-align:left;
}

.form-select-chips label.stock3::before,
.form-select-chips label.stock2::before,
.form-select-chips label.stock1::before,
.form-select-chips label.stock0::before{
	margin-right:4px;
}

.form-select-chips label.stock3::before{
	content:'◎'
}

.form-select-chips label.stock2::before{
	content:'○'
}

.form-select-chips label.stock1::before{
	content:'△'
}

.form-select-chips label.stock0::before{
	content:'×'
}

.form-select-chips input:disabled+label{
	color:var(--gray);
	border:2px solid var(--surface);
	background:var(--surface);
}

.form-select-chips input:checked+label{
	color:var(--main);
	color:var(--back);
	border:2px solid var(--main);
	background:var(--main);
}

.form-select-chips2 label{
	display:flex;
	padding:0;
	width:100%;
	height:56px;
	border:2px solid var(--gray);
	border-radius:8px;
	cursor:pointer;
	/* text-align:center; */
	align-items:center;
}

.form-select-chips2 label span{
	font-size:12px;
	flex:1;
}

.form-select-chips2 label img{
	margin-right:4px;
	width:42px;
	border-radius:50%;
	overflow:hidden;
}

.form-select-chips2 input:disabled+label{
	border:2px solid var(--surface);
	background:var(--surface);
}

.form-select-chips2 input:disabled+label span{
	color:var(--gray);
}

.form-select-chips2 input:disabled+label img{
	filter:grayscale(1) opacity(0.5);
}

.form-select-chips2 input:checked+label{
	/* color:var(--main); */
	border:2px solid var(--main);
	background:var(--main);
}

.form-select-chips2 input:checked+label span{
	color:var(--back);
}

/* .penguin{
	position:relative;
}

.penguin:after {
    content: "9/27出荷分より、さくらはパターン仕様変更モデルとなります。\A詳しくはパッケージに添付した用紙をご覧ください。";
	position:absolute;
	bottom:0;
	left:0;
    display: block;
    padding: 10px;
    font-size: 12px;
    line-height: 1.4;
    white-space: pre-wrap;
    border: 1px solid #ddd;
    margin-top: 8px;
    border-radius: 4px;
    background: #f9f9f9;
    font-weight: bold;
} */

.item_num{
	display:flex;
	margin-top:16px;
	align-items:center;
	justify-content:center;

	&::before{
		content:'数量';
		display:block;
		margin-right:16px;
		font-size:16px;
	}
	.plus,
	.minus{
		width:30px;
		height:30px;

		&:before{
			content:'';
			display:flex;
			width:30px;
			height:30px;
			align-items:center;
			justify-content:center;
			background:url('/img/sp/common/cart_plus.svg');
		}

		&.minus:before{
			background:url('/img/sp/common/cart_minus.svg');
		}
	}

	input[name='num']{
		display:block;
		margin-right:-16px;
		width:60px;
		height:30px;
		font-size:18px;
		text-align:center;
	}
}

/*------------------------------------------1.3.3.4 ----------PURCHASE BUTTON */
#buyform input[type='submit']{
	margin:16px 0 0;
	padding:8px 0;
	width:100%;
	height:60px;
	font-size:20px;
	font-family:'fontello';
	color:#fff;
	border:1px solid #c77800;
	border-radius:8px;
	background:#00B16A;
	background:linear-gradient(to bottom, #FCC314, #f90);
	cursor:pointer;
	text-shadow:0px -1px 1px #c77800;
}

.goods_status{
	margin-top:16px;
	font-size:20px;
	text-align:center;
}


/*------------------------------------------1.3.3.5 --------------WISH BUTTON */
.wish-list{
	margin-top:16px;
}

.wish-list a{
	padding:8px;
	border:1px solid var(--gray);
	border-radius:8px;
	background:var(--surface);
	text-align:center;
}

.wish-list a .icon-star:before{
	display:block;
	content:'欲しいものリストに入れる';
	width:100%;
	font-size:14px;
}

.wish-list a .icon-star.wish_in::before{
	content:'リストに追加済み';
}


/*----------------------------------------1.3.4.0 -------SHIPPING STATUS AREA */
.cart-area .secondary{
	position:relative;
	left:calc((-100vw + 43.75vw) + 32px);
	left:-544px;
	margin-top:32px;
	width:calc(100vw - 32px);
	width:992px;
	justify-content:space-between;
}

.cart-area .secondary2{
	margin-top:32px;
}

.cart-area .secondary>div:first-child{
	margin-right:16px;
	width:406px;
}

.cart-area .secondary>div:last-child{
	width:570px;
}


/*------------------------------------------1.3.4.1 ----------SHIPPING STATUS */
.shipping{
	line-height:1.4;
	font-size:16px;
	text-align:center;
}

.shipping span{
	font-size:24px;
}


/*------------------------------------------1.3.4.2 ---------GENERAL DELIVERY */
.shipping+.button-border{
	margin-top:8px;
}


/*------------------------------------------1.3.4.3 --SHIPPING SCHEDULED DATE */
/* #window+label{
	display:block;
	padding:30px 8px 0;
	width:102px;
	height:102px;
	line-height:1.5;
	border:1px solid var(--gray);
	border-radius:50%;
	background:var(--surface);
	cursor:pointer;
	text-align:center;
}

#window+label+div{
	display:none;
}
 */
.cart-area .secondary h3{
	margin-top:24px;
	font-size:20px;
}

.cart-area .secondary .deli-check{
	position:relative;
	/* margin:0 8px; */
	padding:16px;
	width:100%;
	border:1px solid var(--gray);
	border-radius:8px;
}

.cart-area .secondary .deli-check>div:first-child{
	/* width:calc((100% - 16px) / 2); */
	width:calc(55% - 8px);
}

.cart-area .secondary .deli-check>div:last-child{
	/* width:calc((100% - 16px) / 2); */
	width:calc(45% - 8px);
}

.cart-area .secondary .deli-check div:first-child>p:first-child{
	font-size:12px;
}

.cart-area .secondary form{
	margin-top:8px;
}

.cart-area .secondary form #delivery_code{
	margin-right:8px;
	padding:8px;
	width:264px;
	font-size:16px;
	border:1px solid var(--gray);
	border-radius:4px;
}

.cart-area .secondary form #delivery_send{
	width:90px;
	color:var(--back);
	border-radius:4px;
	background:var(--accent);
}

.cart-area .secondary .deli-check>div:last-child{
	padding:16px 0;
	border-radius:8px;
	background:var(--surface);
}

.cart-area .secondary .deli-check>div:last-child p{
	font-size:20px;
	text-align:center;
}

.cart-area .secondary .deli-check>div:last-child p:first-child{
	margin-bottom:8px;
}


.cart-area .secondary .deli-check>div:last-child #address,
.cart-area .secondary .deli-check>div:last-child #expected{
	font-size:24px;
	font-weight:bold;
}



/*--------------------------------------1.4.0.0 -------------ITEM LIST DESIGN */
.list-normal li{
	width:calc(100% / 10);
}

.list-normal .primary img{
	margin:auto;
	width:auto;
	height:80px;
}


/*--------------------------------------1.4.0.0 ---------------SECOND SECTION */
.second-section{
	padding:0 16px;
	min-width:1024px;
}

.second-section section{
	width:calc((100% - 32px) / 2);
	min-width:480px;
}


/*----------------------------------------1.4.1.0 -----------ITEM EXPLANATION */
.second-section .explanation{
	padding:0 16px 16px;
	background:var(--surface);
}

/* MAIN EXPLANATION ----------------------------------------------------------*/
.second-section .explanation>p{
	margin-bottom:24px;
	line-height:1.8;
	font-size:16px;
}

.second-section .explanation>p img{
	width:100%;
	height:auto;
}

.second-section .explanation>p b{
	font-size:16px;
}

.second-section .explanation>p span{
	font-size:12px;
}

.second-section .explanation>p .kasen{
	border-bottom:1px solid #ee0e51;
}

.second-section .explanation>p .merit{
	background:linear-gradient(transparent 60%, #ff669061 60%);
}

.second-section .explanation>p a{
	display:inline;
	font-size:16px;
}

.second-section .explanation>p video{
	width:100%;
}

.second-section .explanation>p em{
	font-size:16px;
	text-decoration:underline;
}

.second-section .explanation>img{
	margin-bottom:16px;
	width:100%;
	height:auto;
}

.second-section .explanation>ol{
	margin:16px 0;
	counter-reset:ranking;
}

.second-section .explanation>ol li{
	display:flex;
	margin-top:16px;
	font-size:16px;
	align-items:center;
}

.second-section .explanation>ol li a{
	font-size:16px;
}

.second-section .explanation>ol li::before{
	content:counter(ranking);
	display:inline-block;
	margin-right:5px;
	width:25px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#363540;
	background:#f4e6dd;
	border-radius:25px;
	counter-increment:ranking;
	text-align:center;
}

.second-section .explanation>table{
	margin:auto;
	width:calc(100% - 32px);
	border-collapse:collapse;
	border:1px solid var(--gray);
}

.second-section .explanation>table tr{
	background:var(--back);
}

.second-section .explanation>table th{
	width:50%;
	padding:8px;
	background:var(--surface);
	font-size:16px;
	border:1px solid var(--gray);
}

.second-section .explanation>table td{
	width:50%;
	padding:8px;
	font-size:16px;
	border:1px solid var(--gray);
}

.second-section .explanation>.review li{
	margin:16px;
	padding:16px;
	line-height:1.7;
	font-size:14px;
	background:var(--back);
	border-radius:8px;
}


/* FEATURE LINK --------------------------------------------------------------*/
.second-section .explanation .item-badge{
	margin-bottom:16px;:
}

.second-section .explanation .item-badge li{
	margin-right:8px;
	padding:8px;
	font-size:14px;
	border:1px solid var(--gray);
	border-radius:8px;
	background:var(--back);
	text-align:center;
}

.second-section .explanation .item-badge li:last-child{
	margin-right:0;
}

.second-section .explanation .item-badge li a{
	margin-bottom:4px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

/* CATCHCOPY -----------------------------------------------------------------*/
.second-section .explanation h3{
	padding:0;
	font-size:24px;
}

.second-section .explanation>h3{
	margin:64px 0 8px;
}

.second-section .explanation>h4{
	margin:48px 0 8px;
	font-size:20px;
}

/* APPEAL POINT --------------------------------------------------------------*/
.second-section .explanation .bulletpoint{
	margin-bottom:16px;
}

.second-section .explanation .bulletpoint li{
	position:relative;
	margin:16px;
	padding:8px;
	font-size:16px;
	color:var(--back);
	background:#00b16a;
	z-index:2;
}

.second-section .explanation .bulletpoint li::before,
.second-section .explanation .bulletpoint li::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:18px;
	background:#00b16a;
	transform:skewX(-45deg);
	transform:skewX(-30deg);
	z-index:-1;
}

.second-section .explanation .bulletpoint li::before{
	left:-9px;
}

.second-section .explanation .bulletpoint li::after{
	right:-9px;
}

/* ITEM DETAIL ---------------------------------------------------------------*/
.second-section .explanation .item-detail{
	margin:24px 16px 0;
	padding:16px;
	border:1px solid var(--gray);
	border-radius:8px;
	background:var(--back);
}

.second-section .explanation .item-detail table{
	border-collapse:collapse;
	border:1px solid var(--gray);
}

.second-section .explanation .item-detail caption{
	padding:8px;
	font-size:16px;
	font-weight:bold;
	background:var(--gray);
}

.second-section .explanation .item-detail th{
	padding:8px;
	width:30%;
	border:1px solid var(--gray);
	background:var(--surface);
}

.second-section .explanation .item-detail td{
	padding:8px;
	width:70%;
	line-height:1.5;
	border:1px solid var(--gray);
	background:var(--surface);
}


/*----------------------------------------1.4.2.0 ---------------------REVIEW */
.button-paint{
	margin:16px auto;
	padding:8px;
	width:60%;
	font-size:20px;
	color:var(--back);
	border:1px solid var(--accent);
	border-radius:8px;
	background:var(--accent);
	text-align:center;
}

.list-review{}

.list-review li:not(:first-child){
	margin-top:32px;
}

.list-review .primary{
	display:none;
}

.list-review .no_review{
	margin-top:24px;
	font-size:24px;
}

/* TITLE */
.list-review .title{
	line-height:1.3;
	font-size:20px;
}

/* RATING STAR */
.list-review .rating span{
	position:relative;
	display:inline-block;
	margin-top:8px;
	color:var(--gray);
}

.list-review .rating span::before,
.list-review .rating span::after{
	content:'★★★★★';
	display:inline-block;
	font-size:24px;
	overflow:hidden;
}

.list-review .rating span::after{
	position:absolute;
	top:0;
	left:0;
	color:#f9bf3b;
}

.list-review .rating span[data-rate^='1']::after{
	width:20%;
}

.list-review .rating span[data-rate^='2']::after{
	width:40%;
}

.list-review .rating span[data-rate^='3']::after{
	width:60%;
}

.list-review .rating span[data-rate^='4']::after{
	width:80%;
}

.list-review .rating span[data-rate^='5']::after{
	width:100%;
}



.list-review .name{
	margin:8px 16px;
	font-size:12px;
	text-align:right;

	a{
		display:inline;
	}
}

.list-review .comment{
	padding:16px;
	line-height:1.7;
	border-radius:8px;
	background:var(--surface);
}

.list-review .useful{
	margin-top:8px;
}

.list-review .useful p{}

.list-review .useful p span{
	font-size:16px;
}

.list-review .useful a{
	margin-left:16px;
	padding:8px;
	font-size:12px;
	border:1px solid var(--gray);
	border-radius:4px;
	background:var(--surface);
}

.review_link.plus a{
	margin:16px auto;
	padding:8px;
	width:80%;
	font-size:20px;
	border:1px solid var(--accent);
	border-radius:8px;
	text-align:center;
}

.review_link.plus a::after{
	content:url(/img/pc/arrow_next.svg);
	display:inline-block;
	margin-left:8px;
	padding:4px;
	width:16px;
	height:16px;
	background:var(--accent);
	border-radius:50%;
	vertical-align:middle;
}

.review_link.minus a{
	color:#999;
	text-align:right;
	text-decoration:underline;
}

.list-review{
	.staff_comment{
		display:flex;
		/* margin:5px 5px 0; */
		/* background:#efefef; */
		flex-wrap:wrap;;
		padding:16px;
		border-radius:8px;
	}
	
	.staff_prof{
		display:flex;
		margin-right:16px;
		flex-direction:column;
		align-items:center;

		.staff_img{
			width:40px;
			border-radius:50%;
			/* margin-right:10px; */
		}
		.staff_name{
			margin-top:8px !important;
			font-size:12px;
			color:#555;
			margin:0;
		}
	}
	.staff_message{
		position:relative;
		margin:0;
		padding:16px 0 16px 16px;
		line-height:1.7;
		font-size:12px;
		border-radius:8px;
		background:#f3f3f3;
		flex:1;

		a{
		  text-decoration: underline;
		}

		&::before{
			content:'';
			position:absolute;
			top:16px;
			left:-20px;
			display:block;
			width:0;
			height:0;
			border:8px solid transparent;
			border-right:12px solid #f3f3f3;
		}
	}
	.staff_time{
		display:block;
		padding:8px 0 0;
		width:100%;
		font-size:10px;
		color:#363540;
		text-align:right;
	}
}



/*----------------------------------------1.4.3.0 -------------SECOND SECTION */
/*----------------------------------------1.4.4.0 -------------SECOND SECTION */

#request_mail{
	display:block !important;

	input{
		margin:auto;
		padding:8px;
		width:290px;
		border:1px solid var(--gray);
		border-radius:8px;
	}
}


/* LONG SLIDE LIST -----------------------------------------------------------*/
.list-long{
	position:relative;
	margin-top:32px;
	min-width:1024px;
}

.list-long>div{
	overflow:hidden;
}

.list-long ul{
	margin:8px 44px;
}

.list-long li{
	margin-right:8px;
	/* width:12vw; */
	width:calc((100vw - 136px) / 7);
	min-width:127px;
}

.list-long li .evalution2{
	display:none;
}

/* SCROLL BUTTON ------------------------------------------------------------*/
.list-long .button-prev-scroll,
.list-long .button-next-scroll{
	position:absolute;
	top:0;
	width:40px;
	height:100%;
	background:rgba(0,0,0,.7);
	cursor:pointer;
	z-index:2;
}

.list-long .button-prev-scroll{
	left:0;
	border-radius:0 8px 8px 0;
}

.list-long .button-next-scroll{
	right:0;
	border-radius:8px 0 0 8px;
}

.list-long .button-prev-scroll.over,
.list-long .button-next-scroll.over{
	background:rgba(0,0,0,.1);
}

/* LONG SLIDE LIST -----------------------------------------------------------*/
.list-long .thumb img,
.list-long .primary img{
	margin:auto;
	width:auto;
	/* height:190px;
	height:calc((100vw - 42px) / 8);
	height:12vw; */
	/* height:192px; */
	height:calc((100vw - 136px) / 7);
	min-height:127px;
}

/*----------------------------------------2.3.2.0 --------------THUMBNAIL */




/*----------------------------------------2.3.2.0 --------------DESCRIPT AREA */
.list-ranking .descript,
.list-grid .descript{
	padding:8px;
}


/*----------------------------------------2.3.3.0 ---------------PRODUCT NAME */
#tying-product .name{
	margin-top:8px;
	line-height:1.4;
	font-size:12px;	
}

#series-product .name,
#set-product .name,
#join-product .name{
	display:-webkit-box;
	margin-top:8px;
	height:34px;
	line-height:1.4;
	font-size:12px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

/*----------------------------------------2.3.4.0 --------------PRODUCT PRICE */
.list-long .price{
	margin-top:8px;
	font-size:16px;
}

.list-long .price s{
	display:block;
	margin-bottom:8px;
	font-size:13px;
	font-size:12px;
	text-decoration:line-through;
}

#tying-product .point{
	margin-top:8px;
	font-size:12px;
}

#tying-product .point span{
	margin-left:4px;
	font-size:10px;
}


/*------------------------------------------------------------------------------
// 2.0.0.0 CONTENTS
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
// 3.0.0.0 TABLET WIDTH 1024px
------------------------------------------------------------------------------*/
@media screen and (min-width:1025px){
	/*----------------------------------------------------------------------------
	// 1.0.0.0 INITIALIZE STYLE
	----------------------------------------------------------------------------*/

	/*----------------------------------------1.3.4.0 -------SHIPPING STATUS AREA */
	.cart-area .secondary{
		display:block;
		left:0;
		width:100%;
	}

	.cart-area .secondary>div:first-child{
		margin-right:0;
		width:100%;
	}

	.cart-area .secondary>div:last-child{
		width:100%;
	}


	/*------------------------------------------1.3.4.3 --SHIPPING SCHEDULED DATE */
	.cart-area .secondary .deli-check>div:first-child{
		/* width:calc((100% - 16px) / 2); */
		width:calc(55% - 8px);
	}

	.cart-area .secondary .deli-check>div:last-child{
		/* width:calc((100% - 16px) / 2); */
		width:calc(45% - 8px);
	}

	.cart-area .secondary form #delivery_code{
		width:264px;
	}

	.cart-area .secondary form #delivery_send{
		width:90px;
	}
}


/*------------------------------------------------------------------------------
// 4.0.0.0 PC WIDTH 1000px
------------------------------------------------------------------------------*/
@media screen and (min-width:1500px){
	/*----------------------------------------------------------------------------
	// 1.0.0.0 INITIALIZE STYLE
	----------------------------------------------------------------------------*/
	article h1{
		font-size:40px;
	}


	/*------------------------------------1.1.0.0 -----------------FLEXIBLE BOX */
	.cart-area .primary{
		display:flex;
	}


	/*------------------------------------1.2.0.0 ------------------BREAD CRUMB */
	.breadcrumb{
		margin:0 auto;
	}


	/*--------------------------------------1.3.0.0 -----------------MAIN SECTION */
	.main-section{
		margin:32px 0 0;
	}

	.item-image{
		margin-right:24px;
	}

	.item-purchase{
		width:708px;
	}


	/*----------------------------------------1.3.1.0 -----------------ITEM IMAGE */
	.item-image>div{
		width:640px;
		height:640px;
		order:2;
	}

	.item-image>div img{
		margin:auto;
		width:auto;
		max-width:640px;
		/* height:auto;
		max-height:640px; */
		height:640px;
	}

	.item-image>ul{
		width:64px;
		width:128px;
		order:1;
	}

	.item-image li{
		margin:8px 8px 0 0;
		width:56px;
		height:56px;
		border:1px solid var(--gray);
	}

	.item-image li:nth-child(-n+2){
		margin-top:0;
	}

	.item-image li:nth-child(2n+2){
		margin-right:0;
	}


	/*----------------------------------------1.3.2.0 -----------ITEM DESCRIPTION */
	.catchcopy{
		margin-top:16px;
		line-height:1.7;
		font-size:16px;
	}


	/*------------------------------------------1.3.2.1 -----MAIN EVALUATION STAR */
	.star-area{
		margin-left:8px;
	}

	.star-area input{
		width:32px;
		height:32px;
		background:url('/js/star-rating/star.svg') left / 64px no-repeat;
		overflow:hidden;
	}

	.star-area .on{
		background:url('/js/star-rating/star.svg') right / 64px no-repeat;
	}


	/*------------------------------------------1.3.2.2 --MAIN AVERAGE EVALUATION */
	.star-area span{
		margin-left:8px;
		font-size:16px;
	}

	.star-area span::after{
		content:'点';
		font-size:12px;
	}


	/*------------------------------------------1.3.2.3 -------------TOTAL REVIEW */
	.star-area a{
		margin-left:16px;
		padding:6px 4px 4px;
		border:1px solid var(--gray);
		border-radius:4px;
		background:var(--surface);
	}

	.star-area a::before{
		content:'クチコミ：';
	}

	.star-area a::after{
		content:'件';
	}

	.star-area a:empty{
		display:none;
	}


	/*----------------------------------------1.3.3.0 ------------------CART AREA */
	.cart-area{
		margin-top:24px;
	}


	/*------------------------------------------1.3.3.1 ---------------STOCK DATA */
	.in{
		margin-bottom:24px;
		padding:4px 8px;
		font-size:24px;
		border:1px solid var(--gray);
		border-radius:8px;
		background:var(--surface);
	}

	.in.full::before,
	.in.med::before,
	.in.low::before{
		content:'';
		display:inline-block;
		margin-right:10px;
		width:50px;
		height:50px;
		background:url("/img/sp/item/stock.svg") 0 0 / auto 50px no-repeat;
		vertical-align:middle;
	}

	.in.med::before{
		background-position:-50px 0;
	}

	.in.low::before{
		background-position:-100px 0;
	}


	/*------------------------------------------1.3.3.2 --------------------PRICE */
	.cart-area .primary>div:first-child{
		margin-right:24px;
		width:340px;
	}

	.regular-price span{
		display:inline-block;
		margin-right:8px;
		padding:6px;
		font-size:12px;
		border:1px solid var(--gray);
		border-radius:4px;
		background:var(--surface);
	}

	.regular-price s{
		text-decoration:line-through;
	}

	/* NORMAL PRICE --------------------------------------------------------------*/
	.price-area .price{
		font-size:24px;
	}

	.price-area .price span{
		display:inline-block;
		margin-right:8px;
		padding:4px;
		font-size:13px;
		border:1px solid var(--text);
		border-radius:4px;
	}

	/* PRICE OFF -----------------------------------------------------------------*/
	.price-area .discount{
		margin-left:8px;
	}

	.price-area .discount span{
		margin-right:4px;
		font-weight:bold;
	}

	/* POINT ---------------------------------------------------------------------*/
	.price-area .point{
		font-size:16px;
	}

	.price-area .point::before{
		content:'ポイント';
		display:inline-block;
		margin-right:4px;
		padding:4px;
		font-size:12px;
		border:1px solid var(--gray);
		border-radius:4px;
	}

	.price-area .point span{
		margin-left:8px;
		font-size:12px;
	}


	/*------------------------------------------1.3.3.3 -------------SELECT CHIPS */
	.form-select-chips:not(:first-of-type){
		margin-top:16px;
	}

	.form-select-chips li{
		width:calc((100% - 16px) / 3);
	}

	.form-select-chips li:nth-child(3n+2){
		margin:0 8px;
	}

	.form-select-chips li:nth-child(n+4){
		margin-top:8px;
	}

	.form-select-chips label{
		height:56px;
		font-size:12px;
	}

	.form-select-chips input:disabled+label{
		color:var(--gray);
		border:2px solid var(--surface);
		background:var(--surface);
	}

	.form-select-chips input:checked+label{
		color:var(--main);
		color:var(--back);
		border:2px solid var(--main);
		background:var(--main);
	}


	/*------------------------------------------1.3.3.4 ----------PURCHASE BUTTON */
	#buyform input[type='submit']{
		margin:16px 0 0;
		padding:8px 0;
		width:100%;
		height:60px;
		font-size:20px;
		font-family:'fontello';
		color:#fff;
		border:1px solid #c77800;
		border-radius:8px;
		background:#00B16A;
		background:linear-gradient(to bottom, #FCC314, #f90);
		cursor:pointer;
		text-shadow:0px -1px 1px #c77800;
	}

	.goods_status{
		font-size:20px;
		text-align:center;
	}


	/*------------------------------------------1.3.3.5 --------------WISH BUTTON */
	.wish-list{
		margin-top:16px;
	}

	.wish-list a{
		padding:8px;
		border:1px solid var(--gray);
		border-radius:8px;
		background:var(--surface);
		text-align:center;
	}


	/*----------------------------------------1.3.4.0 -------SHIPPING STATUS AREA */
	.cart-area .secondary{
		position:static;
		display:block;
		margin-top:32px;
		width:auto;
	}

	.cart-area .secondary>div:first-child,
	.cart-area .secondary>div:last-child{
		margin:0;
		width:auto;
	}


	/*------------------------------------------1.3.4.1 ----------SHIPPING STATUS */
	.shipping{
		line-height:1.4;
		font-size:16px;
		text-align:center;
	}

	.shipping span{
		font-size:24px;
	}


	/*------------------------------------------1.3.4.2 ---------GENERAL DELIVERY */
	.shipping+.button-border{
		margin-top:8px;
	}


	/*------------------------------------------1.3.4.3 --SHIPPING SCHEDULED DATE */
	.cart-area .secondary h3{
		margin-top:24px;
		font-size:20px;
	}

	.cart-area .secondary .deli-check{
		position:relative;
		/* margin:0 8px; */
		padding:16px;
		width:100%;
		border:1px solid var(--gray);
		border-radius:8px;
	}

	.cart-area .secondary .deli-check>div:first-child{
		/* width:calc((100% - 16px) / 2); */
		width:calc(55% - 8px);
	}

	.cart-area .secondary .deli-check>div:last-child{
		/* width:calc((100% - 16px) / 2); */
		width:calc(45% - 8px);
	}

	.cart-area .secondary .deli-check div:first-child>p:first-child{
		font-size:12px;
	}

	.cart-area .secondary form{
		margin-top:8px;
	}

	.cart-area .secondary form #delivery_code{
		margin-right:8px;
		padding:8px;
		width:264px;
		font-size:16px;
		border:1px solid var(--gray);
		border-radius:4px;
	}

	.cart-area .secondary form #delivery_send{
		width:90px;
		color:var(--back);
		border-radius:4px;
		background:var(--accent);
	}

	.cart-area .secondary .deli-check>div:last-child{
		padding:16px 0;
		border-radius:8px;
		background:var(--surface);
	}

	.cart-area .secondary .deli-check>div:last-child p{
		font-size:20px;
		text-align:center;
	}

	.cart-area .secondary .deli-check>div:last-child p:first-child{
		margin-bottom:8px;
	}


	.cart-area .secondary .deli-check>div:last-child #address,
	.cart-area .secondary .deli-check>div:last-child #expected{
		font-size:24px;
		font-weight:bold;
	}

	.second-section{
		padding:0;
	}

	/* LONG SLIDE LIST ---------------------------------------------------------*/
	.list-long>div{
		overflow:hidden;
	}
	
	.list-long ul{
		margin:8px 64px;
	}

	.list-long li{
		width:190px;
	}

	/* SCROLL BUTTON ------------------------------------------------------------*/
	.list-long .button-prev-scroll,
	.list-long .button-next-scroll{
		width:60px;
	}
	
	/* LONG SLIDE LIST ---------------------------------------------------------*/
	.list-long .thumb img,
	.list-long .primary img{
		margin:auto;
		width:auto;
		height:190px;
	}
	
	/*--------------------------------------4.2.3.4 --------------PRODUCT PRICE */
	.list-long .price{
		margin-top:16px;
		font-size:20px;
	}

	.list-long .price s{
		margin-right:8px;
		font-size:13px;
		text-decoration:line-through;
	}
	

}

.second-section .explanation>p a.womanizer_genuine_link{
	width: 280px;
	display: block;
	margin: 0 auto;
}

/*    施策のため野口設置 2025/06/26    */
.warranty_banner{
	margin:0 0 5%;
}

.warranty_banner a{
	display: block;
}

.warranty_banner img{
	display: block;
	max-width:350px;
	margin:0 auto;
	border-radius: 7px;
}