@charset "utf-8";
/* ▼▼▼ 詳細左側
=====================================*/
#globalContents h1.title {
	margin: 10px 0 0;
	padding: 10px;
	color: #795284;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #f9f9f9 11%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f9f9f9 11%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#f9f9f9 10px,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}

#globalContents {
	font-size: 13px;
	line-height: 1.7;
}

#productdetail {
	padding-top: 10px;
	display: table;
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	overflow-wrap : break-word;
}

#detail {
	display: table-cell;
}

#detail_inner01 {
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 6px;
}

#detail_inner02 {
	padding-bottom: 10px;
}

#item_photo_box {
	padding: 5px;
	overflow: hidden;
	text-align: center;
	position: relative;
}

#item_photo_box p {
	max-width: 600px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#item_photo_box img#target {
	max-width: 100%;
	max-height: 300px;
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#item_photo_box p span {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: rgba(255, 255, 255, .7);
	padding: 3px;
}

#item_photo_box ul.sub_box {
	margin: 0;
	text-align: center;
	height: 58px;
}

#item_photo_box ul.sub_box li {
	display: inline-block;
	height: 58px;
}

#item_photo_box .sub_box li a {
	display: table-cell;
	width: 116px;
	height: 58px;
	vertical-align: middle;
}

#item_photo_box .sub_box li a:hover {
	opacity: .6;
}

#item_photo_box ul.sub_box li {
	width: 116px;
}

#item_photo_box .sub_box li img {
	max-width: 116px;
	max-height: 58px;
}

#item_photo_box .sub_box span.note {
	display: none;
}

#item_photo_box .bx-wrapper {
	position: relative;
	margin: 5px auto 0;
}

#item_photo_box .bx-controls {
	position: absolute;
	top: 0;
	width: 100%;
}

#item_photo_box .bx-controls-direction a {
	display: block;
	position: absolute;
	top: 10px;
	width: 45px;
	height: 50px;
	background: url(../../images/shop/carousel.png) no-repeat;
}

#item_photo_box .bx-controls-direction a.bx-prev {
	left: -10px;
	background-position: 0 0;
}

#item_photo_box .bx-controls-direction a.bx-prev:hover {
	background-position: 0 -50px;
}

#item_photo_box .bx-controls-direction a.bx-next {
	right: -10px;
	background-position: -50px 0;
}

#item_photo_box .bx-controls-direction a.bx-next:hover {
	background-position: -50px -50px;
}

#item_photo_box .bx-controls-direction .disabled {
	display: none;
}

#item_photo_box .point {
	position: absolute;
	left: 12px;
	top: 12px;
	width: 82px;
	height: 82px;
	background: url("../../images/shop/point_item.png") no-repeat center center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	box-sizing: border-box;
	padding-top: 18px;
}

#item_photo_box .point span {
	font-size: 38px;
	font-weight: normal;
	font-family: "Arial";
	margin-right: 2px;
}

#globalContents .btn_box {
	background: #F2F3F3;
	border: 1px solid #CFCFCF;
	border-width: 1px 0 1px;
	margin-bottom: 0;
	padding: 10px;
	clear: both;
	overflow: hidden;
}

#globalContents .btn_box ul.btn {
	margin-right: -6px;
}

#globalContents .btn_box ul.btn li {
	float: left;
	margin-right: 6px;
}

#globalContents .maker_link {
	overflow: hidden;
	background: #f3f4f4;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

#globalContents .maker_link p {
	font-weight: bold;
	color: #444;
	margin: 5px 5px 5px 12px;
	float: left;
}

#globalContents .maker_link ul {
	overflow: hidden;
	float: left;
}

#globalContents .maker_link li {
	float: left;
	margin: 5px 5px;
	width: 85px;
}

#globalContents .maker_link li a {
	font-size: 11px;
}

#globalContents .maker_link .facebook {
	background: url(../../images/icon-fb.png) left center no-repeat;
	padding-left: 18px;
}

#globalContents .maker_link .twitter {
	background: url(../../images/icon-tw.png) left center no-repeat;
	padding-left: 22px;
}

#globalContents .maker_link .youtube {
	background: url(../../images/icon-yt.png) left center no-repeat;
	padding-left: 25px;
}

#globalContents .maker_link li img {
	height: 16px;
	margin-right: 2px;
	vertical-align: middle;
}

#globalContents .other_link {
	clear: both;
	overflow: hidden;
	padding: 10px;
	background: #F2F3F3;
	border-bottom: 1px solid #CFCFCF;
}

#globalContents .other_link ul.link {
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: -10px;
}

#globalContents .other_link ul.link li {
	float: left;
	margin: 0 15px 10px 0;
}

.other_link ul.link li a {
	background: url(../../images/arrow_pp02.gif) no-repeat left center;
	padding-left: 11px;
	font-weight: bold;
}

/* インナーボックス */
#inner_box {
	clear: both;
	overflow: hidden;
	padding: 15px 15px 5px 15px;
}

#inner_box .inner_box_spec {
	margin-bottom: 20px;
	overflow: hidden;
}

#inner_box .inner_box_spec h2 {
	height: auto;
	line-height: 1.7;
	margin: 0;
	padding: 0;
	background: none;
	color: inherit;
}

#inner_box ul.relation li {
	position: relative;
	margin-bottom: 16px;
}

#inner_box ul.relation li,
#inner_box ul.relation li > p img,
#inner_box .box {
	width: 115px;
}

#inner_box ul.relation li > p {
	width: 115px;
	margin: 0 auto;
	font-weight: bold;
	line-height: 1.3;
	word-break: normal;
	word-wrap: break-word;
}

#inner_box .box {
	position: absolute;
	bottom: 0;
	background: #F3F4F4;
	padding: 5px 0;
	font-size: 11px;
}

#inner_box .box p {
	margin: 0 5px;
}

#inner_box .box .stock {
	margin: 2px 5px;
}

.carouselWrap {
	position: relative;
	margin-bottom: 15px;
	padding: 0 3px 0 12px;
}

#globalContents .carouselWrap ul.relation {
	margin: 0;
}

.carouselWrap .bx-controls {
	display: none;
}

.carouselWrap.control .bx-controls {
	display: block;
}

.carouselWrap a.bx-prev {
    background: url(../../images/top_images/slider_arrow.png) no-repeat 6px -13px;
    position: absolute;
    top: 65px;
    left: -14px;
    display: block;
    width: 24px;
    height: 30px;
	text-indent: -9999px;
}

.carouselWrap a.bx-next {
    background: url(../../images/top_images/slider_arrow.png) no-repeat -18px -13px;
    position: absolute;
    top: 65px;
    right: -10px;
    display: block;
    width: 24px;
    height: 30px;
	text-indent: -9999px;
}

#inner_box .carouselWrap ul.relation li {
	min-height: 135px;
	padding-bottom: 43px;
	margin-bottom: 0;
}

#inner_box .carouselWrap ul.relation li > p {
	width: auto;
}

#inner_box .carouselWrap ul.relation li > p img {
	width: 100%;
}

#inner_box .carouselWrap .box {
	width: 100%;
}

/* rr */
#inner_box ul.relation.other li {
	position: static;
	width: 14%;
	width: 25%\9;
	margin-right: 0;
	padding-right: 5px;
	box-sizing: border-box;
}
#inner_box ul.relation.other li:first-child {
	margin-left: 1%;
	margin-left: 0\9;
}
#inner_box ul.relation.other li > p,
#inner_box ul.relation.other li > p img {
	width: 100%;
}
#inner_box ul.relation.other li .box {
	width: 14%;
	width: 25%\9;
	padding: 0 5px 0 0;
	box-sizing: border-box;
	background: none;
}
#inner_box ul.relation.other li .box p {
	margin: 0;
	padding: 5px;
	background: #f3f4f4;
}
#inner_box ul.relation.other li + li + li + li + li {
	display: none\9;
}
@media screen and (max-width: 1354px){
	#inner_box ul.relation.other li:first-child {
		margin-left: 2%;
	}
	#inner_box ul.relation.other li + li + li + li + li + li + li {
		display: none;
	}
	#inner_box ul.relation.other li,
	#inner_box ul.relation.other li .box {
		width: 16%;
	}
}
@media screen and (max-width: 1250px){
	#inner_box ul.relation.other li:first-child {
		margin-left: 0;
	}
	#inner_box ul.relation.other li + li + li + li + li + li {
		display: none;
	}
	#inner_box ul.relation.other li,
	#inner_box ul.relation.other li .box {
		width: 20%;
	}
}
@media screen and (max-width: 1110px){
	#inner_box ul.relation.other li + li + li + li + li {
		display: none;
	}
	#inner_box ul.relation.other li,
	#inner_box ul.relation.other li .box {
		width: 25%;
	}
}
/* kokomade */

#inner_box .together input {
	margin-right: 4px;
}

#inner_box .headline {
	height: 25px;
	padding-left: 20px;
	background: url('../../images/shop/bg_headline.gif') center repeat-x;
}

#inner_box .headline h3 {
	font-weight: bold;
	display: inline;
	background: white;
	line-height: 25px;
	padding: 0 5px;
}

#detail .campaignBox {
	border-bottom: 1px dotted #b7bbbd;
	margin-bottom: 15px;
}

#detail .campaign {
	margin-bottom: 15px;
	line-height: 150%;
}

#detail .insert_box {
	margin-bottom: 15px;
	max-width: 841px;
	overflow: hidden;
}

/* 旧サイズで表示用 */
#detail .insert_box > div.tmp {
	width: 450px;
	margin: 0 auto;
}

#detail .inner_box_spec + .insert_box {
	padding-top: 15px;
	border-top: 1px dotted #b7bbbd;
}

#detail .insert_box + .inner_box_spec {
	padding-top: 15px;
	border-top: 1px dotted #b7bbbd;
}

/* この指定をあとで外す */
#detail .insert_box > div.tmp img {
	max-width: 450px;
}

#detail .insert_box ul.banner li {
	margin-top: 10px;
	text-align: center;
	width: 100%;
}

#detail .insert_box ul.banner li a {
	display: block;
}

#detail .insert_box ul.banner li:first-child {
	margin-top: 0;
}

#detail .insert_box ul.banner li.left {
	text-align: left;
	float: none;
}

#detail .insert_box ul.banner li.right {
	text-align: right;
	float: none;
}

#detail .insert_box iframe {
	vertical-align: bottom;
}

#staffBlog {
	padding-top: 15px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
}

#staffBlog h2 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 2px;
	overflow: hidden;
}

#staffBlog h2:before {
	content: url(../../images/shop/icon_blog.png);
	margin: 3px 5px 0 0;
	display: block;
	float: left;
}

#staffBlog > div {
	border-top: 1px dotted #b7bbbd;
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 10px;
}

#staffBlog > h2 + div {
	border-top: none;
}

#staffBlog > div img {
	height: 50px;
	margin-right: 13px;
	float: left;
}

#staffBlog > div h3 {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
}

#staff-review .staffReview {
	margin-bottom: 1em;
}

#staff-review .staffReview p {
	line-height: 1.7;
	color: #333;
	margin: 1em 0;
}

#staff-review .staffReview .reviewer {
	background: #f3f4f4;
	line-height: 30px;
	margin-top: 10px;
	padding: 2px;
	border-radius: 3px;
	padding: 4px;
}

#staff-review .staffReview .reviewer img {
	height: 30px;
	border-radius: 3px;
	margin-right: 4px;
}

#staff-review .staffReview + .staffReview {
	border-top: 1px dotted #b7bbbd;
}

/* コメント */
#inner_box .comment_box	{
	position: relative;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #B7BBBD;
}

#inner_box .comment_box .submit {
	text-align: center;
}

#inner_box .comment_box .review_attention {
	text-align: left;
}

#inner_box .comment_box .review_attention ul {
	margin-left: 2em;
}

#inner_box .comment_box .review_attention ul li {
	list-style: disc;
}

#inner_box .no_line {
	margin-bottom: 0;
	border-bottom: none;
}

#inner_box .comment_box .subject {
	position: relative;
	margin: 5px 0;
	padding-left: 90px;
}

#inner_box .comment_box .subject,
#inner_box .reply_box .ansewr {
	color: #795284;
}

#inner_box .comment_box .subject .review_icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	line-height: 1;
	margin-top: -10px;
}

#inner_box .comment_box .subject,
#inner_box .comment_box .postname,
#inner_box .reply_box .ansewr,
#inner_box .comment_box .review_attention h4 {
	font-size: 13px;
	font-weight: bold;
}

#inner_box .comment_box .postname span {
	padding-left: .5em;
	font-weight: normal;
}

.review_attention,
#inner_box .reply_box {
	margin-bottom: 10px;
	padding: 10px;
	background: #F3F4F4;
	border: 1px solid #CFCFCF;
}

#inner_box .reply_box .ansewr {
	margin-bottom: 10px;
}

#inner_box .comment_box .review_id {
	position: absolute;
	top: 0;
	right: 0;
}

#inner_box .comment_box #review_edit {
	margin-top: 1em;
}

#inner_box ul.btn_review {
	margin-bottom: 20px;
	overflow: hidden;
}

#inner_box ul.btn_review li {
	float: left;
	margin-right: 2px;
}

#inner_box .review_other {
	clear: both;
	overflow: hidden;
	margin: 5px 0 10px;
}

#inner_box .review_other p {
	text-align: right;
	font-size: 10px;
}

#inner_box .review_other dl {
	float: right;
	margin-top: 2px;
}

#inner_box .review_other dt,
#inner_box .review_other dd {
	float: left;
	margin-left: 5px;
	line-height: 20px;
}

/* コメントフォーム */
#inner_box table.comment {
	width: 450px;
}

#inner_box table.comment th {
	width: 124px;
	padding: 3px;
}

#inner_box table.comment th span {
	color: #795284;
}

#inner_box table.comment td {
	padding: 3px;
}

#inner_box table.comment td.address {
	color: #505759;
}

/* ▼▼▼ 詳細右側
=====================================*/
#detail_side {
	display: table-cell;
	width: 230px;
	padding-left: 15px;
	vertical-align: top;
}

#detail_side_inner01,
#globalContents .detail_side_inner01 {
	padding-top: 12px;
	background: no-repeat left top;
}

#detail_side_inner01 {
	background: #e3dce6;
	border: 1px solid #cfcfcf;
	border-radius: 6px;
}

#globalContents .detail_side_inner01 {
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

#detail_side_inner02,
#globalContents .detail_side_inner02 {
	padding: 0 0 2px;
	background: no-repeat left bottom;
}

#detail_pp {
	padding: 0 14px 4px;
	background: #E3DCE6;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
}

#detail_pp h3.item_name {
	color: #795284;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}

#detail_pp h3.item_name + p {
	line-height: 1;
	margin-bottom: 7px;
}

#detail_pp ul.icon_list {
	margin: 5px 0 0;
	overflow: hidden;
}

#detail_pp ul.icon_list li {
	float: left;
	margin-right: 3px;
}

#detail_pp ul.icon_list li img {
	margin-bottom: 2px;
	vertical-align: bottom;
}

#detail_pp ul.icon_list li.freeshipping {
	clear:left;
	float: none;
}

#detail_pp .deals,
#detail_pp .color,
#detail_pp .number,
#detail_pp .stock {
	padding-bottom: 3px;
	clear: both;
}

#detail_pp .deals {
	font-weight: bold;
	margin-bottom: 0;
}

#detail_pp .cancel {
	margin-top: 0;
	line-height: 1;
	color: #505759;
	text-decoration: line-through;
}

#detail_pp .price strong.red_large {
	font-size: 18px;
}

#detail_pp .price strong.red_large,
#detail_pp .price span {
	color: #D1102C;
}

#detail_pp p.price + p {
	line-height: 1;
	margin-bottom: 10px;
}

#detail_pp .point {
	margin: 2px 0;
	font-weight: normal;
	background: url('../../images/shop/icon_point.png') no-repeat left center;
	padding-left: 15px;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 10px;
}

#detail_pp .point em {
	font-style: normal;
	font-size: 16px;
	margin-right: 2px;
}

#detail_pp .point a {
	background: #795284;
	color: #fff;
	margin-left: 6px;
	padding: 3px 6px;
	border-radius: 3px;
}

#detail_pp .point a.open {
	border-radius: 3px 3px 0 0;
	padding-bottom: 6px;
}

#point_wrap {
	margin-top: -10px;
	position: relative;
}

.point_detail {
	display: none;
	border: 2px solid #795284;
	background: #fff;
	margin-bottom: 12px;
}

.point_detail li {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	line-height: 1.5;
	padding: 5px 8px;
	font-size: 12px;
}

.point_detail li span {
	float: right;
}

.point_detail li span span {
	font-size: 11px;
	margin-left: 2px;
	margin-top: 1px;
}

.point_detail li.total {
	border-bottom: 0;
}

.point_detail li.total span {
	color: #d1102c;
}

.point_detail .close {
	margin: 0 8px 8px;
}

.point_detail .close a {
	background: #aaa;
	color: #fff;
	text-align: center;
	display: block;
	font-size: 12px;
}

#detail_pp .stock {
	margin-top: 14px;
}

#detail_pp .stock a {
	color: #000;
	display: inline-block;
	position: relative;
	padding-right: 16px;
}

#detail_pp .stock a:hover {
	text-decoration: underline dashed;
}

#detail_pp .stock a::after {
	content: "?";
	background: #fff;
	color: #795284;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	padding: 2px;
	width: 10px;
	height: 10px;
	font-size: 10px;
	position: absolute;
	right: 0;
	top: -1px;
}

#modal-stock-status {
	width: 600px;
}
#modal-stock-status dl {
	overflow: hidden;
}
#modal-stock-status dt.stock {
	clear: left;
	float: left;
	width: 80px;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 12px;
	line-height: 1.7;
}
#modal-stock-status dd {
	padding-left: 90px;
}
#modal-stock-status dd {
	margin-bottom: 8px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
}
#modal-stock-status dd:last-child {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}
#modal-stock-status .instock {
	background: url("../../images/Green.gif") no-repeat left center;
}
#modal-stock-status .outofstock {
	background: url("../../images/White.gif") no-repeat left center;
}
#modal-stock-status .lowstock {
	background: url("../../images/Yellow.gif") no-repeat left center;
}
#modal-stock-status .pending {
	background: url("../../images/Orange.gif") no-repeat left center;
}
#modal-stock-status .order {
	background: url("../../images/Blue.gif") no-repeat left center;
}
#modal-stock-status .maker {
	background: url("../../images/Water.gif") no-repeat left center;
}

#detail_pp select,#detail_pp input {
	margin-left: 2px;
}

#detail_pp .review {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dotted #795284;
}

#detail_pp .review strong {
	margin-right: .5em;
}

#detail_pp ul.info,
#detail_pp ul.sns {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dotted #795284;
}

#detail_pp ul.info li a,
#detail_pp .review p a {
	background: url(../../images/arrow_pp03.gif) no-repeat left center;
	padding-left: 11px;
}

#totalreview {
	clear: both;
	overflow: hidden;
	margin-bottom: 7px;
}

#totalreview li {
	float: left;
	margin-right: 5px;
	font-weight: bold;
	padding-top: 2px;
}

#totalreview li img {
	margin-top: -2px;
}

#totalreview li + li {
	margin-left: 15px;
}

#totalreview span[itemprop="rating"] {
	margin-left: 5px;
}

.review_table {
	float: left;
	margin-right: 6%;
}

.review_table table {
	margin-bottom: 4px;
}

.review_table tr:hover a {
	color: #84608e;
	text-decoration: underline;
}

.review_gage {
	padding: 2px 0;
}

.gage_back {
	width: 200px;
	height: 22px;
	background: #e5e5e5;
}

.gage_bar {
	width: 0;
	height: 22px;
	background: #348d95;
}

.review_note {
	width: 38px;
	color: #7d7d7d;
	position: relative;
	font-size: 14px;
}

.review_note img {
	padding-right: 4px;
	position: relative;
	top: -6px;
	width: 15px;
}

.review_amount {
	padding-left: 9px;
	color: #7d7d7d;
	text-align: right;
	font-size: 14px;
}

.review_note a,
.review_amount a {
	color: #348d95;
}

.check_all_review {
	margin: 8px 0 4px;
	text-align: right;
}

.check_all_review a {
	text-decoration: underline;
	font-size: 13px;
	color: #348d95;
}

.review_note a:before {
	content:"";
	width: 15px;
	height: 25px;
	background: white url(../../images/shop/review_icon10.png?c) center top / 15px 16px no-repeat;
	top: 1px;
	left: 0;
	display: block;
	position: absolute;
	z-index: 1;
}

.btn_write_review {
	display: table-cell;
	vertical-align: middle;
	height: 123px;
}

.narrowed_down_message {
	margin-bottom: 20px;
}

#detail_pp ul.sns {
	clear: both;
	margin-bottom: 10px;
	font-size: 0;
}

#detail_pp ul.sns li {
	height: 21px;
	display: inline-block;
}

#detail_pp ul.sns li + li {
	margin-left: 10px;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

#detail_pp .btn_substitue {
	text-decoration:underline;
	font-size:15px;
}

#detail_pp .btn_substitue_sold {
	text-align:center;
	margin-top: 9px;
}

p.btn_substitue_sold {
	text-align:center;
}

#detail_pp .btn_wish {
	margin: 10px 0;
}

#detail_pp #cart {
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 10px 0;
}

#detail_pp #cart input,
#detail_pp #cart span {
	vertical-align: middle;
}

#detail_pp #cart span {
	float: left;
	width: 65px;
	margin-top: 8px;
	font-size: 12px;
}

#detail_pp #cart span input {
	width: 23px;
	line-height: 17px;
	margin-left: 3px;
	padding-top: 1px;
	margin-top: -2px;
}

#detail_pp #cart input[alt="カートに入れる"] {
	float: right;
	width: 130px;
	border-radius: 1px;
}

#detail_pp .sold {
	margin-bottom: 5px;
	text-align: center;
	margin-top: 16px;
}

#cart #order_confirm {
	display: none;
}

#order_confirm {
	background: #fff;
	padding: 1em;
}

#order_confirm p.txt {
	margin: .5em;
}

#order_confirm p.btn {
	text-align: right;
	margin-top: 1em;
}

#order_confirm a.cancel {
	border: 1px solid #999;
	border-radius: 3px;
	line-height: 23px;
	font-size: 11px;
	display: inline-block;
	color: #666;
	padding: 0 4px;
	margin-right: 6px;
}

/* インナーボックス */
#globalContents .detail_side_inner_box {
	clear: both;
	overflow: hidden;
	width: 210px;
	margin: 0 auto;
	padding: 0 0 1px;
	line-height: 1.3;
}

#globalContents .detail_side_inner_box#subtotal {
	width: 200px;
}

#globalContents .detail_side_inner_box + .detail_side_inner_box {
	border-top: 1px solid #B7BBBD;
}

#globalContents h4.detail_sub  {
	margin-bottom: 10px;
	overflow: hidden;
	font-weight: bold;
}

#globalContents h4.detail_sub.truck {
	padding-left: 65px;
	background-image: url(../../images/shop/truck_pp.png);
}

.colum_side {
	clear: both;
	overflow: hidden;
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #B7BBBD;
}

.last {
	margin-bottom: 0;
	padding-bottom: 8px;
	border-bottom: none;
}

.colum_side .box {
	float: right;
	width: 115px;
	line-height: 1.2;
}

.colum_side h5 {
	margin-bottom: 3px;
	font-weight: bold;
}

.colum_side .photo {
	float: left;
	width: 80px;
	margin-right: 7px;
}

.colum_side .txt a {
	font-size: 11px;
}

ul.special {
	margin-bottom: 8px;
	overflow: hidden;
}

#globalMain ul.special li {
	margin-bottom: 5px;
	overflow: hidden;
}

ul.special li .photo {
	float: left;
	width: 120px;
	margin-right: 5px;
}

ul.special li .txt {
	float: right;
	width: 77px;
}

ul.special li .txt a {
	font-weight: bold;
}

#globalContents #subtotal a,
#globalContents .cart_link a {
	background: url(../../images/arrow_pp.gif) no-repeat left 2px;
	padding-left: 16px;
}

#globalContents #subtotal ul,
#globalContents ul.check_item {
	margin-bottom: 8px;
	overflow: hidden;
}

#globalContents ul.check_item li a {
	font-weight: bold;
	zoom: 1;
}

#globalContents #subtotal .line,
#globalContents #subtotal ul,
#globalContents ul.check_item li + li {
	padding-top: 7px;
	margin-top: 7px;
	border-top: 1px dotted #B7BBBD;
}

ul.check_item li img {
	display: block;
	width: 200px;
	padding-bottom: 5px;
}

/* OTOYAMOVIE
-------------------------------------------------------------------- */
#movie_insert .movie_tab {
	clear: both;
	overflow: hidden;
	margin-right: -2px;
}

#movie_insert .movie_tab li a {
	display: block;
	padding: 0 5px;
	line-height: 25px;
	font-size: 13px;
	font-weight:bold;
	border: 1px solid #cccccc;
	background: #e0e0e0;
	text-decoration: none;
}

#movie_insert .movie_tab li {
	float: left;
	margin: 2px 2px 0 0;
}

#movie_insert .movie_tab a:hover,
#movie_insert .movie_tab .selected {
	background: #FFF;
}

#movie_head + .movie_tab {
	margin-top: 10px;
}

#movie_wrapper {
	margin-top: 8px;
}

#movie_insert .movie_box iframe {
	width: 450px;
	height: 338px;
}

#movie_insert .text_box {
	display: none;
}

#movie_insert .selected {
	display: block;
}

#movie_insert .movie_link {
	text-align: right;
	margin: 0.5em 15px;
}

#movie_insert .movie_link a {
	background: url('../../images/icon-movieLink.png') no-repeat left;
	padding-left: 15px;
}

/*----
movie新版
  classに変更
  ----*/
.movie_insert {
	position: relative;
}

.movie_insert .movie_tab {
	overflow: hidden;
	background: url(../../images/shop/bg_ccc.gif) bottom repeat-x;
	position: relative;
}

.movie_insert .movie_tab li {
	float: left;
}

.movie_insert .movie_tab li a {
	display: block;
	margin: 0 2px;
	padding: 0 5px;
	line-height: 25px;
	font-size: 13px;
	font-weight:bold;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border: 1px solid #cccccc;
	background: #e0e0e0;
}

.movie_insert .movie_tab a:hover,
.movie_insert .movie_tab .selected {
	background: #FFF;
	border-bottom-color: white;
}

.movie_insert h2 {
	margin-bottom: 6px;
}

.movie_insert select {
	width: 100%;
	border-width: 2px !important;
	font-size: 12px !important;
}

.movie_wrapper {
	margin-top: 8px;
	position: relative;
}

.movie_wrapper ul {
	margin-top: .5em;
}

.movie_wrapper ul li {
	overflow: hidden;
}

.selectMovie li img {
	width: 200px;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

.selectMovie a.trigger img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.movie_insert .movie_box iframe {
    width: 450px;
}

.movie_insert .movie_wrapper li {
	display: none;
}

.movie_insert .movie_wrapper .selected {
	display: block;
}

.movie_insert .movie_link {
	text-align: right;
	margin: 0.5em 15px;
}

.movie_insert .movie_link a {
	background: url('../../images/icon-movieLink.png') no-repeat left;
	padding-left: 15px;
}

.movie_insert a.prev,
.movie_insert a.next {
	background: url(../../images/shop/carousel.png) no-repeat transparent;
	position: absolute;
	top: 0px;
	display: block;
	width: 30px;
	height: 25px;
}

.movie_insert a.prev {
	left: -20px;
	background-position: 0 -10px;
}

.movie_insert a.prev:hover {
	background-position: 0 -60px;
}

.movie_insert a.prev.disabled {
	display: none !important;
}

.movie_insert a.next {
	right: -20px;
	background-position: -65px -10px;
}

.movie_insert a.next:hover {
	background-position: -65px -60px;
}

.movie_insert a.next.disabled {
	display: none !important;
}

.movie_insert a.prev.disabled,
.movie_insert a.next.disabled {
	cursor: default;
}

.movie_insert a.prev span,
.movie_insert a.next span {
	display: none;
}

.insert_box .movie-s {
	width: 493px;
	margin: 0 auto;
}

.insert_box .movie-s iframe {
	width: 493px;
	height: 277px;
}

.insert_box .movie-m {
	max-width: 600px;
	margin: 0 auto;
}

.insert_box .movie-m > div,
.insert_box .movie-l {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.insert_box .movie-m iframe,
.insert_box .movie-l iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.insert_box .movie-m > div + p,
.insert_box .movie-l + p {
	margin-top: .5em;
}

.banner_insert{
	margin-bottom:10px;
}

.insert_box .insert + .insert {
	margin-top: 15px;
	border-top: 1px dotted #ccc;
	padding-top: 15px;
}

/* モーダル版 */
.insert_box .movie-modal {
	margin-right: -10px;
	letter-spacing: -.40em;
}

.insert_box .movie-modal li {
	display: inline-block;
	width: 33.3%;
	padding-right: 10px;
	box-sizing: border-box;
	letter-spacing: normal;
	vertical-align: top;
}

.insert_box .movie-modal li p.img {
	position: relative;
}

.insert_box .movie-modal li p.img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../../images/play16x9_on.png);
	background-size: 100%;
	background: none\9;
}

.insert_box .movie-modal li a:hover p.img:after {
	background-image: url(../../images/play16x9_over.png);
	background: none\9;
}

@media screen and (min-width:1120px) {
	.insert_box .movie-modal li {
		width: 25%;
	}
}

@media screen and (min-width:1250px) {
	.insert_box .movie-modal li {
		width: 20%;
	}
}

.insert_box .movie-modal li img {
	width: 100%;
	max-width: 200px;
}

.insert_box .movie-modal li p + p {
	text-align: center;
	line-height: 1.2;
	margin: .5em 0 1em;
	font-size: 13px;
}

/* カルーセル版 */
.insert_box .movie-carousel .bx-wrapper {
	margin: 10px 25px 0;
}

.insert_box .movie-carousel li {
	position: relative;
}

.insert_box .movie-carousel li p {
	text-align: center;
	line-height: 1.2;
	margin: .5em 0 1em;
	font-size: 13px;
}

.movie-carousel a:focus {
	outline: 0;
}

.insert_box .movie-carousel a img {
	width: 100%;
	max-width: 160px;
}

.insert_box .movie-carousel li a:hover img {
	opacity: .7;
}

.insert_box .movie-carousel li a:after {
	content: "";
	display: block;
	position: absolute;
	width: 160px;
	height: 90px;
	top: 0;
	left: 0;
	background: url(../../images/play16x9_off.png) no-repeat center center;
	background-size: 100%;
	background: none\9;
}

.insert_box .movie-carousel li a.selected:after {
	background-image: url(../../images/play16x9_on.png);
}

.insert_box .movie-carousel li a:hover:after {
	background-image: url(../../images/play16x9_over.png);
}

.insert_box .movie-carousel .list {
	position: relative;
}

.insert_box .movie-carousel .bx-controls {
	position: static;
}

.insert_box .movie-carousel .bx-controls-direction a.bx-prev,
.insert_box .movie-carousel .bx-controls-direction a.bx-prev:hover {
	background: url(../../images/top_images/slider_arrow.png) no-repeat 6px -13px;
	position: absolute;
	top: 30px;
	left: -5px;
	display: block;
	width: 24px;
	height: 30px;
	text-indent: -9999px;
}

.insert_box .movie-carousel .bx-controls-direction a.bx-next,
.insert_box .movie-carousel .bx-controls-direction a.bx-next:hover {
	background: url(../../images/top_images/slider_arrow.png) no-repeat -18px -13px;
	position: absolute;
	top: 30px;
	right: 0;
	display: block;
	width: 24px;
	height: 30px;
	text-indent: -9999px;
}

#detail .insert_box {
	overflow: visible;
}

/* 商品備考インサート詳細説明用
-------------------------------------------------------------------- */
#globalContents .insertDetail .insertHeadline {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px dotted #ccc;
}

#globalContents .insertDetail .insertHeadline span {
	font-size: 14px;
	font-weight: bold;
}

#globalContents .insertDetail .detail_title,
#globalContents .insertDetail a {
	font-size: 14px;
}

#globalContents .insertDetail div {
	overflow: hidden;
	margin-top: .5em;
	margin-bottom: 2.5em;
}

#globalContents .insertDetail p {
	line-height: 1.8;
	color: #444;
}

.insertDetail div p+p {
	margin-top: .5em;
}

.insertDetail div p.note {
	font-size: 10px;
}

.insertDetail .imgLeft img {
	float: left;
	margin-right: .5em;
	max-width: 240px !important;
}

.insertDetail .imgRight img {
	float: right;
	margin-left: .5em;
	max-width: 240px !important;
}

.insertDetail .imgCenter img {
	display: block;
	margin: 0 auto;
}

.insertDetail p.more {
	border: 2px solid #795284;
	text-align: center;
	border-radius: 3px;
}

.insertDetail p.more a {
	display: block;
	font-size: 14px;
	background-color: #795284;
	padding: 5px 10px;
	text-decoration: none;
	color: #fff;
}

.insertDetail p.more a:hover {
	background-color: #fff;
	color: #795284;
}

.insertDetail .hide {
	display: none;
}

/* zoom */
#globalContents .insertDetail.zoom .insertHeadline {
	border: none;
	margin-top: .5em;
}

#globalContents .insertDetail.zoom div {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1.5em;
	margin-bottom: 1em;
}

#globalContents .insertDetail div.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

#globalContents .insertDetail div.limit {
	border: none;
}

#globalContents .insertDetail.zoom h3 {
  font-size: 13px;
  color: #555;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 7px;
}

#globalContents .insertDetail.zoom p.link {
  margin: 1em 50px;
  border: 3px solid #795284;
  border-radius: 3px;
  text-align: center;
  background: #795284;
}

#globalContents .insertDetail.zoom p.link a {
  display: block;
  font-size: 12px;
  color: white;
}

/* pioneer */
.insertDetail.pioneer img {
	border: 2px solid #d1d3d4;
}

/* 商品備考インサートiframe版 */
#globalContents .insert_box #insertFrame {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

/* 商品備考インサートスタッフレビュー用
-------------------------------------------------------------------- */
.insert_box .staffReview .insertHeadline {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 6px;
}

.insert_box .staffReview > div {
	overflow: hidden;
	margin-top: .5em;
}

.insert_box .staffReview p {
	line-height: 1.7;
	color: #333;
	margin: 1em 0;
}

.insert_box .staffReview p {
	text-indent: 1em;
}

.insert_box .staffReview img {
	float: left;
	margin-right: .5em;
	max-width: 200px;
}

.insert_box .staffReview .reviewLink {
	margin: 2px 2px;
}

.insert_box .staffReview .reviewer a {
	background: url(../../images/shop/news/link.gif) no-repeat left center;
	padding-left: 15px;
}

.insert_box .staffReview .reviewer {
	overflow: hidden;
	margin-top: 10px;
	padding: 2px 2px;
	border-radius: 3px;
	display: table;
}
.insert_box .staffReview .reviewer .reviwerCell {
	display: table-cell;
	vertical-align: middle;
}

.insert_box .staffReview .reviewer .reviewerName{
	float:none;
}

.insert_box .staffReview .reviewer-staff {
	background: url(../../material/review/img/staff.png) no-repeat left center;
}

/* ギター＆ベースアイテムレビュー用 */
.insert_box .staffReview.guitarReview p {
	margin: .5em 0;
	text-indent: 0;
	line-height: 1.8;
}

.insert_box .staffReview.guitarReview .reviewer,
.insert_box .staffReview .reviewer.staff {
	display: block;
	overflow: hidden;
	background: #f3f4f4;
	line-height: 32px;
}

.insert_box .staffReview.guitarReview .reviewerName,
.insert_box .staffReview .reviewer.staff .reviewerName {
	display: block;
	float: left;
	padding-left: 35px;
	margin: 2px;
}

.insert_box .guitarReview + .guitarReview {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

.insert_box .staffReview.guitarReview .reviewer-beyan {
	background: url(../../material/guitar-bass-review/img/beyan.png) no-repeat left center;
}
.insert_box .staffReview.guitarReview .reviewer-yamachan {
	background: url(../../material/guitar-bass-review/img/yamachan.png) no-repeat left center;
}
.insert_box .staffReview.guitarReview .reviewer-tobby {
	background: url(../../material/guitar-bass-review/img/tobby.png) no-repeat left center;
}
.insert_box .staffReview.guitarReview .reviewer-kohchin {
	background: url(../../material/guitar-bass-review/img/kohchin.png) no-repeat left center;
}
.insert_box .staffReview.guitarReview .reviewer-rocky {
	background: url(../../material/guitar-bass-review/img/rocky.png) no-repeat left center;
}

.insert_box .staffReview.guitarReview .reviewer a,
.insert_box .staffReview .reviewer.staff a {
	float: right;
	display: block;
	margin: 2px 1em;
}

/* 追加画像カルーセル
-------------------------------------------------------------------- */
#img_carousel,
#img_carousel ul {
	position: relative;
}

#img_carousel ul {
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 112px;
}

#img_carousel li {
	float: left;
	margin: 6px;
	text-align: center;
}

#img_carousel li,
#img_carousel li a {
	width: 100px;
	height: 100px;
}

#img_carousel li,
#img_carousel li a,
#img_carousel li img {
	line-height: 100px;
	vertical-align: middle;
}

#img_carousel li img {
	border: none;
	max-height: 100px;
	max-width: 100px;
}

#img_carousel a.prev,
#img_carousel a.next,
#fancybox-left-ico,
#fancybox-right-ico {
	background: url(../../images/shop/carousel.png) no-repeat transparent;
}

#img_carousel a.prev,
#img_carousel a.next {
	position: absolute;
	top: 32px;
	display: block;
	width: 45px;
	height: 50px;
}

#img_carousel a.prev {
	left: -10px;
	background-position: 0 0;
}

#img_carousel a.prev:hover {
	background-position: 0 -50px;
}

#img_carousel a.prev.disabled {
	background-position: 0 -100px !important;
}

#img_carousel a.next {
	right: -10px;
	background-position: -50px 0;
}

#img_carousel a.next:hover {
	background-position: -50px -50px;
}

#img_carousel a.next.disabled {
	background-position: -50px -100px !important;
}

#img_carousel a.prev.disabled,
a.next.disabled {
	cursor: default;
}

#fancybox-outer,
#fancybox-content {
	border-radius: 10px;
	background: #f0f0f0;
}

#fancybox-outer {
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#fancybox-content {
	border-color: #f0f0f0;
}

#fancybox-title {
	background: none;
}

#fancybox-close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../../images/shop/close0.png);
	border: none !important;
}

#fancybox-left:hover span {
	left: 5px;
	background-position: right top;
}

#fancybox-right:hover span {
	left: auto;
	right: 5px;
	background-position: right -30px;
}

#img_carousel a.prev span,
a.next span,
#fancybox-bg-n,
#fancybox-bg-ne,
#fancybox-bg-e,
#fancybox-bg-se,
#fancybox-bg-s,
#fancybox-bg-sw,
#fancybox-bg-w,
#fancybox-bg-nw {
	display: none;
}

/* 追加画像カルーセル新版 */
.insert_box .imgCarousel .bx-wrapper {
	margin: 0 auto;
	position: relative;
}
.insert_box .bx-controls {
	position: absolute;
	top: 0;
	width: 100%;
}
.insert_box .bx-controls-direction a {
	display: block;
	position: absolute;
	top: 28px;
	width: 45px;
	height: 50px;
	background: url(../../images/shop/carousel.png) no-repeat;
}
.insert_box .bx-controls-direction a.bx-prev {
	left: -10px;
	background-position: 0 0;
}
.insert_box .bx-controls-direction a.bx-prev:hover {
	background-position: 0 -50px;
}
.insert_box .bx-controls-direction a.bx-next {
	right: -10px;
	background-position: -50px 0;
}
.insert_box .bx-controls-direction a.bx-next:hover {
	background-position: -50px -50px;
}
.insert_box .bx-controls-direction .disabled {
	display: none;
}

/*カルーセル用に大画像のポインタも変更*/
#target.opover:hover {
	cursor: pointer;
}

/* 2014.12.15 商品タグ */
#item_tag {
	padding-bottom: 10px;
	overflow: hidden;
}

#item_tag .tag_title {
	float: left;
	margin-right: 5px;
	color: #64406F;
	font-weight: bold;
}

#item_tag ul.tag_list {
	display: block;
	overflow: hidden;
}

#item_tag ul.tag_list li {
	float: left;
	margin: 0 5px 5px 0;
}

#item_tag ul.tag_list li a {
	display: block;
	background: #E3DCE6;
	border-radius: 3px;
	padding: 2px 10px;
	text-decoration: none;
}

#item_tag ul.tag_list li a:hover {
	background: #643F6E;
	color: #fff;
}

/* audioタグ */
audio {
	width: 100%;
	max-height: 40px;
}

#detail .insert_box .separate {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.review_icon_new {
	margin-left: 6px;
}
.review_icon_new img {
	vertical-align: middle;
	margin-bottom: 1px;
}

/* インサート代替品表示 */
.substitute .outer {
	background: #fafafa;
	border: 1px solid #ccc;
	overflow: hidden;
	position: relative;
}

.substitute .inner {
	display: table;
	width: 100%;
}

.substitute .inner h2,
.substitute .inner .wrap {
	display: table-cell;
	vertical-align: middle;
}

.substitute h2 {
	color: #fff;
	background: #795284;
	font-weight: bold;
	width: 210px;
	padding: 20px 30px;
	padding-right: 0;
	box-sizing: border-box;
	font-size: 24px;
}

.substitute h2:before,
.substitute h2:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border: 100px solid transparent;
	border-width: 200px 100px;
	border-right: 100px solid #fafafa;
	left: 10px;
}

.substitute h2:before {
	bottom: 50%;
}

.substitute h2:after {
	top: 50%;
}

.substitute .item {
	overflow: hidden;
	display: table;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
}

.substitute .item div {
	display: table-cell;
	vertical-align: middle;
}

.substitute .item .img {
	width: 200px;
	padding-right: 10px;
}

.substitute .item .name {
	font-weight: bold;
	font-size: 16px;
}

.substitute .list {
	border-top: 1px dotted #ccc;
	margin-right: 1em;
	background: url(../../images/insert/hosa/alt_cables.png) no-repeat right center;
	padding-right: 227px;
	height: 56px;
}

.substitute .list a {
	display: block;
	margin: 10px 1em;
	background: #e3dbe6;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
}

/* detail_sideの代替品表示と共通指定 */
.price.substitute .exc-tax,
.price.substitute .inc-tax {
	display: inline-block;
}

.price.substitute .exc-tax {
	color: #d1102c;
	margin-right: 5px;
}

.price.substitute .exc-tax strong {
	font-size: 15px;
}


@media screen and (max-width:1260px) {
	.substitute .list {
		background: none;
		padding: 0;
	}
}

@media screen and (max-width:1160px) {
	.substitute .item {
		display: block;
	}
	.substitute .item div {
		display: block;
	}
	.substitute .item .name {
		margin-top: .5em;
	}
}

.osusume-list a {
	display: block;
	width: 100%;
	max-width: 506px;
	height: 80px;
	line-height: 80px;
	color: #fff;
	background-color: #795284;
	margin: 0 auto;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}

.osusume-list a span {
	position: relative;
	padding-right: 14px;
}

.osusume-list a span:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 18px solid transparent;
	border-width: 14px 18px;
	border-left-color: #fff;
	top: 50%;
	right: -26px;
	margin-top: -15px;
}

/* variation */
#variationSelector {
	border-bottom: 1px solid #cfcfcf;
	position: relative;
}

#variationSelector.close {
	padding-bottom: 10px;
}

#variationSelector .headline {
	line-height: 25px;
	background-color: #795284;
	display: table;
	width: 100%;
}

#variationSelector h2 {
	display: table-cell;
	vertical-align: middle;
	line-height: 25px;
	padding-left: 10px;
	font-size: 13px;
	color: #fff;
}

#variationSelector .headline div {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding: 3px 10px 3px 0;
}

#variationSelector ul {
	overflow: hidden;
	height: 90px;
	height: auto;
	letter-spacing: -0.4em;
	margin: 3px;
	display: block;
}

#variationSelector .hide {
	display: none;
}

#variationSelector li {
	display: inline-block;
	width: 12.5%;
	padding: 3px 2px;
	font-size: 11px;
	vertical-align: top;
	letter-spacing: normal;
	line-height: 1.3;
	box-sizing: border-box;
}

#variationSelector.close li:nth-child(n+9) {
	display: none;
}

#variationSelector li a {
	display: block;
	padding: 5px;
	border-radius: 3px;
}

#variationSelector li a.selected {
	background: #e3dce6;
	cursor: default;
}

#variationSelector li a:hover {
	background: #643f6e;
	color: #fff;
	text-decoration: none;
}

#variationSelector li img {
	width: 100%;
	margin-bottom: 3px;
}

#variationSelector .stock {
	font-size: 10px;
	color: #333;
	text-align: right;
	margin-bottom: 1px;
}

#variationSelector a:hover .stock {
	color: #fff;
}

#variationSelector .stock span::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 2px;
	box-sizing: border-box;
}

#variationSelector .instock::before {
	background: #0aff04;
}

#variationSelector .lowstock::before {
	background: yellow;
	border: 1px solid #ccc;
}

#variationSelector .outofstock::before {
	background: #fff;
	border: 1px solid #ccc;
}

#variationSelector .pending::before {
	background: orange;
}

#variationSelector .order::before {
	background: blue;
}

#variationSelector .maker::before {
	background: #00f8ee;
}

@media screen and (max-width:1300px) {
	#variationSelector li {
		width: 14.2%;
		width: -webkit-calc(100%/7);
		width: calc(100%/7);
	}
	*::-ms-backdrop, #variationSelector li {
		width: 14.28%; /* IE11 */
	}
	#variationSelector.close li:nth-child(n+8) {
		display: none;
	}
}

@media screen and (max-width:1220px) {
	#variationSelector li {
		width: 16.6%;
		width: -webkit-calc(100%/6);
		width: calc(100%/6);
	}
	*::-ms-backdrop, #variationSelector li {
		width: 16.66%; /* IE11 */
	}
	#variationSelector.close li:nth-child(n+7) {
		display: none;
	}
}

@media screen and (max-width:1120px) {
	#variationSelector li {
		width: 20%;
	}
	#variationSelector.close li:nth-child(n+6) {
		display: none;
	}
}

#variationSelector .more {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: -10px;
}

#variationSelector .more a {
	font-size: 11px;
	background: #e3dce6;
	border-radius: 6px;
	line-height: 1.2;
	color: #795284;
	padding: 1px 4px;
}