@charset "UTF-8";

/* ========================================
	reset
======================================== */
.cecile-contents {
	padding: 0;
	max-width: 100%;
}

.contswrap p {
	margin: 0;
	padding: 0;
}

/* ========================================
	共通設定
======================================== */
.contswrap img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	transition: 0.5s ;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.contswrap a[href] img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
@media screen and (max-width: 896px) {
	.contswrap img {
		width: 100%;
	}
	.contswrap a[href] img:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

.view-pc {
	display: block;
}
.view-pc.inline {
	display: inline;
}
.view-sp {
	display: none;
}
.view-sp.inline {
	display: none;
}
@media screen and (max-width: 896px) {
	.view-pc {
		display: none;
	}
	.view-pc.inline {
		display: none;
	}
	.view-sp {
		display: block;
	}
	.view-sp.inline {
		display: inline;
	}
}

.contswrap {
	font-size: 14px;
}
@media screen and (max-width: 896px) {
	.contswrap {
		font-size: calc(24 / 750 * 100vw);
	}
	.contswrap.index {
		margin-top: 0;
	}
}

.contswrap a {
	display: block;
	text-decoration: none;
}

.contswrap .btn {
	margin: 50px auto 0;
	height: 38px;
	text-align: center;
}
@media screen and (max-width: 896px) {
	.contswrap .btn {
		margin: calc(52 / 750 * 100vw) auto 0;
		width: calc(600 / 750 * 100vw);
		height: auto;
	}
}

.contswrap .btn a {
	display: inline-block;
	width: 480px;
	height: 38px;
	padding: 0 20px;
	border: solid 1px #777777;
	border-radius: 100vw;
	background: #777777;
	color: #ffffff;
	text-align: center;
	line-height: 38px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
	.contswrap .btn a {
		min-width: 50%;
	}
}
@media screen and (max-width: 896px) {
	.contswrap .btn a {
		display: block;
		position: relative;
		width: auto;
		height: auto;
		padding: calc(8 / 750 * 100vw) 0;
		font-size: calc(28 / 750 * 100vw);
		line-height: 1.357;
	}
	.contswrap .btn a::after {
		content: "";
		border-top: solid calc(5 / 750 * 100vw) #ffffff;
		border-right: solid calc(5 / 750 * 100vw) #ffffff;
		width: calc(12 / 750 * 100vw);
		height: calc(12 / 750 * 100vw);
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: calc(42 / 750 * 100vw);
		transform: rotate(45deg);
	}
}

.contswrap .btn a:hover {
	background: #444444;
}
@media screen and (max-width: 896px) {
	.contswrap .btn a:hover {
		background-color: #777777;
	}
}

.dispflg_off {
	visibility: hidden;
}

.dispflg_on {
	visibility: visible;
}

/* ========================================
	breadcrumb
======================================== */
.breadcrumb {
	margin: 0 auto 24px;
	padding: 0.625rem var(--content-padding) 0;
	width: 1240px;
}
.breadcrumb + .breadcrumb {
	margin-top: -25px;
	padding-top: 0;
}
@media screen and (max-width: 1280px) {
	.breadcrumb {
		width: 990px;
	}
}
@media screen and (max-width: 896px) {
	.breadcrumb {
		padding-right: 0;
		padding-left: 0;
		margin-left: 0.625rem;
		margin-right: 0.625rem;
		width: calc(100% - var(--content-padding) * 2);
		margin-bottom: 1.875rem;
	}
	.breadcrumb + .breadcrumb {
		margin-top: -1.625rem;
		padding-top: 0.625rem;
	}
}

/* ========================================
	titlearea
======================================== */
.titlearea {
	margin: 0 auto;
	padding: 0 var(--content-padding);
	width: 1240px;
}
@media screen and (max-width: 1280px) {
	.titlearea {
		width: 990px;
	}
}
@media screen and (max-width: 896px) {
	.titlearea {
		width: 100%;
	}
}

.titlearea-title {
	display: inline;
}
@media screen and (max-width: 896px) {
	.titlearea-title {
		font-size: calc(32 / 750 * 100vw);
		font-weight: 500;
		letter-spacing: -0.02em;
	}
}

.titlearea-lead {
	display: inline-block;
	margin-left: 1rem;
}
@media screen and (max-width: 896px) {
	.titlearea-lead {
		font-size: calc(24 / 750 * 100vw);
		margin: calc(10 / 750 * 100vw) 0 0 0;
	}
}

.contswrap .update {
	margin: 7px auto 0;
	padding: 0 var(--content-padding);
	width: 1240px;
	font-size: 12px;
	text-align: right;
}
@media screen and (max-width: 1280px) {
	.contswrap .update {
		width: 990px;
	}
}
@media screen and (max-width: 896px) {
	.contswrap .update {
		width: 100%;
		font-size: calc(24 / 750 * 100vw);
	}
}

.categorypage-titlearea-title {
	padding: 0;
	border-bottom: solid 2px #f7f6f4;
	font-size: 22px;
	font-weight: 500;
}
.categorypage-titlearea-title span {
	margin: 0 0 0 7px;
    font-size: 16px;
}
@media screen and (max-width: 896px) {
	.categorypage-titlearea-title {
		font-size: calc(32 / 750 * 100vw);
		border-bottom: 0;
		padding: 0;
	}
	.categorypage-titlearea-title span {
		margin-left: calc(14 / 750 * 100vw);
		font-size: calc(26 / 750 * 100vw);
	}
}

.categorypage-titlearea-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 14px;
	font-size: 12px;
}
.contswrap .categorypage-titlearea-updata {
	margin-left: 2rem;
	white-space: nowrap;
}
@media screen and (max-width: 896px) {
	.categorypage-titlearea-wrap {
		display: block;
		margin-top: calc(10 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
		letter-spacing: -0.04em;
	}
	.contswrap .categorypage-titlearea-updata {
		margin-left: 0;
		white-space: normal;
		text-align: right;
	}
}

/* ===================================================
/* keyv
=================================================== */
.keyvarea {
	margin-top: 4px;
	background-color: #f4c398;
}
@media screen and (max-width: 896px) {
	.keyvarea {
		margin-top: calc(28 / 750 * 100vw);
	}
}

.keyv-image {
	margin: 0 auto;
	width: 1240px;
	height: auto;
}
@media screen and (max-width: 1280px) {
	.keyv-image {
		width: 990px;
	}
}
@media screen and (max-width: 896px) {
	.keyv-image {
		width: 100%;
	}
}

/* ========================================
	gnavi
======================================== */
.gnavi {
	margin: 28px auto 0;
	padding: 0 var(--content-padding);
	width: 1240px;
}
.contswrap.index .gnavi {
	margin-top: 16px;
}
.contswrap .gnavi.gnavi-bottom {
	margin-top: 85px;
}
@media screen and (max-width: 1280px) {
	.gnavi {
		width: 990px;
	}
}
@media screen and (max-width: 896px) {
	.gnavi {
		margin-top: calc(20 / 750 * 100vw);
		width: 100%;
	}
	.contswrap.index .gnavi {
		margin-top: calc(20 / 750 * 100vw);
	}
	.contswrap .gnavi.gnavi-bottom {
		margin-top: calc(90 / 750 * 100vw);
	}
}

.gnavi .gnavi-list {
	display:flex;
	flex-wrap: wrap;
}

.gnavi .gnavi-list-item {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 232px;
	margin: 10px 0 0 20px;
	border: solid 1px #f0eeeb;
	box-sizing: border-box;
	border-radius: 3px;
}
@media screen and (max-width: 896px) {
	.gnavi .gnavi-list-item {
		border-width: calc(2 / 750 * 100vw);
		border-radius: calc(6 / 750 * 100vw);
	}	
}

.gnavi .gnavi-list-item:hover {
	background: #9c154f;
	border: solid 1px #9c154f;
}
.gnavi .gnavi-list-item:hover a {
	color: #ffffff;
}
@media screen and (max-width: 896px) {
	.gnavi .gnavi-list-item:hover {
		background: transparent;
		border: solid calc(2 / 750 * 100vw) #f0eeeb;
	}
	.gnavi .gnavi-list-item:hover a {
		color: currentColor;
	}
}


.gnavi .gnavi-list-item:nth-child(5n+1) {
	margin: 10px 0 0;
}
@media screen and (max-width: 1280px) {
	.gnavi .gnavi-list-item:nth-child(5n+1) {
		margin-left: 20px;
	}
	.gnavi .gnavi-list-item:nth-child(4n+1) {
		margin-left: 0;
	}
}
@media screen and (max-width: 896px) {
	.gnavi .gnavi-list-item:nth-child(5n+1) {
		margin-left: 0;
		margin-top: calc(10 / 750 * 100vw);
	}
	.gnavi .gnavi-list-item {
		width: calc((100% - (14 / 750 * 100vw)) / 2);
		margin-top: calc(10 / 750 * 100vw);
		margin-left: 0;
		min-height: calc(70 / 750 * 100vw);
		border-radius: 0;
	}
	.gnavi .gnavi-list-item:nth-child(2n-1) {
		margin-right: calc(14 / 750 * 100vw);
	}
}

.gnavi .gnavi-list-item a {
	width: 100%;
	padding: 9px 10px;
	font-size: 12px;
	text-align: center;
	line-height: 1.5;
	-webkit-transition: all 0.3s ease;
	transition: all  0.3s ease;
	box-sizing: border-box;
}
@media screen and (max-width: 896px) {
	.gnavi .gnavi-list-item a {
		display: flex;
		align-items: center;
		height: 100%;
		position: relative;
		padding-top: calc(10 / 750 * 100vw);
		padding-right: calc(48 / 750 * 100vw);
		padding-bottom: calc(10 / 750 * 100vw);
		padding-left: calc(30 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
		text-align: left;
		line-height: 1.3;
	}
	.gnavi .gnavi-list-item a::after {
		content: "";
		position: absolute;
		top: calc(50% - calc(6 / 750 * 100vw));
		right: calc(20 / 750 * 100vw);
		margin-left: calc(30 / 750 * 100vw);
		width: calc(8 / 750 * 100vw);
		height: calc(8 / 750 * 100vw);
		border-top: calc(2 / 750 * 100vw) solid #64605d;
		border-right: calc(2 / 750 * 100vw) solid #64605d;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.gnavi .gnavi-list-item:hover a::after {
		border-top: calc(2 / 750 * 100vw) solid #64605d;
		border-right: calc(2 / 750 * 100vw) solid #64605d;
	}
}

.gnavi .gnavi-list-item.current a {
	color: #ffffff;
}

.gnavi .gnavi-list-item.current {
	border: solid 1px #9c154f;
	border-radius: 3px;
	background: #9c154f;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
}
@media screen and (max-width: 896px) {
	.gnavi .gnavi-list-item.current {
		align-items: flex-start;
		padding-top: calc(10 / 750 * 100vw);
		padding-right: calc(48 / 750 * 100vw);
		padding-bottom: calc(10 / 750 * 100vw);
		padding-left: calc(30 / 750 * 100vw);
		border-radius: 0;
		font-size: calc(20 / 750 * 100vw);
		text-align: left;
	}
}

.gnavi.accordion .gnavi-title {
	display: none;
}
@media screen and (max-width: 896px) {
	.gnavi.accordion {
		margin-top: calc(30 / 750 * 100vw);
	}
	.gnavi.accordion .gnavi-title {
		display: block;
		position: relative;
		padding: calc(0 / 750 * 100vw) calc(40 / 750 * 100vw);
		width: auto;
		height: calc(96 / 750 * 100vw);
		border: calc(2 / 750 * 100vw) solid #dedede;
		font-size: calc(28 / 750 * 100vw);
		cursor: pointer;
		line-height: calc(96 / 750 * 100vw);
	}
	.gnavi.accordion .gnavi-title.open {
		border-bottom: 0;
	}
	.gnavi.accordion .gnavi-title::after {
		content: "";
		position: absolute;
		top: calc(50% - calc(6 / 750 * 100vw));
		right: calc(50 / 750 * 100vw);
		margin-left: calc(30 / 750 * 100vw);
		width: calc(8 / 750 * 100vw);
		height: calc(8 / 750 * 100vw);
		border-top: calc(3 / 750 * 100vw) solid #1e1f21;
		border-right: calc(3 / 750 * 100vw) solid #1e1f21;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		transition: all 0.2s ease-in-out;
	}
	.gnavi.accordion .gnavi-title.open::after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 45%;
	}
	.gnavi.accordion .gnavi-list {
		display: none;
		border-left: calc(2 / 750 * 100vw) solid #dedede;
		border-right: calc(2 / 750 * 100vw) solid #dedede;
		border-bottom: calc(2 / 750 * 100vw) solid #dedede;
	}
	.gnavi.accordion .gnavi-list .gnavi-list-item {
		margin-top: 0;
		border: 0;
		border-top: calc(2 / 750 * 100vw) solid #dedede;
		width: auto;
	}
	.gnavi.accordion .gnavi-list .gnavi-list-item:nth-child(2n-1) {
		margin-right: 0;
	}
	.gnavi.accordion .gnavi-list .gnavi-list-item a {
		display: block;
		position: relative;
		padding: calc(22 / 750 * 100vw) calc(50 / 750 * 100vw) calc(22 / 750 * 100vw) calc(20 / 750 * 100vw);
		font-size: calc(28 / 750 * 100vw);
		text-decoration: none;
	}
	.gnavi.accordion .gnavi-list .gnavi-list-item a::after {
		content: "";
		position: absolute;
		top: calc(50% - calc(6 / 750 * 100vw));
		right: calc(50 / 750 * 100vw);
		margin-left: calc(30 / 750 * 100vw);
		width: calc(8 / 750 * 100vw);
		height: calc(8 / 750 * 100vw);
		border-top: calc(3 / 750 * 100vw) solid #1e1f21;
		border-right: calc(3 / 750 * 100vw) solid #1e1f21;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.gnavi.accordion .gnavi-list-item.current {
		display: none;
	}
}

/* ========================================
	INDEXページ section
======================================== */
.section-wrap {
	margin-left: auto;
	margin-right: auto;
	padding: 0 var(--content-padding);
	width: 1240px;
}
@media screen and (max-width: 1280px) {
	.section-wrap {
		width: 990px;
	}
}
@media screen and (max-width: 896px) {
	.section-wrap {
		width: 100%;
	}
}

.section {
	margin: 55px 0 0;
}
.section ~ .section {
	margin: 90px 0 0;
}
.categorypage-section {
	margin-top: 35px;
}
@media screen and (max-width: 896px) {
	.section {
		margin-top: calc(80 / 750 * 100vw);
	}
	.section ~ .section {
		margin-top: calc(110 / 750 * 100vw);
	}
	.categorypage-section {
		margin-top: calc(50 / 750 * 100vw);
	}
}

.section-title {
	padding: 0 0 7px;
	border-bottom: solid 2px #eeeeee;
	font-size: 20px;
	font-weight: 500;
}
@media screen and (max-width: 896px) {
	.section-title {
		font-size: calc(36 / 750 * 100vw);
		line-height: 1.333;
		text-align: center;
		border-bottom: 0;
		padding: 0;
	}
}

.section .ranking-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

.section .ranking-list img {
	border-radius: 4px;
}

.section .ranking-list-item {
	width: 400px;
	margin: 30px 0 0 20px;
}
.section .ranking-list-item:nth-child(1) {
	margin: 30px 0 0 0;
}
.section .ranking-list-item:nth-child(n+4):nth-child(2n) {
	width: 610px;
	margin: 60px 0 0 0;
}
.section .ranking-list-item:nth-child(n+4):nth-child(2n+1) {
	width: 610px;
	margin: 60px 0 0 20px;
}
@media screen and (max-width: 1280px) {
	.section .ranking-list-item {
		width: 319px;
		margin: 24px 0 0 15px;
	}
	.section .ranking-list-item:nth-child(1) {
		margin: 24px 0 0 0;
	}
	.section .ranking-list-item:nth-child(n+4):nth-child(2n) {
		width: 487px;
		margin: 48px 0 0 0;
	}
	.section .ranking-list-item:nth-child(n+4):nth-child(2n+1) {
		width: 487px;
		margin: 48px 0 0 15px;
	}
}
@media screen and (max-width: 896px) {
	.section .ranking-list-item {
		width: 100%;
		margin-left: 0;
	}
	.section .ranking-list-item:nth-child(n+4):nth-child(2n) {
		margin-top: calc(40 / 750 * 100vw);
		width: 100%;
	}
	.section .ranking-list-item:nth-child(n+4):nth-child(2n+1) {
		margin-top: calc(40 / 750 * 100vw);
		width: 100%;
		margin-left: 0;
	}
}

.section .ranking-list-item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.section .ranking-list-item:nth-child(-n+3) {
	flex-direction: column;
}
.section .ranking-list-item:nth-child(n+4) {
	flex-direction: row;
	justify-content: space-between;
}
.section .ranking-list-item:nth-child(n+4) .thumb {
	width: 265px;
}
.section .ranking-list-item:nth-child(n+4) .detail {
	width: 330px;
}
.section .ranking-list-item:nth-child(n+4) .name {
	margin: 0;
}
@media screen and (max-width: 1280px) {
	.section .ranking-list-item:nth-child(n+4) .thumb {
		width: 212px;
	}
	.section .ranking-list-item:nth-child(n+4) .detail {
		width: 264px;
	}
}
@media screen and (max-width: 896px) {
	.section .ranking-list-item {
		justify-content: space-between;
	}
	.section .ranking-list-item:nth-child(1) {
		margin-top: calc(30 / 750 * 100vw);
	}
	.section .ranking-list-item:nth-child(n+2) {
		margin-top: calc(40 / 750 * 100vw);
	}
	.section .ranking-list-item:nth-child(n+2):before {
		margin-bottom: calc(40 / 750 * 100vw);
		content: "";
		width: 100%;
		height: calc(2 / 750 * 100vw);
		background-color: #dcdcdc;
	}
	.section .ranking-list-item:nth-child(-n+3) {
		flex-direction: row;
	}
	.section .ranking-list-item .thumb,
	.section .ranking-list-item:nth-child(n+4) .thumb,
	.section .ranking-list-item .detail,
	.section .ranking-list-item:nth-child(n+4) .detail {
		width: calc(340 / 750 * 100vw);
	}
}

.section .ranking-list-item .thumb {
	position: relative;
}

.section .ranking-list-item .rank {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 24px;
	height: 24px;
	background: #444444;
	border: solid 1px #ffffff;
	border-radius: 12px;
	color: #ffffff;
	text-indent: 0;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #acacac;
	z-index: 500;
	box-sizing: border-box;
}
.section .ranking-list-item .rank::after {
	content:"";
	display: inline-block;
	height: 24px;
	vertical-align: middle;
}
@media screen and (max-width: 896px) {
	.section .ranking-list-item .rank {
		top: calc(-5 / 750 * 100vw);
		left: calc(-10 / 750 * 100vw);
		width: calc(40 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		font-size: calc(18 / 750 * 100vw);
		border: 0;
		border-radius: 100vw;
		text-shadow:none;
	}
	.section .ranking-list-item .rank::after {
		height: calc(40 / 750 * 100vw);
	}
}

.section .ranking-list-item:nth-child(1) .rank {
	background-color: #d0b247;
}

.section .ranking-list-item:nth-child(2) .rank {
	background-color: #859099;
}

.section .ranking-list-item:nth-child(3) .rank {
	background-color: #734a22;
}


.section .ranking-list-item .sale {
	position: absolute;
	bottom: 10px;
	left: -1px;
	background: #de0000;
	color: #ffffff;
	font-weight: bold;
	font-size: 86%;
	padding: 0 10px;
	text-align: center;
	z-index: 500;
}
@media screen and (max-width: 896px) {
	.section .ranking-list-item .sale {
		display: inline-block;
		bottom: calc(8 / 750 * 100vw);
		left: calc(-2 / 750 * 100vw);
		font-size: 90%;
		padding: 0 calc(20 / 750 * 100vw);
		line-height: 1.3;
	}
}

.section .ranking-list-item .img {
	padding: 1px;
	border: solid 1px #f0eeeb;
	border-radius: 4px;
}

.section .ranking-list-item .name {
	margin: 15px 0 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
@media screen and (max-width: 896px) {
	.section .ranking-list-item .name {
		margin-top: 0;
		font-size: calc(26 / 750 * 100vw);
	}
}

.section .ranking-list-item a:hover .name {
	text-decoration: underline;
}
@media screen and (max-width: 896px) {
	.section .ranking-list-item a:hover .name {
		text-decoration: none;
	}
}

.section .ranking-list-item .price {
	margin: 5px 0 0;
	font-weight: bold;
}
@media screen and (max-width: 896px) {
	.section .ranking-list-item .price {
		margin-top: calc(16 / 750 * 100vw);
	}
}

.section .ranking-list-item .price span {
	font-size: 16px;
}
@media screen and (max-width: 896px) {
	.section .ranking-list-item .price span {
		font-size: calc(30 / 750 * 100vw);
	}
}

.section .ranking-list-item.saleflug1 .price {
	color: #cc0000;
}

.section .ranking-list-item .price span + span,
.section .ranking-list-item.saleflug1 .price span + span {
	font-size: 14px;
}
@media screen and (max-width: 896px) {
	.section .ranking-list-item .price span + span,
	.section .ranking-list-item.saleflug1 .price span + span {
		font-size: calc(20 / 750 * 100vw);
	}
}

.section .ranking-list-item .copy {
	margin: 8px 0 0;
	font-size: 12px;
}
@media screen and (max-width: 896px) {
	.section .ranking-list-item .copy {
		margin-top: calc(20 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
	}
}

/* ========================================
	下層ページ mainarea
======================================== */
.contswrap .area-wrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin: 50px auto 0;
    padding: 0 var(--content-padding);
    width: 1240px;
}
@media screen and (max-width: 1280px) {
	.contswrap .area-wrapper {
		width: 990px;
	}
}
@media screen and (max-width: 896px) {
	.contswrap .area-wrapper {
		flex-direction: column;
		margin-top: calc(72 / 750 * 100vw);
		width: 100%;
	}
}

.contswrap .mainarea {
	width: 980px;
}

@media screen and (max-width: 1280px) {
	.contswrap .mainarea {
		width: 730px;
	}
}
@media screen and (max-width: 896px) {
	.contswrap .mainarea {
		width: 100%;
	}
}

.contswrap .mainarea .title {
	padding: 0 0 8px;
    border-bottom: solid 2px #eeeeee;
    font-size: 20px;
    font-weight: 500;
}
@media screen and (max-width: 896px) {
	.contswrap .mainarea .title {
		font-size: calc(36 / 750 * 100vw);
		line-height: 1.333;
		text-align: center;
		border-bottom: 0;
		padding: 0;
	}
}

.contswrap .mainarea .ranking-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: -10px;
}

.contswrap .mainarea .ranking-list img {
	width: 100%;
	height: auto;
	border-radius: 4px;
}

.contswrap .mainarea .ranking-list-item {
	margin: 30px 0 0 20px;
	width: 230px;
}
.contswrap .mainarea .ranking-list-item:nth-child(4n+1) {
	margin-left: 0;
}
@media screen and (max-width: 1280px) {
	.contswrap .mainarea .ranking-list-item:nth-child(4n+1) {
		margin: 30px 0 0 20px;
	}
	.contswrap .mainarea .ranking-list-item:nth-child(3n+1) {
		margin: 30px 0 0 0;
	}
}
@media screen and (max-width: 896px) {
	.contswrap .mainarea .ranking-list-item {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	.contswrap .mainarea .ranking-list-item:nth-child(n) {
		margin-top: calc(40 / 750 * 100vw);
		margin-left: 0;
	}
	.contswrap .mainarea .ranking-list-item:nth-child(1) {
		margin-top: calc(60 / 750 * 100vw);
	}
	.contswrap .mainarea .ranking-list-item:nth-child(n+2):before {
		margin-bottom: calc(40 / 750 * 100vw);
		content: "";
		width: 100%;
		height: calc(2 / 750 * 100vw);
		background-color: #dcdcdc;
	}
}

.contswrap .mainarea .ranking-list-item .thumb {
	position: relative;
}
@media screen and (max-width: 896px) {
	.contswrap .mainarea .ranking-list-item .thumb {
		width: calc(340 / 750 * 100vw);
	}
}

.contswrap .mainarea .ranking-list-item .rank {
	position: absolute;
	top: -4px;
	left: -4px;
	width: 24px;
	height: 24px;
	background: #444444;
	border: solid 1px #ffffff;
	border-radius: 100vw;
	color: #ffffff;
	text-indent: 0;
	text-align: center;
	font-size: 14px;
	z-index: 500;
	box-sizing: border-box;
}
.contswrap .mainarea .ranking-list-item .rank::after {
	content:"";
	display: inline-block;
	height: 24px;
	vertical-align: middle;
}
.contswrap .mainarea .ranking-list-item:nth-child(1) .rank {
	background: #d0b247;
	color: #ffffff;
	text-shadow: 1px 1px 1px #acacac;
}
.contswrap .mainarea .ranking-list-item:nth-child(2) .rank {
	background: #859099;
	color: #ffffff;
	text-shadow: 1px 1px 1px #acacac;
}
.contswrap .mainarea .ranking-list-item:nth-child(3) .rank {
	background: #734a22;
	color: #ffffff;
	text-shadow: 1px 1px 1px #acacac;
}
@media screen and (max-width: 896px) {
	.contswrap .mainarea .ranking-list-item .rank {
		top: calc(-5 / 750 * 100vw);
		left: calc(-10 / 750 * 100vw);
		width: calc(40 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		font-size: calc(18 / 750 * 100vw);
		border: 0;
		text-shadow:none;
	}
	.contswrap .mainarea .ranking-list-item .rank::after {
		height: calc(40 / 750 * 100vw);
	}
}

@media screen and (max-width: 896px) {
	.contswrap .mainarea .ranking-list-item .detail {
		width: calc(340 / 750 * 100vw);
	}
}

.contswrap .mainarea .ranking-list-item .sale {
	position: absolute;
	bottom: 10px;
	left: -1px;
	background: #de0000;
	color: #ffffff;
	font-weight: bold;
	font-size: 86%;
	padding: 0 10px;
	text-align: center;
	z-index: 500;
}

@media screen and (max-width: 896px) {
	.contswrap .mainarea .ranking-list-item .sale {
		display: inline-block;
		bottom: calc(8 / 750 * 100vw);
		left: calc(-2 / 750 * 100vw);
		font-size: 90%;
		padding: 0 calc(20 / 750 * 100vw);
		line-height: 1.3;
	}
}
.contswrap .mainarea .ranking-list-item .img {
	padding: 1px;
	border: solid 1px #f0eeeb;
	border-radius: 4px;
}

.contswrap .mainarea .ranking-list-item .name {
	margin: 15px 0 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.contswrap .mainarea .ranking-list-item a:hover .name {
	text-decoration: underline;
}
@media screen and (max-width: 896px) {
	.contswrap .mainarea .ranking-list-item .name {
		margin-top: 0;
		font-size: calc(26 / 750 * 100vw);
		line-height: 1.615;
	}
	.contswrap .mainarea .ranking-list-item a:hover .name {
		text-decoration: none;
	}
}


.contswrap .mainarea .ranking-list-item .price {
	margin: 5px 0 0;
	font-weight: bold;
}
.contswrap .mainarea .ranking-list-item .price span {
	font-size: 16px;
}
.contswrap .mainarea .ranking-list-item.saleflug1 .price {
	color: #cc0000;
}
.contswrap .mainarea .ranking-list-item .price span + span,
.contswrap .mainarea .ranking-list-item.saleflug1 .price span + span {
	font-size: 14px;
}
@media screen and (max-width: 896px) {
	.contswrap .mainarea .ranking-list-item .price {
		font-weight: 500;
	}
	.contswrap .mainarea .ranking-list-item .price span {
		font-size: calc(30 / 750 * 100vw);
	}
	.contswrap .mainarea .ranking-list-item .price span[data-dispyen],
	.contswrap .mainarea .ranking-list-item .price span[data-multpriceflg] {
		font-size: calc(20 / 750 * 100vw);
	}
}



/* ========================================
	下層ページ categories
======================================== */
.categories {
	margin: 28px auto 0;
	padding: 0 var(--content-padding);
	width: 1240px;
}
@media screen and (max-width: 1280px) {
	.categories {
		width: 990px;
	}
}
@media screen and (max-width: 896px) {
	.categories {
		margin-top: calc(40 / 750 * 100vw);
		width: 100%;
	}
}

.categories-title {
    padding: 8px 15px;
	background: #f7f6f4;
    font-size: 18px;
    font-weight: bold;
}
@media screen and (max-width: 896px) {
	.categories-title {
		padding: 0 0 calc(10 / 750 * 100vw) 0;
		background-color: transparent;
		border-bottom: solid calc(4 / 750 * 100vw) #eeeeee;
		font-size: calc(32 / 750 * 100vw);
		font-weight: 500;
		line-height: 1.438;
	}
}

.categories-nav-pc {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width: 896px) {
	.categories-nav-pc {
		display: none;
	}
}

.categories-nav-pc li {
	background: #f7f6f4;
	border-radius: 3px;
}

.categories-nav-pc li.category-block {
	width: 610px;
}
.categories-nav-pc li.category-block:nth-child(n+3) {
	margin-top: 20px;
}
.categories-nav-pc li.category-block:nth-child(2n) {
	margin-left: 20px;
}
@media screen and (max-width: 1280px) {
	.categories-nav-pc li.category-block {
		width: 487px;
	}
	.categories-nav-pc li.category-block:nth-child(2n) {
		margin-left: 15px;
	}
}

.categories-nav-pc .category-block-title {
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 2px;
	width: 100%;
	border-bottom: 2px solid #ffffff;
	font-size: 114%;
	font-weight: 500;
}

.categories-nav-pc .category-block-title img {
	width: 100px;
	height: auto;
}

.categories-nav-pc .category-block-title a {
	text-decoration: none;
	width: 500px;
	padding-right: 10px;
}

.categories-nav-pc .category-block-title a span {
	display: block;
}

@media screen and (max-width: 1280px) {
	.categories-nav-pc .category-block-title a {
		width: 367px;
	}
}

.categories-nav-pc .category-block-title a:hover {
	text-decoration: underline!important;
}

.categories-nav-pc li.category-block ul {
	padding: 10px 10px 15px 10px;
}

.categories-nav-pc li.category-name  {
	display: inline-block;
	clear: none;
	position: relative;
	padding-left: 10px;
}

.categories-nav-pc li.category-name:not(:last-child)::after {
	position: absolute;
	content: "、";
	font-size: 100%;
	bottom: 0;
}

.categories-nav-pc li.category-name span {
	display: inline-block;
	padding: 5px 0 0;
}

.categories-nav-pc li.category-name a {
	text-decoration: none;
}

.categories-nav-pc li.category-name a:hover {
	text-decoration: underline!important;
}

/* sp */
.categories-nav-sp {
	display: none;
}
@media screen and (max-width: 896px) {
	.categories-nav-sp {
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(30 / 750 * 100vw);
	}

	.categories-nav-sp li:nth-last-of-type(1), 
	.categories-nav-sp li:nth-last-of-type(2) {
		margin-bottom: 0;
	}
	.categories-nav-sp li {
		width: calc((100% - (20 / 750 * 100vw)) / 2);
		margin-bottom: calc(18 / 750 * 100vw);
		margin-left: calc(20 / 750 * 100vw);
	}
	.categories-nav-sp li:nth-child(2n+1) {
		margin-left: 0;
	}

	.categories-nav-sp h2.title {
		background: #deac22;
		color: #ffffff;
		font-size: calc(32 / 750 * 100vw);
		padding: calc(20 / 750 * 100vw) calc(10 / 750 * 100vw);
		margin: 0;
		box-sizing: border-box;
		text-shadow: 1px 1px 0 #b78905;
	}
	.categories-nav-sp li:not(.big):not(.size):not(.catalog) h3 a {
		display: table !important;
		height: calc(100 / 750 * 100vw) !important;
		padding-right: calc(36 / 750 * 100vw) !important;
		padding: calc(10 / 750 * 100vw) calc(26 / 750 * 100vw) calc(10 / 750 * 100vw) 0px !important;
		vertical-align: middle;
		color: #5e5441;
	}
	.categories-nav-sp li a {
		position: relative;
		display: block;
		height: auto;
		padding: 0;
		border: none;
		box-sizing: border-box;
		text-decoration: none;
		background-color: #f7f6f4;
		padding: 10px 25px 10px 8px;
		padding: calc(20 / 750 * 100vw) calc(50 / 750 * 100vw) calc(20 / 750 * 100vw) calc(16 / 750 * 100vw);
		margin-top: calc(4 / 750 * 100vw);
		width: 100%;
		color: #5e5441;
		text-align: left;
		font-size: calc(24 / 750 * 100vw);
		font-weight: normal;
	}
	.categories-nav-sp li:not(.big):not(.size):not(.catalog) .category-block-title img {
		max-width: none;
		display: table-cell !important;
		width: calc(96 / 750 * 100vw) !important;
		min-width: calc(96 / 750 * 100vw) !important;
	}
	.categories-nav-sp img {
		display: block;
		margin: 0 auto;
		max-width: 47%;
		width: auto;
		height: auto;
		white-space: nowrap;
	}
	.categories-nav-sp li:not(.big):not(.size):not(.catalog) .category-block-title span, 
	.categories-nav-sp li:not(.big):not(.size):not(.catalog) .category-block-title div {
		display: table-cell;
		vertical-align: middle;
		padding: 0;
		padding-right: 5%;
		width: 100%;
		background-color: #f7f6f4;
	}
	.categories-nav-sp li:not(.big):not(.size):not(.catalog) a::after {
		content: "";
		left: 93%;
		position: absolute;
		top: 40%;
		width: 0.5em;
		height: 0.5em;
		border-top: calc(2 / 750 * 100vw) solid #665D56;
		border-right: calc(2 / 750 * 100vw) solid #665D56;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		float: right;
		background: initial;
	}
	.categories-nav-sp li:not(.big):not(.size):not(.catalog) .category-block-title > a::after {
		left: 92.5% !important;
		border-top: calc(4 / 750 * 100vw) solid #665D56 !important;
		border-right: calc(4 / 750 * 100vw) solid #665D56 !important;
	}
	.categories-nav-sp li a::after {
		position: absolute;
		bottom: calc(8 / 750 * 100vw);
		left: 50%;
		display: block;
		width: calc(24 / 750 * 100vw);
		height: calc(24 / 750 * 100vw);
		margin-left: calc(-12 / 750 * 100vw);
		content: "";
		background-size: 12px 12px;
	}
	.categories-nav-sp .category-more .morebtn {
		position: static;
		display: block;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
	}
	.categories-nav-sp .category-more .morebtn a {
		font-size: calc(24 / 750 * 100vw);
		color: #5e5441;
		padding: 0;
		text-align: center;
		line-height: calc(72 / 750 * 100vw);
	}
	.categories-nav-sp .category-more .morebtn a:after {
		content: "";
		left: 80%;
		border-top: calc(4 / 750 * 100vw) solid #665D56 !important;
		border-right: calc(4 / 750 * 100vw) solid #665D56 !important;
		-webkit-transform: rotate(135deg) !important;
		transform: rotate(135deg) !important;
	}
	.categories-nav-sp .category-name:nth-child(n+3) {
		display: none;
	}
}

/* ========================================
	下層ページ middlegenre
======================================== */
#contswrap .mainarea .middlegenre {
	margin-top: 60px;
}

#contswrap .mainarea .middlegenre .middlegenre-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 15px 0 0;
}

#contswrap .mainarea .middlegenre .middlegenre-list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 232px;
	margin: 10px 0 0 17px;
	border: solid 1px #f0eeeb;
	border-radius: 3px;
}

#contswrap .mainarea .middlegenre .middlegenre-list-item:hover {
	background: #9c154f;
	border: solid 1px #9c154f;
}

#contswrap .mainarea .middlegenre .middlegenre-list-item:hover a {
	color: #ffffff;
}

#contswrap .mainarea .middlegenre .middlegenre-list-item:nth-child(4n+1) {
	margin: 10px 0 0;
	clear: both;
}

@media screen and (max-width: 1280px) {
	#contswrap .mainarea .middlegenre .middlegenre-list-item:nth-child(4n+1) {
		margin: 10px 0 0 17px;
		clear: none;
	}
	
	#contswrap .mainarea .middlegenre .middlegenre-list-item:nth-child(3n+1) {
		margin: 10px 0 0;
		clear: both;
	}
}

#contswrap .mainarea .middlegenre .middlegenre-list-item a {
	width: 232px;
	padding: 9px 10px;
	font-size: 12px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

#contswrap .mainarea .middlegenre .middlegenre-list-item.current {
	padding: 9px 10px;
	border: solid 1px #9c154f;
	border-radius: 3px;
	background: #9c154f;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
}



/* ========================================
	下層ページ sidearea
======================================== */
.contswrap .sidearea {
	width: 230px;
	margin: 4px 0 0;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea {
		width: auto;
		margin-top: calc(94 / 750 * 100vw);
	}	
}


/* ranknglist */
.contswrap .sidearea .ranknglist .title {
	margin: 0;
	padding: 0 0 8px;
	border-bottom: solid 2px #eeeeee;
	font-size: 18px;
	font-weight: 500;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .ranknglist .title {
		font-size: calc(26 / 750 * 100vw);
		line-height: 1.385;
		text-align: center;
		border-bottom: 0;
		padding: 0;
	}
}

.contswrap .sidearea .ranknglist p a {
	padding: 15px 10px 15px 0;
	border-bottom: solid 1px #f7f5f3;
	font-size: 107%;
	text-decoration: none;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .ranknglist p a {
		display: none;
	}
}

.contswrap .sidearea .ranknglist p a span {
	display: block;
	margin: 0 0 0 5px;
	padding: 0 10px 0 22px;
	background: url(../img/icon_arrow_left.png) left 6px no-repeat;
}

.contswrap .sidearea .ranknglist p a:hover {
	background: #f7f6f4;
	text-decoration: underline;
}

.contswrap .sidearea .ranknglist p.current {
	padding: 15px 10px;
	border-bottom: solid 1px #f7f5f3;
	font-weight: bold;
	font-size: 107%;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .ranknglist p.current {
		display: none;
	}
}

@media screen and (max-width: 896px) {
	.contswrap .sidearea .ranknglist .list {
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(10 / 750 * 100vw);
	}
}

.contswrap .sidearea .ranknglist .list-item {
	padding: 1px 0;
	border-bottom: solid 1px #f7f6f4;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .ranknglist .list-item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: solid 1px #f0eeeb;
		box-sizing: border-box;
		margin-top: calc(10 / 750 * 100vw);
		margin-left: 0;
		width: calc((100% - (14 / 750 * 100vw)) / 2);
		height: calc(70 / 750 * 100vw);
	}
	.contswrap .sidearea .ranknglist .list-item:nth-child(2n-1) {
		margin-right: calc(14 / 750 * 100vw);
	}
}

.contswrap .sidearea .ranknglist .list-item.current {
	padding: 7px 10px 6px 10px;
	font-weight: bold;
	font-size: 107%;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .ranknglist .list-item.current {
		align-items: flex-start;
		padding-top: calc(10 / 750 * 100vw);
		padding-right: calc(48 / 750 * 100vw);
		padding-bottom: calc(10 / 750 * 100vw);
		padding-left: calc(30 / 750 * 100vw);
		border: solid 1px #9c154f;
		border-radius: 0;
		background: #9c154f;
		color: #ffffff;
		font-size: calc(20 / 750 * 100vw);
		font-weight: 500;
		text-align: left;
	}
}

.contswrap .sidearea .ranknglist .list-item a {
	display: block;
	padding: 7px 0 6px 0;
	text-decoration: none;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .ranknglist .list-item a {
		display: flex;
		align-items: center;
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: calc(10 / 750 * 100vw);
		padding-right: calc(48 / 750 * 100vw);
		padding-bottom: calc(10 / 750 * 100vw);
		padding-left: calc(30 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
		text-align: left;
		line-height: 1.3;
	}
	.contswrap .sidearea .ranknglist .list-item a::after {
		content: "";
		position: absolute;
		top: calc(50% - calc(6 / 750 * 100vw));
		right: calc(20 / 750 * 100vw);
		margin-left: calc(30 / 750 * 100vw);
		width: calc(8 / 750 * 100vw);
		height: calc(8 / 750 * 100vw);
		border-top: calc(2 / 750 * 100vw) solid #64605d;
		border-right: calc(2 / 750 * 100vw) solid #64605d;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

.contswrap .sidearea .ranknglist .list-item a:hover {
	background: #f7f6f4;
	text-decoration: underline;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .ranknglist .list-item a:hover {
		background: transparent;
		text-decoration: none;
	}
}

.contswrap .sidearea .ranknglist .list-item a span {
	display: block;
	margin: 0 0 0 10px;
	padding: 0 10px 0 17px;
	background: url(../img/icon_arrow_side_category.png) left 6px no-repeat;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .ranknglist .list-item a span {
		margin: 0;
		padding: 0;
		background: none;
	}
}

/* genrelist */
.contswrap .sidearea .genrelist {
	margin: 50px 0 0;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .genrelist {
		margin-top: calc(55 / 750 * 100vw);
	}
}

.contswrap .sidearea .genrelist .title {
	margin-bottom: 2px;
	padding: 15px 20px 13px;
	border-radius: 3px 3px 0 0;
	background: #f7f6f4;
	font-weight: 500;
}

@media screen and (max-width: 896px) {
	.contswrap .sidearea .genrelist .title {
		font-size: calc(26 / 750 * 100vw);
		line-height: 1.385;
		text-align: center;
		background-color: transparent;
		padding: 0;
	}
}

@media screen and (max-width: 896px) {
	.contswrap .sidearea .genrelist .list {
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(15 / 750 * 100vw);
	}
}

.contswrap .sidearea .genrelist .list-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	margin-bottom: 2px;
	background: #f7f6f4;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .genrelist .list-item {
		align-items: center;
		border: 0;
		box-sizing: border-box;
		margin-top: calc(4 / 750 * 100vw);
		margin-left: 0;
		margin-bottom: 0;
		width: calc((100% - (4 / 750 * 100vw)) / 2);
		height: calc(70 / 750 * 100vw);
	}
	.contswrap .sidearea .genrelist .list-item:nth-child(2n-1) {
		margin-right: calc(4 / 750 * 100vw);
	}
}

.contswrap .sidearea .genrelist .list-item a {
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: 15px 28px 11px;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .genrelist .list-item a {
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: calc(10 / 750 * 100vw);
		padding-right: calc(48 / 750 * 100vw);
		padding-bottom: calc(10 / 750 * 100vw);
		padding-left: calc(30 / 750 * 100vw);
		font-size: calc(20 / 750 * 100vw);
		text-align: left;
		line-height: 1.3;
	}
	.contswrap .sidearea .genrelist .list-item a::after {
		content: "";
		position: absolute;
		top: calc(50% - calc(6 / 750 * 100vw));
		right: calc(20 / 750 * 100vw);
		margin-left: calc(30 / 750 * 100vw);
		width: calc(8 / 750 * 100vw);
		height: calc(8 / 750 * 100vw);
		border-top: calc(2 / 750 * 100vw) solid #64605d;
		border-right: calc(2 / 750 * 100vw) solid #64605d;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

.contswrap .sidearea .genrelist .list-item a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .genrelist .list-item a:hover {
		text-decoration: none;
	}	
}

.contswrap .sidearea .genrelist .list-all {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 2px;
	border-radius: 3px;
	background: #f7f6f4;
}
.contswrap .sidearea .genrelist .list-all a {
	display: block;
	text-decoration: none;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .genrelist .list-all {
		margin: 0;
		margin-top: calc(4 / 750 * 100vw);
		width: calc((100% - (4 / 750 * 100vw)) / 2);
		border-radius: 0;
	}
	.contswrap .sidearea .genrelist .list-all a {
		display: flex;
	}
}

.contswrap .sidearea .genrelist .list-all a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 896px) {
	.contswrap .sidearea .genrelist .list-all a:hover {
		text-decoration: none;
	}	
}

/* ========================================
	guideline
======================================== */
.includeHtml_guideline {
	margin-top: 75px;
	width: 980px;
}
@media screen and (max-width: 1280px) {
	.includeHtml_guideline {
		width: 730px;
	}
}
@media screen and (max-width: 896px) {
	.includeHtml_guideline {
		margin-top: calc(100 / 750 * 100vw);
		width: auto;
		font-size: calc(20 / 750 * 100vw);
	}
}
/* ========================================
	historylist
======================================== */
.historylist-section {
	margin-left: auto;
	margin-right: auto;
	padding: 0 var(--content-padding);
	width: 1240px;
}
@media screen and (max-width: 1280px) {
	.historylist-section {
		width: 990px;
	}
}
@media screen and (max-width: 896px) {
	.historylist-section {
		padding: 0 var(--content-padding);
		width: 100%;
	}
}

/* ===================================================
/* more(historylist)
=================================================== */
@media screen and (max-width: 896px) {
	#historylistbox .more {
		position: relative;
		border-top: 1px solid #ddd;
		padding: 15px 0;
		margin: 0 10px 15px;
		text-align: center;
	}
	#historylistbox .more a {
		text-decoration: none;
		font-size: 100%;
		display: block;
	}
	#historylistbox .more.opened a span::after, #historylistbox .more a span::after {
		content: "";
		position: absolute;
		width: .5em;
		height: .5em;
		border-top: 2px solid #333;
		border-right: 2px solid #333;
		float: right;
		margin: 4px 20px;
	}
	#historylistbox .more a span:after {
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
	}
	#historylistbox .more.opened a span:after {
		transform: rotate(315deg);
		-webkit-transform: rotate(315deg);
	}
}

/* ========================================
	rating
======================================== */
.contswrap .rating {
    margin: 0 auto;
    padding: 0.625rem 0;
}

.contswrap .rating a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.contswrap .rating a:hover {
    text-decoration: underline;
}

.contswrap .rating a .star {
    /* min-width: 0; */
    width: 4.125rem;
    /* height: 0.825rem; */
    margin-top: -2px;
}

.contswrap .rating a .star img {
    vertical-align: middle;
}

.contswrap .rating a .point {
    font-size: 0.75rem;
    margin-left: 0.5rem;
}

.contswrap .rating a .label,.contswrap .rating a .number {
    font-size: 0.75rem;
    margin-left: 0.5rem;
}
.star[data-rating] {
    position: relative;
    background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%2012.705%20512%20486.59%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2232px%22%20height%3D%2232px%22%20fill%3D%22%23DCE4E6%22%20style%3D%22margin-left%3A%200px%3B%22%3E%3Cpolygon%20points%3D%22256.814%2C12.705%20317.205%2C198.566%20512.631%2C198.566%20354.529%2C313.435%20414.918%2C499.295%20256.814%2C384.427%2098.713%2C499.295%20159.102%2C313.435%201%2C198.566%20196.426%2C198.566%20%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") repeat-x;
    background-size: auto 100%;
    display: inline-block;
    min-width: 5em;
    height: 1em;
}

.star[data-rating]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%2012.705%20512%20486.59%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2232px%22%20height%3D%2232px%22%20fill%3D%22%23fb7600%22%20style%3D%22margin-left%3A%200px%3B%22%3E%3Cpolygon%20points%3D%22256.814%2C12.705%20317.205%2C198.566%20512.631%2C198.566%20354.529%2C313.435%20414.918%2C499.295%20256.814%2C384.427%2098.713%2C499.295%20159.102%2C313.435%201%2C198.566%20196.426%2C198.566%20%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") repeat-x;
    background-size: auto 100%;
}

.star[data-rating][data-rating="0.0"]:after {
    width: 0%;
}
.star[data-rating][data-rating="0"]:after {
    width: 0%;
}
.star[data-rating][data-rating="0"] {
	display: none;
}
.star[data-rating][data-rating="0"] + span.number {
	display: none;
}

.star[data-rating][data-rating="0.01"]:after {
    width: 0.2%;
}

.star[data-rating][data-rating="0.02"]:after {
    width: 0.4%;
}

.star[data-rating][data-rating="0.03"]:after {
    width: 0.6%;
}

.star[data-rating][data-rating="0.04"]:after {
    width: 0.8%;
}

.star[data-rating][data-rating="0.05"]:after {
    width: 1%;
}

.star[data-rating][data-rating="0.06"]:after {
    width: 1.2%;
}

.star[data-rating][data-rating="0.07"]:after {
    width: 1.4%;
}

.star[data-rating][data-rating="0.08"]:after {
    width: 1.6%;
}

.star[data-rating][data-rating="0.09"]:after {
    width: 1.8%;
}

.star[data-rating][data-rating="0.1"]:after {
    width: 2%;
}

.star[data-rating][data-rating="0.11"]:after {
    width: 2.2%;
}

.star[data-rating][data-rating="0.12"]:after {
    width: 2.4%;
}

.star[data-rating][data-rating="0.13"]:after {
    width: 2.6%;
}

.star[data-rating][data-rating="0.14"]:after {
    width: 2.8%;
}

.star[data-rating][data-rating="0.15"]:after {
    width: 3%;
}

.star[data-rating][data-rating="0.16"]:after {
    width: 3.2%;
}

.star[data-rating][data-rating="0.17"]:after {
    width: 3.4%;
}

.star[data-rating][data-rating="0.18"]:after {
    width: 3.6%;
}

.star[data-rating][data-rating="0.19"]:after {
    width: 3.8%;
}

.star[data-rating][data-rating="0.2"]:after {
    width: 4%;
}

.star[data-rating][data-rating="0.21"]:after {
    width: 4.2%;
}

.star[data-rating][data-rating="0.22"]:after {
    width: 4.4%;
}

.star[data-rating][data-rating="0.23"]:after {
    width: 4.6%;
}

.star[data-rating][data-rating="0.24"]:after {
    width: 4.8%;
}

.star[data-rating][data-rating="0.25"]:after {
    width: 5%;
}

.star[data-rating][data-rating="0.26"]:after {
    width: 5.2%;
}

.star[data-rating][data-rating="0.27"]:after {
    width: 5.4%;
}

.star[data-rating][data-rating="0.28"]:after {
    width: 5.6%;
}

.star[data-rating][data-rating="0.29"]:after {
    width: 5.8%;
}

.star[data-rating][data-rating="0.3"]:after {
    width: 6%;
}

.star[data-rating][data-rating="0.31"]:after {
    width: 6.2%;
}

.star[data-rating][data-rating="0.32"]:after {
    width: 6.4%;
}

.star[data-rating][data-rating="0.33"]:after {
    width: 6.6%;
}

.star[data-rating][data-rating="0.34"]:after {
    width: 6.8%;
}

.star[data-rating][data-rating="0.35"]:after {
    width: 7%;
}

.star[data-rating][data-rating="0.36"]:after {
    width: 7.2%;
}

.star[data-rating][data-rating="0.37"]:after {
    width: 7.4%;
}

.star[data-rating][data-rating="0.38"]:after {
    width: 7.6%;
}

.star[data-rating][data-rating="0.39"]:after {
    width: 7.8%;
}

.star[data-rating][data-rating="0.4"]:after {
    width: 8%;
}

.star[data-rating][data-rating="0.41"]:after {
    width: 8.2%;
}

.star[data-rating][data-rating="0.42"]:after {
    width: 8.4%;
}

.star[data-rating][data-rating="0.43"]:after {
    width: 8.6%;
}

.star[data-rating][data-rating="0.44"]:after {
    width: 8.8%;
}

.star[data-rating][data-rating="0.45"]:after {
    width: 9%;
}

.star[data-rating][data-rating="0.46"]:after {
    width: 9.2%;
}

.star[data-rating][data-rating="0.47"]:after {
    width: 9.4%;
}

.star[data-rating][data-rating="0.48"]:after {
    width: 9.6%;
}

.star[data-rating][data-rating="0.49"]:after {
    width: 9.8%;
}

.star[data-rating][data-rating="0.5"]:after {
    width: 10%;
}

.star[data-rating][data-rating="0.51"]:after {
    width: 10.2%;
}

.star[data-rating][data-rating="0.52"]:after {
    width: 10.4%;
}

.star[data-rating][data-rating="0.53"]:after {
    width: 10.6%;
}

.star[data-rating][data-rating="0.54"]:after {
    width: 10.8%;
}

.star[data-rating][data-rating="0.55"]:after {
    width: 11%;
}

.star[data-rating][data-rating="0.56"]:after {
    width: 11.2%;
}

.star[data-rating][data-rating="0.57"]:after {
    width: 11.4%;
}

.star[data-rating][data-rating="0.58"]:after {
    width: 11.6%;
}

.star[data-rating][data-rating="0.59"]:after {
    width: 11.8%;
}

.star[data-rating][data-rating="0.6"]:after {
    width: 12%;
}

.star[data-rating][data-rating="0.61"]:after {
    width: 12.2%;
}

.star[data-rating][data-rating="0.62"]:after {
    width: 12.4%;
}

.star[data-rating][data-rating="0.63"]:after {
    width: 12.6%;
}

.star[data-rating][data-rating="0.64"]:after {
    width: 12.8%;
}

.star[data-rating][data-rating="0.65"]:after {
    width: 13%;
}

.star[data-rating][data-rating="0.66"]:after {
    width: 13.2%;
}

.star[data-rating][data-rating="0.67"]:after {
    width: 13.4%;
}

.star[data-rating][data-rating="0.68"]:after {
    width: 13.6%;
}

.star[data-rating][data-rating="0.69"]:after {
    width: 13.8%;
}

.star[data-rating][data-rating="0.7"]:after {
    width: 14%;
}

.star[data-rating][data-rating="0.71"]:after {
    width: 14.2%;
}

.star[data-rating][data-rating="0.72"]:after {
    width: 14.4%;
}

.star[data-rating][data-rating="0.73"]:after {
    width: 14.6%;
}

.star[data-rating][data-rating="0.74"]:after {
    width: 14.8%;
}

.star[data-rating][data-rating="0.75"]:after {
    width: 15%;
}

.star[data-rating][data-rating="0.76"]:after {
    width: 15.2%;
}

.star[data-rating][data-rating="0.77"]:after {
    width: 15.4%;
}

.star[data-rating][data-rating="0.78"]:after {
    width: 15.6%;
}

.star[data-rating][data-rating="0.79"]:after {
    width: 15.8%;
}

.star[data-rating][data-rating="0.8"]:after {
    width: 16%;
}

.star[data-rating][data-rating="0.81"]:after {
    width: 16.2%;
}

.star[data-rating][data-rating="0.82"]:after {
    width: 16.4%;
}

.star[data-rating][data-rating="0.83"]:after {
    width: 16.6%;
}

.star[data-rating][data-rating="0.84"]:after {
    width: 16.8%;
}

.star[data-rating][data-rating="0.85"]:after {
    width: 17%;
}

.star[data-rating][data-rating="0.86"]:after {
    width: 17.2%;
}

.star[data-rating][data-rating="0.87"]:after {
    width: 17.4%;
}

.star[data-rating][data-rating="0.88"]:after {
    width: 17.6%;
}

.star[data-rating][data-rating="0.89"]:after {
    width: 17.8%;
}

.star[data-rating][data-rating="0.9"]:after {
    width: 18%;
}

.star[data-rating][data-rating="0.91"]:after {
    width: 18.2%;
}

.star[data-rating][data-rating="0.92"]:after {
    width: 18.4%;
}

.star[data-rating][data-rating="0.93"]:after {
    width: 18.6%;
}

.star[data-rating][data-rating="0.94"]:after {
    width: 18.8%;
}

.star[data-rating][data-rating="0.95"]:after {
    width: 19%;
}

.star[data-rating][data-rating="0.96"]:after {
    width: 19.2%;
}

.star[data-rating][data-rating="0.97"]:after {
    width: 19.4%;
}

.star[data-rating][data-rating="0.98"]:after {
    width: 19.6%;
}

.star[data-rating][data-rating="0.99"]:after {
    width: 19.8%;
}

.star[data-rating][data-rating="1.0"]:after {
    width: 20%;
}

.star[data-rating][data-rating="1.01"]:after {
    width: 20.2%;
}

.star[data-rating][data-rating="1.02"]:after {
    width: 20.4%;
}

.star[data-rating][data-rating="1.03"]:after {
    width: 20.6%;
}

.star[data-rating][data-rating="1.04"]:after {
    width: 20.8%;
}

.star[data-rating][data-rating="1.05"]:after {
    width: 21%;
}

.star[data-rating][data-rating="1.06"]:after {
    width: 21.2%;
}

.star[data-rating][data-rating="1.07"]:after {
    width: 21.4%;
}

.star[data-rating][data-rating="1.08"]:after {
    width: 21.6%;
}

.star[data-rating][data-rating="1.09"]:after {
    width: 21.8%;
}

.star[data-rating][data-rating="1.1"]:after {
    width: 22%;
}

.star[data-rating][data-rating="1.11"]:after {
    width: 22.2%;
}

.star[data-rating][data-rating="1.12"]:after {
    width: 22.4%;
}

.star[data-rating][data-rating="1.13"]:after {
    width: 22.6%;
}

.star[data-rating][data-rating="1.14"]:after {
    width: 22.8%;
}

.star[data-rating][data-rating="1.15"]:after {
    width: 23%;
}

.star[data-rating][data-rating="1.16"]:after {
    width: 23.2%;
}

.star[data-rating][data-rating="1.17"]:after {
    width: 23.4%;
}

.star[data-rating][data-rating="1.18"]:after {
    width: 23.6%;
}

.star[data-rating][data-rating="1.19"]:after {
    width: 23.8%;
}

.star[data-rating][data-rating="1.2"]:after {
    width: 24%;
}

.star[data-rating][data-rating="1.21"]:after {
    width: 24.2%;
}

.star[data-rating][data-rating="1.22"]:after {
    width: 24.4%;
}

.star[data-rating][data-rating="1.23"]:after {
    width: 24.6%;
}

.star[data-rating][data-rating="1.24"]:after {
    width: 24.8%;
}

.star[data-rating][data-rating="1.25"]:after {
    width: 25%;
}

.star[data-rating][data-rating="1.26"]:after {
    width: 25.2%;
}

.star[data-rating][data-rating="1.27"]:after {
    width: 25.4%;
}

.star[data-rating][data-rating="1.28"]:after {
    width: 25.6%;
}

.star[data-rating][data-rating="1.29"]:after {
    width: 25.8%;
}

.star[data-rating][data-rating="1.3"]:after {
    width: 26%;
}

.star[data-rating][data-rating="1.31"]:after {
    width: 26.2%;
}

.star[data-rating][data-rating="1.32"]:after {
    width: 26.4%;
}

.star[data-rating][data-rating="1.33"]:after {
    width: 26.6%;
}

.star[data-rating][data-rating="1.34"]:after {
    width: 26.8%;
}

.star[data-rating][data-rating="1.35"]:after {
    width: 27%;
}

.star[data-rating][data-rating="1.36"]:after {
    width: 27.2%;
}

.star[data-rating][data-rating="1.37"]:after {
    width: 27.4%;
}

.star[data-rating][data-rating="1.38"]:after {
    width: 27.6%;
}

.star[data-rating][data-rating="1.39"]:after {
    width: 27.8%;
}

.star[data-rating][data-rating="1.4"]:after {
    width: 28%;
}

.star[data-rating][data-rating="1.41"]:after {
    width: 28.2%;
}

.star[data-rating][data-rating="1.42"]:after {
    width: 28.4%;
}

.star[data-rating][data-rating="1.43"]:after {
    width: 28.6%;
}

.star[data-rating][data-rating="1.44"]:after {
    width: 28.8%;
}

.star[data-rating][data-rating="1.45"]:after {
    width: 29%;
}

.star[data-rating][data-rating="1.46"]:after {
    width: 29.2%;
}

.star[data-rating][data-rating="1.47"]:after {
    width: 29.4%;
}

.star[data-rating][data-rating="1.48"]:after {
    width: 29.6%;
}

.star[data-rating][data-rating="1.49"]:after {
    width: 29.8%;
}

.star[data-rating][data-rating="1.5"]:after {
    width: 30%;
}

.star[data-rating][data-rating="1.51"]:after {
    width: 30.2%;
}

.star[data-rating][data-rating="1.52"]:after {
    width: 30.4%;
}

.star[data-rating][data-rating="1.53"]:after {
    width: 30.6%;
}

.star[data-rating][data-rating="1.54"]:after {
    width: 30.8%;
}

.star[data-rating][data-rating="1.55"]:after {
    width: 31%;
}

.star[data-rating][data-rating="1.56"]:after {
    width: 31.2%;
}

.star[data-rating][data-rating="1.57"]:after {
    width: 31.4%;
}

.star[data-rating][data-rating="1.58"]:after {
    width: 31.6%;
}

.star[data-rating][data-rating="1.59"]:after {
    width: 31.8%;
}

.star[data-rating][data-rating="1.6"]:after {
    width: 32%;
}

.star[data-rating][data-rating="1.61"]:after {
    width: 32.2%;
}

.star[data-rating][data-rating="1.62"]:after {
    width: 32.4%;
}

.star[data-rating][data-rating="1.63"]:after {
    width: 32.6%;
}

.star[data-rating][data-rating="1.64"]:after {
    width: 32.8%;
}

.star[data-rating][data-rating="1.65"]:after {
    width: 33%;
}

.star[data-rating][data-rating="1.66"]:after {
    width: 33.2%;
}

.star[data-rating][data-rating="1.67"]:after {
    width: 33.4%;
}

.star[data-rating][data-rating="1.68"]:after {
    width: 33.6%;
}

.star[data-rating][data-rating="1.69"]:after {
    width: 33.8%;
}

.star[data-rating][data-rating="1.7"]:after {
    width: 34%;
}

.star[data-rating][data-rating="1.71"]:after {
    width: 34.2%;
}

.star[data-rating][data-rating="1.72"]:after {
    width: 34.4%;
}

.star[data-rating][data-rating="1.73"]:after {
    width: 34.6%;
}

.star[data-rating][data-rating="1.74"]:after {
    width: 34.8%;
}

.star[data-rating][data-rating="1.75"]:after {
    width: 35%;
}

.star[data-rating][data-rating="1.76"]:after {
    width: 35.2%;
}

.star[data-rating][data-rating="1.77"]:after {
    width: 35.4%;
}

.star[data-rating][data-rating="1.78"]:after {
    width: 35.6%;
}

.star[data-rating][data-rating="1.79"]:after {
    width: 35.8%;
}

.star[data-rating][data-rating="1.8"]:after {
    width: 36%;
}

.star[data-rating][data-rating="1.81"]:after {
    width: 36.2%;
}

.star[data-rating][data-rating="1.82"]:after {
    width: 36.4%;
}

.star[data-rating][data-rating="1.83"]:after {
    width: 36.6%;
}

.star[data-rating][data-rating="1.84"]:after {
    width: 36.8%;
}

.star[data-rating][data-rating="1.85"]:after {
    width: 37%;
}

.star[data-rating][data-rating="1.86"]:after {
    width: 37.2%;
}

.star[data-rating][data-rating="1.87"]:after {
    width: 37.4%;
}

.star[data-rating][data-rating="1.88"]:after {
    width: 37.6%;
}

.star[data-rating][data-rating="1.89"]:after {
    width: 37.8%;
}

.star[data-rating][data-rating="1.9"]:after {
    width: 38%;
}

.star[data-rating][data-rating="1.91"]:after {
    width: 38.2%;
}

.star[data-rating][data-rating="1.92"]:after {
    width: 38.4%;
}

.star[data-rating][data-rating="1.93"]:after {
    width: 38.6%;
}

.star[data-rating][data-rating="1.94"]:after {
    width: 38.8%;
}

.star[data-rating][data-rating="1.95"]:after {
    width: 39%;
}

.star[data-rating][data-rating="1.96"]:after {
    width: 39.2%;
}

.star[data-rating][data-rating="1.97"]:after {
    width: 39.4%;
}

.star[data-rating][data-rating="1.98"]:after {
    width: 39.6%;
}

.star[data-rating][data-rating="1.99"]:after {
    width: 39.8%;
}

.star[data-rating][data-rating="2.0"]:after {
    width: 40%;
}

.star[data-rating][data-rating="2.01"]:after {
    width: 40.2%;
}

.star[data-rating][data-rating="2.02"]:after {
    width: 40.4%;
}

.star[data-rating][data-rating="2.03"]:after {
    width: 40.6%;
}

.star[data-rating][data-rating="2.04"]:after {
    width: 40.8%;
}

.star[data-rating][data-rating="2.05"]:after {
    width: 41%;
}

.star[data-rating][data-rating="2.06"]:after {
    width: 41.2%;
}

.star[data-rating][data-rating="2.07"]:after {
    width: 41.4%;
}

.star[data-rating][data-rating="2.08"]:after {
    width: 41.6%;
}

.star[data-rating][data-rating="2.09"]:after {
    width: 41.8%;
}

.star[data-rating][data-rating="2.1"]:after {
    width: 42%;
}

.star[data-rating][data-rating="2.11"]:after {
    width: 42.2%;
}

.star[data-rating][data-rating="2.12"]:after {
    width: 42.4%;
}

.star[data-rating][data-rating="2.13"]:after {
    width: 42.6%;
}

.star[data-rating][data-rating="2.14"]:after {
    width: 42.8%;
}

.star[data-rating][data-rating="2.15"]:after {
    width: 43%;
}

.star[data-rating][data-rating="2.16"]:after {
    width: 43.2%;
}

.star[data-rating][data-rating="2.17"]:after {
    width: 43.4%;
}

.star[data-rating][data-rating="2.18"]:after {
    width: 43.6%;
}

.star[data-rating][data-rating="2.19"]:after {
    width: 43.8%;
}

.star[data-rating][data-rating="2.2"]:after {
    width: 44%;
}

.star[data-rating][data-rating="2.21"]:after {
    width: 44.2%;
}

.star[data-rating][data-rating="2.22"]:after {
    width: 44.4%;
}

.star[data-rating][data-rating="2.23"]:after {
    width: 44.6%;
}

.star[data-rating][data-rating="2.24"]:after {
    width: 44.8%;
}

.star[data-rating][data-rating="2.25"]:after {
    width: 45%;
}

.star[data-rating][data-rating="2.26"]:after {
    width: 45.2%;
}

.star[data-rating][data-rating="2.27"]:after {
    width: 45.4%;
}

.star[data-rating][data-rating="2.28"]:after {
    width: 45.6%;
}

.star[data-rating][data-rating="2.29"]:after {
    width: 45.8%;
}

.star[data-rating][data-rating="2.3"]:after {
    width: 46%;
}

.star[data-rating][data-rating="2.31"]:after {
    width: 46.2%;
}

.star[data-rating][data-rating="2.32"]:after {
    width: 46.4%;
}

.star[data-rating][data-rating="2.33"]:after {
    width: 46.6%;
}

.star[data-rating][data-rating="2.34"]:after {
    width: 46.8%;
}

.star[data-rating][data-rating="2.35"]:after {
    width: 47%;
}

.star[data-rating][data-rating="2.36"]:after {
    width: 47.2%;
}

.star[data-rating][data-rating="2.37"]:after {
    width: 47.4%;
}

.star[data-rating][data-rating="2.38"]:after {
    width: 47.6%;
}

.star[data-rating][data-rating="2.39"]:after {
    width: 47.8%;
}

.star[data-rating][data-rating="2.4"]:after {
    width: 48%;
}

.star[data-rating][data-rating="2.41"]:after {
    width: 48.2%;
}

.star[data-rating][data-rating="2.42"]:after {
    width: 48.4%;
}

.star[data-rating][data-rating="2.43"]:after {
    width: 48.6%;
}

.star[data-rating][data-rating="2.44"]:after {
    width: 48.8%;
}

.star[data-rating][data-rating="2.45"]:after {
    width: 49%;
}

.star[data-rating][data-rating="2.46"]:after {
    width: 49.2%;
}

.star[data-rating][data-rating="2.47"]:after {
    width: 49.4%;
}

.star[data-rating][data-rating="2.48"]:after {
    width: 49.6%;
}

.star[data-rating][data-rating="2.49"]:after {
    width: 49.8%;
}

.star[data-rating][data-rating="2.5"]:after {
    width: 50%;
}

.star[data-rating][data-rating="2.51"]:after {
    width: 50.2%;
}

.star[data-rating][data-rating="2.52"]:after {
    width: 50.4%;
}

.star[data-rating][data-rating="2.53"]:after {
    width: 50.6%;
}

.star[data-rating][data-rating="2.54"]:after {
    width: 50.8%;
}

.star[data-rating][data-rating="2.55"]:after {
    width: 51%;
}

.star[data-rating][data-rating="2.56"]:after {
    width: 51.2%;
}

.star[data-rating][data-rating="2.57"]:after {
    width: 51.4%;
}

.star[data-rating][data-rating="2.58"]:after {
    width: 51.6%;
}

.star[data-rating][data-rating="2.59"]:after {
    width: 51.8%;
}

.star[data-rating][data-rating="2.6"]:after {
    width: 52%;
}

.star[data-rating][data-rating="2.61"]:after {
    width: 52.2%;
}

.star[data-rating][data-rating="2.62"]:after {
    width: 52.4%;
}

.star[data-rating][data-rating="2.63"]:after {
    width: 52.6%;
}

.star[data-rating][data-rating="2.64"]:after {
    width: 52.8%;
}

.star[data-rating][data-rating="2.65"]:after {
    width: 53%;
}

.star[data-rating][data-rating="2.66"]:after {
    width: 53.2%;
}

.star[data-rating][data-rating="2.67"]:after {
    width: 53.4%;
}

.star[data-rating][data-rating="2.68"]:after {
    width: 53.6%;
}

.star[data-rating][data-rating="2.69"]:after {
    width: 53.8%;
}

.star[data-rating][data-rating="2.7"]:after {
    width: 54%;
}

.star[data-rating][data-rating="2.71"]:after {
    width: 54.2%;
}

.star[data-rating][data-rating="2.72"]:after {
    width: 54.4%;
}

.star[data-rating][data-rating="2.73"]:after {
    width: 54.6%;
}

.star[data-rating][data-rating="2.74"]:after {
    width: 54.8%;
}

.star[data-rating][data-rating="2.75"]:after {
    width: 55%;
}

.star[data-rating][data-rating="2.76"]:after {
    width: 55.2%;
}

.star[data-rating][data-rating="2.77"]:after {
    width: 55.4%;
}

.star[data-rating][data-rating="2.78"]:after {
    width: 55.6%;
}

.star[data-rating][data-rating="2.79"]:after {
    width: 55.8%;
}

.star[data-rating][data-rating="2.8"]:after {
    width: 56%;
}

.star[data-rating][data-rating="2.81"]:after {
    width: 56.2%;
}

.star[data-rating][data-rating="2.82"]:after {
    width: 56.4%;
}

.star[data-rating][data-rating="2.83"]:after {
    width: 56.6%;
}

.star[data-rating][data-rating="2.84"]:after {
    width: 56.8%;
}

.star[data-rating][data-rating="2.85"]:after {
    width: 57%;
}

.star[data-rating][data-rating="2.86"]:after {
    width: 57.2%;
}

.star[data-rating][data-rating="2.87"]:after {
    width: 57.4%;
}

.star[data-rating][data-rating="2.88"]:after {
    width: 57.6%;
}

.star[data-rating][data-rating="2.89"]:after {
    width: 57.8%;
}

.star[data-rating][data-rating="2.9"]:after {
    width: 58%;
}

.star[data-rating][data-rating="2.91"]:after {
    width: 58.2%;
}

.star[data-rating][data-rating="2.92"]:after {
    width: 58.4%;
}

.star[data-rating][data-rating="2.93"]:after {
    width: 58.6%;
}

.star[data-rating][data-rating="2.94"]:after {
    width: 58.8%;
}

.star[data-rating][data-rating="2.95"]:after {
    width: 59%;
}

.star[data-rating][data-rating="2.96"]:after {
    width: 59.2%;
}

.star[data-rating][data-rating="2.97"]:after {
    width: 59.4%;
}

.star[data-rating][data-rating="2.98"]:after {
    width: 59.6%;
}

.star[data-rating][data-rating="2.99"]:after {
    width: 59.8%;
}

.star[data-rating][data-rating="3.0"]:after {
    width: 60%;
}

.star[data-rating][data-rating="3.01"]:after {
    width: 60.2%;
}

.star[data-rating][data-rating="3.02"]:after {
    width: 60.4%;
}

.star[data-rating][data-rating="3.03"]:after {
    width: 60.6%;
}

.star[data-rating][data-rating="3.04"]:after {
    width: 60.8%;
}

.star[data-rating][data-rating="3.05"]:after {
    width: 61%;
}

.star[data-rating][data-rating="3.06"]:after {
    width: 61.2%;
}

.star[data-rating][data-rating="3.07"]:after {
    width: 61.4%;
}

.star[data-rating][data-rating="3.08"]:after {
    width: 61.6%;
}

.star[data-rating][data-rating="3.09"]:after {
    width: 61.8%;
}

.star[data-rating][data-rating="3.1"]:after {
    width: 62%;
}

.star[data-rating][data-rating="3.11"]:after {
    width: 62.2%;
}

.star[data-rating][data-rating="3.12"]:after {
    width: 62.4%;
}

.star[data-rating][data-rating="3.13"]:after {
    width: 62.6%;
}

.star[data-rating][data-rating="3.14"]:after {
    width: 62.8%;
}

.star[data-rating][data-rating="3.15"]:after {
    width: 63%;
}

.star[data-rating][data-rating="3.16"]:after {
    width: 63.2%;
}

.star[data-rating][data-rating="3.17"]:after {
    width: 63.4%;
}

.star[data-rating][data-rating="3.18"]:after {
    width: 63.6%;
}

.star[data-rating][data-rating="3.19"]:after {
    width: 63.8%;
}

.star[data-rating][data-rating="3.2"]:after {
    width: 64%;
}

.star[data-rating][data-rating="3.21"]:after {
    width: 64.2%;
}

.star[data-rating][data-rating="3.22"]:after {
    width: 64.4%;
}

.star[data-rating][data-rating="3.23"]:after {
    width: 64.6%;
}

.star[data-rating][data-rating="3.24"]:after {
    width: 64.8%;
}

.star[data-rating][data-rating="3.25"]:after {
    width: 65%;
}

.star[data-rating][data-rating="3.26"]:after {
    width: 65.2%;
}

.star[data-rating][data-rating="3.27"]:after {
    width: 65.4%;
}

.star[data-rating][data-rating="3.28"]:after {
    width: 65.6%;
}

.star[data-rating][data-rating="3.29"]:after {
    width: 65.8%;
}

.star[data-rating][data-rating="3.3"]:after {
    width: 66%;
}

.star[data-rating][data-rating="3.31"]:after {
    width: 66.2%;
}

.star[data-rating][data-rating="3.32"]:after {
    width: 66.4%;
}

.star[data-rating][data-rating="3.33"]:after {
    width: 66.6%;
}

.star[data-rating][data-rating="3.34"]:after {
    width: 66.8%;
}

.star[data-rating][data-rating="3.35"]:after {
    width: 67%;
}

.star[data-rating][data-rating="3.36"]:after {
    width: 67.2%;
}

.star[data-rating][data-rating="3.37"]:after {
    width: 67.4%;
}

.star[data-rating][data-rating="3.38"]:after {
    width: 67.6%;
}

.star[data-rating][data-rating="3.39"]:after {
    width: 67.8%;
}

.star[data-rating][data-rating="3.4"]:after {
    width: 68%;
}

.star[data-rating][data-rating="3.41"]:after {
    width: 68.2%;
}

.star[data-rating][data-rating="3.42"]:after {
    width: 68.4%;
}

.star[data-rating][data-rating="3.43"]:after {
    width: 68.6%;
}

.star[data-rating][data-rating="3.44"]:after {
    width: 68.8%;
}

.star[data-rating][data-rating="3.45"]:after {
    width: 69%;
}

.star[data-rating][data-rating="3.46"]:after {
    width: 69.2%;
}

.star[data-rating][data-rating="3.47"]:after {
    width: 69.4%;
}

.star[data-rating][data-rating="3.48"]:after {
    width: 69.6%;
}

.star[data-rating][data-rating="3.49"]:after {
    width: 69.8%;
}

.star[data-rating][data-rating="3.5"]:after {
    width: 70%;
}

.star[data-rating][data-rating="3.51"]:after {
    width: 70.2%;
}

.star[data-rating][data-rating="3.52"]:after {
    width: 70.4%;
}

.star[data-rating][data-rating="3.53"]:after {
    width: 70.6%;
}

.star[data-rating][data-rating="3.54"]:after {
    width: 70.8%;
}

.star[data-rating][data-rating="3.55"]:after {
    width: 71%;
}

.star[data-rating][data-rating="3.56"]:after {
    width: 71.2%;
}

.star[data-rating][data-rating="3.57"]:after {
    width: 71.4%;
}

.star[data-rating][data-rating="3.58"]:after {
    width: 71.6%;
}

.star[data-rating][data-rating="3.59"]:after {
    width: 71.8%;
}

.star[data-rating][data-rating="3.6"]:after {
    width: 72%;
}

.star[data-rating][data-rating="3.61"]:after {
    width: 72.2%;
}

.star[data-rating][data-rating="3.62"]:after {
    width: 72.4%;
}

.star[data-rating][data-rating="3.63"]:after {
    width: 72.6%;
}

.star[data-rating][data-rating="3.64"]:after {
    width: 72.8%;
}

.star[data-rating][data-rating="3.65"]:after {
    width: 73%;
}

.star[data-rating][data-rating="3.66"]:after {
    width: 73.2%;
}

.star[data-rating][data-rating="3.67"]:after {
    width: 73.4%;
}

.star[data-rating][data-rating="3.68"]:after {
    width: 73.6%;
}

.star[data-rating][data-rating="3.69"]:after {
    width: 73.8%;
}

.star[data-rating][data-rating="3.7"]:after {
    width: 74%;
}

.star[data-rating][data-rating="3.71"]:after {
    width: 74.2%;
}

.star[data-rating][data-rating="3.72"]:after {
    width: 74.4%;
}

.star[data-rating][data-rating="3.73"]:after {
    width: 74.6%;
}

.star[data-rating][data-rating="3.74"]:after {
    width: 74.8%;
}

.star[data-rating][data-rating="3.75"]:after {
    width: 75%;
}

.star[data-rating][data-rating="3.76"]:after {
    width: 75.2%;
}

.star[data-rating][data-rating="3.77"]:after {
    width: 75.4%;
}

.star[data-rating][data-rating="3.78"]:after {
    width: 75.6%;
}

.star[data-rating][data-rating="3.79"]:after {
    width: 75.8%;
}

.star[data-rating][data-rating="3.8"]:after {
    width: 76%;
}

.star[data-rating][data-rating="3.81"]:after {
    width: 76.2%;
}

.star[data-rating][data-rating="3.82"]:after {
    width: 76.4%;
}

.star[data-rating][data-rating="3.83"]:after {
    width: 76.6%;
}

.star[data-rating][data-rating="3.84"]:after {
    width: 76.8%;
}

.star[data-rating][data-rating="3.85"]:after {
    width: 77%;
}

.star[data-rating][data-rating="3.86"]:after {
    width: 77.2%;
}

.star[data-rating][data-rating="3.87"]:after {
    width: 77.4%;
}

.star[data-rating][data-rating="3.88"]:after {
    width: 77.6%;
}

.star[data-rating][data-rating="3.89"]:after {
    width: 77.8%;
}

.star[data-rating][data-rating="3.9"]:after {
    width: 78%;
}

.star[data-rating][data-rating="3.91"]:after {
    width: 78.2%;
}

.star[data-rating][data-rating="3.92"]:after {
    width: 78.4%;
}

.star[data-rating][data-rating="3.93"]:after {
    width: 78.6%;
}

.star[data-rating][data-rating="3.94"]:after {
    width: 78.8%;
}

.star[data-rating][data-rating="3.95"]:after {
    width: 79%;
}

.star[data-rating][data-rating="3.96"]:after {
    width: 79.2%;
}

.star[data-rating][data-rating="3.97"]:after {
    width: 79.4%;
}

.star[data-rating][data-rating="3.98"]:after {
    width: 79.6%;
}

.star[data-rating][data-rating="3.99"]:after {
    width: 79.8%;
}

.star[data-rating][data-rating="4.0"]:after {
    width: 80%;
}

.star[data-rating][data-rating="4.01"]:after {
    width: 80.2%;
}

.star[data-rating][data-rating="4.02"]:after {
    width: 80.4%;
}

.star[data-rating][data-rating="4.03"]:after {
    width: 80.6%;
}

.star[data-rating][data-rating="4.04"]:after {
    width: 80.8%;
}

.star[data-rating][data-rating="4.05"]:after {
    width: 81%;
}

.star[data-rating][data-rating="4.06"]:after {
    width: 81.2%;
}

.star[data-rating][data-rating="4.07"]:after {
    width: 81.4%;
}

.star[data-rating][data-rating="4.08"]:after {
    width: 81.6%;
}

.star[data-rating][data-rating="4.09"]:after {
    width: 81.8%;
}

.star[data-rating][data-rating="4.1"]:after {
    width: 82%;
}

.star[data-rating][data-rating="4.11"]:after {
    width: 82.2%;
}

.star[data-rating][data-rating="4.12"]:after {
    width: 82.4%;
}

.star[data-rating][data-rating="4.13"]:after {
    width: 82.6%;
}

.star[data-rating][data-rating="4.14"]:after {
    width: 82.8%;
}

.star[data-rating][data-rating="4.15"]:after {
    width: 83%;
}

.star[data-rating][data-rating="4.16"]:after {
    width: 83.2%;
}

.star[data-rating][data-rating="4.17"]:after {
    width: 83.4%;
}

.star[data-rating][data-rating="4.18"]:after {
    width: 83.6%;
}

.star[data-rating][data-rating="4.19"]:after {
    width: 83.8%;
}

.star[data-rating][data-rating="4.2"]:after {
    width: 84%;
}

.star[data-rating][data-rating="4.21"]:after {
    width: 84.2%;
}

.star[data-rating][data-rating="4.22"]:after {
    width: 84.4%;
}

.star[data-rating][data-rating="4.23"]:after {
    width: 84.6%;
}

.star[data-rating][data-rating="4.24"]:after {
    width: 84.8%;
}

.star[data-rating][data-rating="4.25"]:after {
    width: 85%;
}

.star[data-rating][data-rating="4.26"]:after {
    width: 85.2%;
}

.star[data-rating][data-rating="4.27"]:after {
    width: 85.4%;
}

.star[data-rating][data-rating="4.28"]:after {
    width: 85.6%;
}

.star[data-rating][data-rating="4.29"]:after {
    width: 85.8%;
}

.star[data-rating][data-rating="4.3"]:after {
    width: 86%;
}

.star[data-rating][data-rating="4.31"]:after {
    width: 86.2%;
}

.star[data-rating][data-rating="4.32"]:after {
    width: 86.4%;
}

.star[data-rating][data-rating="4.33"]:after {
    width: 86.6%;
}

.star[data-rating][data-rating="4.34"]:after {
    width: 86.8%;
}

.star[data-rating][data-rating="4.35"]:after {
    width: 87%;
}

.star[data-rating][data-rating="4.36"]:after {
    width: 87.2%;
}

.star[data-rating][data-rating="4.37"]:after {
    width: 87.4%;
}

.star[data-rating][data-rating="4.38"]:after {
    width: 87.6%;
}

.star[data-rating][data-rating="4.39"]:after {
    width: 87.8%;
}

.star[data-rating][data-rating="4.4"]:after {
    width: 88%;
}

.star[data-rating][data-rating="4.41"]:after {
    width: 88.2%;
}

.star[data-rating][data-rating="4.42"]:after {
    width: 88.4%;
}

.star[data-rating][data-rating="4.43"]:after {
    width: 88.6%;
}

.star[data-rating][data-rating="4.44"]:after {
    width: 88.8%;
}

.star[data-rating][data-rating="4.45"]:after {
    width: 89%;
}

.star[data-rating][data-rating="4.46"]:after {
    width: 89.2%;
}

.star[data-rating][data-rating="4.47"]:after {
    width: 89.4%;
}

.star[data-rating][data-rating="4.48"]:after {
    width: 89.6%;
}

.star[data-rating][data-rating="4.49"]:after {
    width: 89.8%;
}

.star[data-rating][data-rating="4.5"]:after {
    width: 90%;
}

.star[data-rating][data-rating="4.51"]:after {
    width: 90.2%;
}

.star[data-rating][data-rating="4.52"]:after {
    width: 90.4%;
}

.star[data-rating][data-rating="4.53"]:after {
    width: 90.6%;
}

.star[data-rating][data-rating="4.54"]:after {
    width: 90.8%;
}

.star[data-rating][data-rating="4.55"]:after {
    width: 91%;
}

.star[data-rating][data-rating="4.56"]:after {
    width: 91.2%;
}

.star[data-rating][data-rating="4.57"]:after {
    width: 91.4%;
}

.star[data-rating][data-rating="4.58"]:after {
    width: 91.6%;
}

.star[data-rating][data-rating="4.59"]:after {
    width: 91.8%;
}

.star[data-rating][data-rating="4.6"]:after {
    width: 92%;
}

.star[data-rating][data-rating="4.61"]:after {
    width: 92.2%;
}

.star[data-rating][data-rating="4.62"]:after {
    width: 92.4%;
}

.star[data-rating][data-rating="4.63"]:after {
    width: 92.6%;
}

.star[data-rating][data-rating="4.64"]:after {
    width: 92.8%;
}

.star[data-rating][data-rating="4.65"]:after {
    width: 93%;
}

.star[data-rating][data-rating="4.66"]:after {
    width: 93.2%;
}

.star[data-rating][data-rating="4.67"]:after {
    width: 93.4%;
}

.star[data-rating][data-rating="4.68"]:after {
    width: 93.6%;
}

.star[data-rating][data-rating="4.69"]:after {
    width: 93.8%;
}

.star[data-rating][data-rating="4.7"]:after {
    width: 94%;
}

.star[data-rating][data-rating="4.71"]:after {
    width: 94.2%;
}

.star[data-rating][data-rating="4.72"]:after {
    width: 94.4%;
}

.star[data-rating][data-rating="4.73"]:after {
    width: 94.6%;
}

.star[data-rating][data-rating="4.74"]:after {
    width: 94.8%;
}

.star[data-rating][data-rating="4.75"]:after {
    width: 95%;
}

.star[data-rating][data-rating="4.76"]:after {
    width: 95.2%;
}

.star[data-rating][data-rating="4.77"]:after {
    width: 95.4%;
}

.star[data-rating][data-rating="4.78"]:after {
    width: 95.6%;
}

.star[data-rating][data-rating="4.79"]:after {
    width: 95.8%;
}

.star[data-rating][data-rating="4.8"]:after {
    width: 96%;
}

.star[data-rating][data-rating="4.81"]:after {
    width: 96.2%;
}

.star[data-rating][data-rating="4.82"]:after {
    width: 96.4%;
}

.star[data-rating][data-rating="4.83"]:after {
    width: 96.6%;
}

.star[data-rating][data-rating="4.84"]:after {
    width: 96.8%;
}

.star[data-rating][data-rating="4.85"]:after {
    width: 97%;
}

.star[data-rating][data-rating="4.86"]:after {
    width: 97.2%;
}

.star[data-rating][data-rating="4.87"]:after {
    width: 97.4%;
}

.star[data-rating][data-rating="4.88"]:after {
    width: 97.6%;
}

.star[data-rating][data-rating="4.89"]:after {
    width: 97.8%;
}

.star[data-rating][data-rating="4.9"]:after {
    width: 98%;
}

.star[data-rating][data-rating="4.91"]:after {
    width: 98.2%;
}

.star[data-rating][data-rating="4.92"]:after {
    width: 98.4%;
}

.star[data-rating][data-rating="4.93"]:after {
    width: 98.6%;
}

.star[data-rating][data-rating="4.94"]:after {
    width: 98.8%;
}

.star[data-rating][data-rating="4.95"]:after {
    width: 99%;
}

.star[data-rating][data-rating="4.96"]:after {
    width: 99.2%;
}

.star[data-rating][data-rating="4.97"]:after {
    width: 99.4%;
}

.star[data-rating][data-rating="4.98"]:after {
    width: 99.6%;
}

.star[data-rating][data-rating="4.99"]:after {
    width: 99.8%;
}

.star[data-rating][data-rating="5.0"]:after {
    width: 100%;
}

.star[data-rating="1"]:after {
    width: 20%;
}

.star[data-rating="2"]:after {
    width: 40%;
}

.star[data-rating="3"]:after {
    width: 60%;
}

.star[data-rating="4"]:after {
    width: 80%;
}

.star[data-rating="5"]:after {
    width: 100%;
}

@media screen and (min-width: 897px) {
	.historylist {
		width: 100%;
		margin: 0 0 80px;
		padding-top: 53px;
	}
	
	.historylist .browsehist_title {
		width: 1240px;
		margin: 0 auto 20px;
		border-bottom: solid 1px #dddddd;
	}
	
	@media screen and (max-width: 1280px) {
		.historylist .browsehist_title {
			width: 980px;
		}
	}
	
	.historylist .browsehist_title:after {
		content: "";
		display: block;
		clear: both;
	}
	
	.historylist .browsehist_title h2 {
		float: left;
		width: 50%;
		font-size: 143%;
		font-weight: normal;
	}
	
	.historylist .browsehist_title dl {
		float: right;
		width: 50%;
		text-align: right;
		font-size: 87%;
		margin-top: 6px;
	}
	
	.historylist .browsehist_title dl dt,
	.historylist .browsehist_title dl dd,
	.historylist .browsehist_title dl dd p {
		display: inline-block;
		line-height: 1;
	}
	
	.historylist .browsehist_title dl dd p:first-child {
		border-right: solid 2px #cccccc;
		margin-right: 10px;
		padding-right: 10px;
	}
	
	.historylist .browsehist_title dl dd p span#browsehist_leave_span,
	.historylist .browsehist_title dl dd p span#browsehist_notleave_span {
		font-weight: bold;
	}
	
	.historylist ul {
		margin: 0;
	}
	
	html:not(.enablejs) .historylist ul:after {
		content:"";
		display: block;
		clear: both;
	}
	
	.historylist ul li {
		margin-right: 17px;
		margin-bottom: 10px;
		position: relative;
	}
	
	html:not(.enablejs) .historylist ul li {
		float: left;
	}
	
	.historylist ul li:first-child {
		margin-left: 0;
	}
	
	@media screen and (max-width: 1280px) {
		html:not(.enablejs) .historylist ul li:nth-child(10n) {
			margin-right: 17px;
		}
		
		html:not(.enablejs) .historylist ul li:nth-child(8n) {
			margin-right: 0;
		}
	}
	
	.historylist ul li img {
		width: 108px;
		border: solid 1px #f6f5f3;
	}
	
	.historylist ul li .sale {
		position: absolute;
		bottom: 4px;
		left: 0;
		display: inline-block;
		background: #de0000;
		color: #ffffff;
		font-weight: bold;
		font-size: 86%;
		padding: 1px 10px;
		line-height: 1;
	}
	
	.historylist ul li .limitedsale {
		position: absolute;
		bottom: 4px;
		left: 0;
		display: inline-block;
		background: #de0000;
		color: #ffffff;
		font-weight: bold;
		font-size: 86%;
		padding: 1px 10px;
		line-height: 1;
		transform: scale( 0.9 , 1 );
		transform-origin: top left;
	}
	
	.historylist .sliderwrap {
		position: relative;
		max-width: 1240px;
		margin: 0 auto;
	}
	
	.historylist .bx-wrapper {
		width: 1240px;
		max-width: 1240px !important;
		margin: 0 auto;
	}
	
	.historylist.bx-viewport {
		margin: 0 auto;
		width: 1240px;
		position: relative;
	}
	
	@media screen and (max-width: 1280px) {
		.historylist .sliderwrap {
			max-width: 980px;
		}
	
		.historylist .bx-wrapper {
			width: 980px;
			max-width: 980px !important;
		}
	
		.historylist.bx-viewport {
			width: 980px;
		}
	}
	
	.historylist .btn-prev2 {
		position: absolute;
		top: 13px;
		left: -10px;
	}
	
	.historylist .btn-next2 {
		position: absolute;
		top: 13px;
		right: -10px;
	}
	
	.historylist .bx-prev,
	.historylist .bx-next {
		width: 100%;
		display: block;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 100;
	}
	
	.historylist .historylistmsg {
		max-width: 1240px;
		margin: 0 auto;
	}
	
	@media screen and (max-width: 1280px) {
		.historylist .historylistmsg {
			max-width: 980px;
			margin: 0 auto;
		}
	}
	
	.historylist .historylistmsg .attention {
		background: #ffeded;
		border-radius: 3px;
		text-shadow: 1px 1px 1px #ffffff;
		padding: 13px 0;
		margin: 0;
		font-size: 114%;
		text-align: center;
		color: #ff0000;
	}
	
	.historylist .historylistmsg .info {
		background: #f7f6f4;
		border-radius: 3px;
		text-shadow: 1px 1px 1px #ffffff;
		padding: 13px 0;
		margin: 0;
		font-size: 114%;
		text-align: center;
	}
	.historylist .historylistmsg noscript + .info {
		margin-top: 10px;
	}
	
}


@media screen and (max-width: 896px) {
	.historylist {
		margin-top: calc(90 / 750 * 100vw);
	}

	.historylist .browsehist_title {
		margin: 0 10px;
	}

	.historylist .browsehist_title:after {
		content: "";
		display: block;
		clear: both;
	}

	.historylist .browsehist_title h2 {
		display: inline-block;
		width: 57%;
		padding: 16px 0;
		margin-bottom: 0;
		vertical-align: baseline;
		white-space: nowrap;
		text-align: left;
		line-height: 1.2;
		font-size: 120%;
		font-size: calc(26 / 750 * 100vw);
		font-weight: normal;
	}

	.historylist .browsehist_title dl {
		display: inline-block;
		margin-top: 10px;
		vertical-align: middle;
		text-align: right;
		float: right;
	}

	.historylist .browsehist_title dl:after {
		content: "";
		display: block;
		clear: both;
	}

	.historylist .browsehist_title dl dt {
		margin-right: -3px;
	}

	.historylist .browsehist_title dl dt,
	.historylist .browsehist_title dl dd {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		font-size: 120%;
		font-size: calc(26 / 780 * 100vw);
	}

	.historylist .browsehist_title dl dd .onoffswitch {
		position: relative;
		width: 85px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}

	.historylist .browsehist_title dl dd .onoffswitch-checkbox {
		display: none;
	}

	.historylist .browsehist_title dl dd .onoffswitch-label {
		display: block;
		overflow: hidden;
		cursor: pointer;
		border: solid 2px #ffffff;
		border-radius: 20px;
	}

	.historylist .browsehist_title dl dd .onoffswitch-inner {
		display: block;
		width: 200%;
		margin-left: -100%;
		transition: margin 0.3s ease-in 0s;
	}

	.historylist .browsehist_title dl dd .onoffswitch-inner:before, .historylist .browsehist_title dl dd .onoffswitch-inner:after {
		display: block;
		float: left;
		width: 50%;
		height: 23px;
		padding: 0;
		line-height: 23px;
		font-size: 11px;
		color: #ffffff;
		font-weight: bold;
		box-sizing: border-box;
	}

	.historylist .browsehist_title dl dd .onoffswitch-inner:before {
		content: "残す";
		padding-left: 15px;
		background-color: #99cc00;
		color: #ffffff;
		text-shadow: 1px 1px #8fbe01;
	}

	.historylist .browsehist_title dl dd .onoffswitch-inner:after {
		content: "残さない";
		padding-right: 8px;
		background-color: #eeeeee;
		color: #333333;
		text-align: right;
		text-shadow: 1px 1px #cccccc;
	}

	.historylist .browsehist_title dl dd .onoffswitch-switch {
		display: block;
		width: 16px;
		height: 16px;
		margin: 4.5px;
		background: #ffffff;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 61px;
		border: 2px solid #ffffff;
		border-radius: 20px;
		transition: all 0.3s ease-in 0s;
	}

	.historylist .browsehist_title dl dd .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
		margin-left: 0;
	}

	.historylist .browsehist_title dl dd .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
		right: 0; 
	}

	.historylist .historylistmsg {
		font-size: calc(26 / 780 * 100vw);
		margin: 0 10px;
	}

	.historylist ul {
		width: 100%;
		padding: 0 10px;
	}

	.historylist ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.historylist ul li {
		float: left;
		position: relative;
		margin: 0 2% 16px 0;
		width: 32%;
	}

	.historylist ul li a {
		display: block;
	}

	.historylist ul li:nth-child(3n) {
		margin: 0 0 16px 0;
	}

	.historylist ul li img {
		width: 100%;
		border: solid 1px #f0eeeb;
		border-radius: 3px;
	}

	.historylist ul li .sale {
		position: absolute;
		bottom: 4px;
		left: 0;
		display: inline-block;
		background: #de0000;
		color: #ffffff;
		font-weight: bold;
		font-size: 86%;
		padding: 0 10px;
	}

	.historylist ul li .limitedsale {
		position: absolute;
		bottom: 4px;
		left: 0;
		display: inline-block;
		background: #de0000;
		color: #ffffff;
		font-weight: bold;
		font-size: 86%;
		padding: 2px 10px;
		line-height: 1;
		transform: scale( 0.9 , 1 );
		transform-origin: top left;
	}
}