.img_area {	display: flex;	aspect-ratio: 1.615/1;	position: relative;}
.img_area .thubnail {max-height: 100%;	position: absolute;	top: 0;	max-width: 10%;	min-width: 50px;left: 10px;display: flex;justify-content: center;flex-flow: column; height: 100%; margin: 0 auto;}
.img_area .thubnail .wrap{-ms-overflow-style: 5px;scrollbar-width: thin;overflow: auto;}
.main_img {	max-width: 62%;	margin: 0 auto;	display: flex;	aspect-ratio: 1/1;	justify-content: center;align-items: center;}
.cart_wrap{ background:#f5f5f5;padding-bottom: 3em;}
.pankuzu {padding: 2em 3%;background: #f5f5f5;margin: 0;}
.pankuzu.book {background: rgba(0,0,0,0.6); color:#fff;}
.main_img img{height: auto; max-height: 100%;}
.thubnail span {display: flex;	justify-content: center;align-items: center;aspect-ratio: 1/1;	width: 100%;	height: fit-content;background: #fff;box-shadow: 0 0 0 1px var(--glayColor2);}
.img_area .thubnail span img {	max-height: 100%;height: fit-content;width: auto;cursor: pointer;}
.img_area .thubnail .wrap > span {margin: 0.5em 0;}
.other_link a {	color: var(--FontColor);}
span.cart_btn {	color: var(--FontColor);overflow: hidden;display: inline-flex;	flex-flow: column;	line-height: 1;	min-height: 58px;	position: relative;	background: var(--BtnColor);border: solid 1px var(--BtnColor);  display: flex;  max-width: 400px;}
span.cart_btn::before {	content: "";display: block;	width: 100%;height: 100%;min-height: 58px;	position: absolute;	bottom: -58px;	background: #Fff;	transition: all 0.5s;}
span.cart_btn span {z-index: 1;	display: flex;	height: 100%;justify-content: center;	align-items: center;	min-height: 58px;	color: #fff;transition: all 1s;	padding: 0 20px;pointer-events: none;}
span.cart_btn:hover::before {bottom: 0;}
span.cart_btn:hover span {color: var(--BtnColor);}
.cart_btn.soldout {	background: var(--glayColor2);	border: solid 1px var(--FontColor2);justify-content: center;align-items: center;}
.cart_btn.soldout span {color: var(--FontColor);}
.cart_btn.soldout::before span {color: var(--FontColor) !important;}
.num_box {	max-width: 400px;display: flex;	align-items: center;align-items: center;
margin-bottom: 1em;justify-content: right;}
.updw_btn {	padding: 1em;background: transparent;	box-shadow: 0 0 1px var(--FontColor2);	color: var(--FontColor);font-size: 14px;}
[name="product_num"] {	border: solid 1px var(--glayColor2);padding: 1em;font-size: 14px;	width: 4em;	text-align: center;background: transparent;font-weight: bold;border-radius: 0;}
.unit {	padding: 1em;font-size: 14px;}
[name="product_form"] [type="submit"] {	border: none;width: 100%;background: none;	max-width: 400px;	padding: 0;	margin: 0;}
.cart_btn i {font-size: 24px;margin-right: 0.5em;}
#option_tbl {width: 100%;max-width: 400px;	margin-bottom: 1em;	border-top: solid 1px var(--glayColor2);	border-left: solid 1px var(--glayColor2);border-collapse: collapse;  border-spacing: 0; font-size:12px;}
#option_tbl th, #option_tbl td {border-right: solid 1px var(--glayColor2);border-bottom: solid 1px var(--glayColor2);	padding: 0.5em;	text-align: center;}
.price_box {padding: 1em 0;	border-top: solid 1px var(--glayColor2);	border-bottom: solid 1px var(--glayColor2);	margin-bottom: 2em;max-width: 400px;}
.options {max-width: 400px;	margin-bottom: 2em;}
.options [data-name] {	padding: 0 0 1em;}
.options div:last-child {border-bottom: solid 1px var(--glayColor2);}
.price_box .model {	width: 75%;}
.price_box .discount_rate {	width: 25%;	text-align: right;	font-weight: bold;	color: var(--BtnColor);}
.price_box .price {	width: 30%;}
.price_box .regular_price {	width: 30%;}
.price_box .sales {	width: 30%;	text-align: right;	font-weight: bold;	flex-grow: 1;	align-items: end;	display: flex;	justify-content: end;}
.price_box {display: flex;	flex-wrap: wrap;}
.price[data-tag="Äê²Á"]::before {	content: "Äê²Á";display: block; font-size: 10px;}
.regular_price[data-tag="Ä̾ï²Á³Ê"]::before {content: "Ä̾ï²Á³Ê";display: block;  font-size: 10px;}
.options [data-name] {display: flex; align-items: center;}
.options select {width: 250px;}
.options [data-name] .op_name {	width: 150px;}
.options select {padding: 1em;	background: transparent;border: none;box-shadow: 0 0 0 1px var(--glayColor2);}
.other_link {margin-top: 0;	padding: 1em 0;	}
.other_link > li {	margin-bottom: 0.25em;}
.explain > .wrap,.item_info > .wrap {max-width: 600px; margin:0 auto;}
.product_wrap h2 {font-weight: normal;	color: var(--BtnColor);}
.product_wrap {	padding: 3em 3%;}
.guide_icons{display:flex;  font-size: 10px;}
.guide_icons li {margin-right: 1em;	aspect-ratio: 1/1;	display: flex;	width: calc(25% - 1em);	height: fit-content;max-width: 120px;}
.guide_icons li a {	padding: 0.5em;	background: var(--glayColor);display: flex;	color: var(--FontColor);flex-flow: column;	width: 100%;	justify-content: center;align-items: center;max-width: 125px;}
.guide_icons li a i {display: block;font-size: 30px;}
.favorite-button {	border: none;	background: none;	font-size: 20px;color: var(--FontColor2);}
.favorite-button.fav-items {color: var(--FavoColor);}
.cart_box .favo {text-align: right;max-width: 400px;}
.cart_box h1 {	margin-top: 0;}
.book_head h1 {	text-align: center;	padding: 0 2em 3em 2em;	margin: 0 0 2em;background: rgba(0,0,0,0.6); color:#fff;}
.book_head {background-size: cover;	background-position: center center;}
.book_head a{color:#FFF;}
.book_wrap > :not([class]) {margin: 0 auto;	box-sizing: border-box; padding:0 3%; width:100%;}
.book_wrap {margin-bottom: 3em;}
.book_mainimg {	text-align: center;	margin: 0 0 1em;}
.book_wrap .wrap {	max-width: 1200px;	margin: 0 auto;	box-sizing: border-box;	padding: 0 3%;}
.book_wrap .gallery {box-sizing: border-box;padding: 1em 3%;	max-width: 1200px;	margin: 0 auto;	display: flex;	flex-wrap: wrap;}
@media screen and (max-width: 959px) {

	.item_info h2::after {content: "\e90b";	float: right;font-family: 'icomoon' !important;  margin-top: 3px; margin-right: 5px;
}
.item_info h2.active::after {content: "\e90c";	float: right;font-family: 'icomoon' !important;}
	.cart_box { padding: 15px;  max-width: 400px;   margin: 0 auto;}
	.explain {	margin-bottom: 3em;}
  	.other_link {display: none;}
	.other_link.active {display: block;}
	.product_wrap h2 {font-weight: normal;	color: var(--BtnColor);	cursor: pointer;}
	.product_wrap h2.active + ul {display: block;border-bottom: solid 1px var(--glayColor2);}
	.item_info h2 {	border-top: solid 1px var(--glayColor2);padding-top: 1em; border-bottom: solid 1px var(--glayColor2);padding-bottom: 1em;}
	.item_info h2.active{border-bottom:none;}
  .book_wrap img {	height: auto !important;}
  .book_wrap .gallery li {	width: 33%;	text-align: center;box-sizing: border-box;padding: 0 1%;}
}
@media screen and (min-width: 960px) {
	.book_wrap > :not([class]) {margin: 0 auto;	max-width: 1200px;}
	.other_link {border-top: solid 1px var(--glayColor2);}
	.guide_icons li a i {font-size: 40px;}
	.explain > .wrap {max-width: 600px;	margin-left: auto;}
	.item_info > .wrap {	max-width: 600px;	margin-right: auto;}
	.product_wrap {	display: flex;}
	.product_wrap > div.explain {width: 50%;box-sizing: border-box;	padding: 100px 5% 100px 10%;}
	.product_wrap > div.item_info {	width: 50%;	box-sizing: border-box;	padding: 100px 10% 100px 5%;}
	#option_tbl{ font-size:14px;}
	.img_area .thubnail {	left: 9%;}
	.cart_wrap {display: flex;	max-width: 100%;justify-content: center;}
	.cart_wrap .img_area {	width: 45%;}
  	.cart_wrap .cart_box {	width: 38%;box-sizing: border-box;padding-left: 5%;}
	.main_img{margin-right: 9%;}
  .book_wrap .gallery li {	width: 20%;	text-align: center;box-sizing: border-box;padding: 0 1%;}
}
.availability {
	display: flex;
	position: relative;
	font-size: 11px;
	margin-left: 1em;
	justify-content: center;
	align-items: center;
}