@charset "UTF-8";
@media screen and (min-width:1025px) {
	.tokushu-wrap .sp {
		display: none !important;
	}
}

/* -- all -- */
.tokushu-wrap {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../imgs/bg.jpg) repeat-y left top;
	font-size: 62.5% !important;
	line-height: 1 !important;
	text-align: center;
	overflow: hidden;
}

.tokushu-wrap a {
	text-decoration: none !important;
}

.tokushu-wrap > img {
	width: 100%;
	height: auto;
}

/* -- sns -- */
.sns-wrap {
	margin: 5px 0 5px 3px !important;
}

.sns-wrap .fb-like {
	margin-top: -2px !important;
}

.sns-wrap .line {
	display: inline-block;
	margin-top: -2px !important;
	padding-left: 5px\0 !important;
	padding-left: 5px\9 !important;
	line-height: 0;
}

/* -- cont_wrap -- */
.tokushu-wrap .cont-wrap {
	margin: 15px auto !important;
}

/* -- cont_title -- */
.tokushu-wrap .cont-title {
	width: 100%;
	height: 35px;
	margin: 5px 0 !important;
	background: url(../imgs/tit-bg.png) no-repeat left bottom;
	text-align: center;
}

.tokushu-wrap .cont-title img {
	margin: 0 auto !important;
}

/* -- cont -- */
.tokushu-wrap .cont {
	width: 494px;
	margin: 10px auto !important;
	padding: 3px !important;
	border: 1px solid #9ce4fc;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.tokushu-wrap .cont > span {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 5px 0 !important;
	border: 1px solid #9ce4fc;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

.tokushu-wrap .cont > span:before {
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 12px;
	height: 12px;
	margin-bottom: 12px !important;
	background: url(../imgs/left-t.png) no-repeat left top;
	content: "";
}

.tokushu-wrap .cont > span:after {
	display: inline-block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 12px;
	height: 12px;
	margin-bottom: 12px !important;
	background: url(../imgs/right-t.png) no-repeat left top;
	content: "";
}

.tokushu-wrap .cont > span .dummy {
	border: none !important;
}

.tokushu-wrap .cont > span > div.product-l:first-child,
.tokushu-wrap .cont > span > div.product-m:first-child {
	border: none !important;
}

/* -- product-l -- */
.tokushu-wrap .product-l {
	width: 470px;
	margin: 0 auto !important;
	padding: 8px 0 !important;
	border-top: 2px dotted #b2e9fc;
	text-align: left;
	overflow: hidden;
}

.tokushu-wrap .product-l .image {
	float: left;
	width: 280px;
	text-align: center;
}

.tokushu-wrap .product-l .image img {
	width: 90%;
	margin: 3px auto !important;
	border: 1px solid #028feb;
}

.tokushu-wrap .product-l .outline {
	position: relative;
	float: left;
	width: 190px;
	height: 260px;
}

.tokushu-wrap .product-l .outline img {
	width: 90%;
	margin: 3px auto !important;
	border: 1px solid #028feb;
}

.tokushu-wrap .product-l h3 {
	margin: 3px 3px 8px !important;
	background: none;
	font-size: 1.4em;
	font-size: 14px !important;
	font-weight: bold;
	text-align: center;
	line-height: 1.5 !important;
}

.tokushu-wrap .product-l h3 span {
	font-size: 1.05em;
	font-size: 10.5px !important;
	font-weight: normal;
}

.tokushu-wrap .product-l h3 a {
	color: #028feb !important;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.tokushu-wrap .product-l h3 a:hover {
	color: #5dbbf8 !important;
	text-decoration: underline !important;
}

.tokushu-wrap .product-l .detail {
	display: inline-block;
	width: 100%;
	margin: auto;
	padding: 10px 20px 5px !important;
	color: #777777;
	font-size: 1.1em;
	font-size: 11px !important;
	text-align: left;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.tokushu-wrap .product-l .detail dt {
	display: inline-block;
	width: 20%;
	margin: 2px 0 !important;
	padding: 0;
	font-weight: bold;
	vertical-align: top;
}

.tokushu-wrap .product-l .detail dd {
	display: inline-block;
	width: 80%;
	margin: 2px 0 !important;
	padding: 0;
	vertical-align: top;
}

/* -- product-m -- */
.tokushu-wrap .product-m {
	width: 470px;
	position: relative;
	margin: 0 auto !important;
	padding: 8px 0 !important;
	border-top: 2px dotted #b2e9fc;
	text-align: left;
	overflow: hidden;
}

.tokushu-wrap .product-m .image {
	float: left;
	width: 250px;
	text-align: center;
}

.tokushu-wrap .product-m .image img {
  width: 90%;
  margin: 3px auto !important;
  border: 1px solid #028feb;
}

.tokushu-wrap .product-m .outline {
	float: left;
	width: 220px;
}

.tokushu-wrap .product-m h3 {
	margin: 3px !important;
	background: none;
	font-size: 1.35em;
	font-size: 13.5px !important;
	font-weight: bold;
	text-align: left;
	line-height: 1.5 !important;
}

.tokushu-wrap .product-m h3 span {
	font-size: 1.05em;
	font-size: 10.5px !important;
	font-weight: normal;
}


.tokushu-wrap .product-m h3 a {
	color: #028feb !important;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.tokushu-wrap .product-m h3 a:hover {
	color: #5dbbf8 !important;
	text-decoration: underline !important;
}

.tokushu-wrap .product-m .detail {
	width: 210px;
	margin: 10px 5px !important;
	color: #777777;
	font-size: 1.1em;
	font-size: 11px !important;
	text-align: left;
}

.tokushu-wrap .product-m .detail dt {
	display: inline-block;
	width: 25%;
	margin: 2px 0 !important;
	padding: 0;
	font-weight: bold;
	vertical-align: top;
}

.tokushu-wrap .product-m .detail dd {
	display: inline-block;
	width: 75%;
	margin: 2px 0 !important;
	padding: 0;
	vertical-align: top;
}

/* -- product-s -- */
.tokushu-wrap .product-s {
	display: inline-block;
	width: 222px;
	margin: 5px 2px !important;
	padding: 10px 5px !important;
	border: 1px solid #c2effe;
	text-align: center;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.tokushu-wrap .product-s img {
	width: 94%;
	margin: 0 auto !important;
	border: 1px solid #028feb;
}

.tokushu-wrap .product-s h3 {
	margin: 8px 3px !important;
	background: none;
	font-size: 1.25em;
	font-size: 12.5px !important;
	font-weight: bold;
	text-align: center;
	line-height: 1.5 !important;
}


.tokushu-wrap .product-s h3 span {
	font-size: 1.05em;
	font-size: 10.5px !important;
	font-weight: normal;
}

.tokushu-wrap .product-s h3 a {
	color: #028feb !important;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.tokushu-wrap .product-s h3 a:hover {
	color: #5dbbf8 !important;
	text-decoration: underline !important;
}

/* -- price -- */
.tokushu-wrap .product-l .value,
.tokushu-wrap .product-m .value {
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
}

.tokushu-wrap .product-s .value {
	margin: 5px auto 0 auto !important;
	text-align: center;
}

.tokushu-wrap .product-s .value p {
	margin: 0 auto;
	padding: 0;
	color: #ff6fa9;
	font-size: 1.2em;
	font-size: 12px !important;
}

.tokushu-wrap .price {
	margin: 2px 0 !important;
	color: #ff227a;
	font-weight: bold;
}

.tokushu-wrap .price dt {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-size: 13px !important;
}

.tokushu-wrap .price dd {
	display: inline-block;
	margin-left: 5px !important;
	padding: 0;
	font-size: 1.5em;
	font-size: 15px !important;
}

.tokushu-wrap .price dd span {
	position: relative;
	bottom: 1.5px;
	font-size: 1.05em;
	font-size: 10.5px !important;
	font-weight: normal;
}


.tokushu-wrap .cart {
	display: inline-block;
	position: relative;
	width: 110px;
	padding: 10px 0 8px !important;
	font-size: 1.2em;
	font-size: 12px !important;
	font-weight: bold;
	background-color: #fe871d;
	background-color: #ff227a\0;
	background-color: #ff227a\9;
	color: #ffffff;
	text-align: center;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-property: color;
	-ms-transition-property: color;
	-moz-transition-property: color;
	-o-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.tokushu-wrap .cart:before {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ff227a;
	content: "";
	-webkit-transform: slaceX(1);
	-ms-transform: slaceX(1);
	-moz-transform: slaceX(1);
	-o-transform: slaceX(1);
	transform: slaceX(1);
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	-moz-transform-origin: 50%;
	-o-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	-ms-transition-property: transform;
	-moz-transition-property: transform;
	-o-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.tokushu-wrap .cart:hover,
.tokushu-wrap .cart:focus,
.tokushu-wrap .cartactive {
	background-color: #fe871d\0;
	background-color: #fe871d\9;
	color: #ffffff !important;
}

.tokushu-wrap .cart:hover:before,
.tokushu-wrap .cart:focus:before,
.tokushu-wrap .cartactive:before {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}

/* -- item_wrap -- */
.tokushu-wrap .itemlist {
	position: relative;
	bottom: 0;
	width: 384px;
	height: 44px;
	margin: 30px auto 20px auto !important;
	text-align: center;
}

.tokushu-wrap .itemlist div {
	position: absolute;
	bottom: 0;
	width: 384px;
	height: 25px;
	background-color: #badafd;
	-webkit-border-radius: 12px;
	-ms-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.tokushu-wrap .itemlist:hover div {
	background-color: #b7f0fd;
}

.tokushu-wrap .itemlist img {
	position: absolute;
	bottom: 8px;
	left: 11px;
}

/* -- footer -- */
.tokushu-wrap .footer {
	width: 100%;
	height: 50px;
	margin: auto !important;
	background-color: #0e69e7;
	text-align: center;
}

.tokushu-wrap .footer p {
	margin-top: 2px !important;
	color: #ffffff;
	font-size: 1.05em;
	font-size: 10.5px !important;
	line-height: 50px !important;
}

.tokushu-wrap .footer p:before {
	display: inline-block;
	margin-right: 7px !important;
	font-family: FontAwesome;
	content: "\f1f9";
}

/* -- backtop -- */
.tokushu-wrap .backtop {
	position: fixed;
	bottom: 10px;
	right: 10px;
}

.tokushu-wrap .backtop a {
	display: block;
	width: 43px;
	height: 34px;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.tokushu-wrap .backtop span {
	display: block;
	width: 43px;
	height: 34px;
	background: url(../imgs/backtop.png) no-repeat left top;
}

.tokushu-wrap .backtop a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: galpha(opacity=70) ;
}

/* SP用 */

@media screen and (max-device-width:1024px) {

	.tokushu-wrap .pc {
		display: none !important;
	}

	.tokushu-wrap .cont-title {
		width: 100%;
		height: auto;
		background: none;
	}

	.tokushu-wrap .cont-title img {
		width: auto;
		height: 30px;
	}

	.tokushu-wrap .cont {
		width: 96%;
		padding: 2px !important;
	}

	.tokushu-wrap .product-l {
		width: 98%;
		text-align: center;
	}

	.tokushu-wrap .product-l .image {
		float: none;
		display: inline-block;
		width: 53% !important;
	}

	.tokushu-wrap .product-l .image img {
		width: 100%;
		margin-right: 5px !important;
	}

	.tokushu-wrap .product-l .outline {
		display: inline-block;
		float: none;
		width: 38% !important;
		height: auto;
		text-align: center;
		vertical-align: bottom !important;
		padding-bottom:3px; 
	}

	.tokushu-wrap .product-l .outline img {
		width: 100%;
		margin: 0 !important;
	}

	.tokushu-wrap .product-l h3 {
		font-size: 1.3em !important;
		line-height: 1.4 !important;
	}

	.tokushu-wrap .product-l h3 span {
		font-size: 0.7em !important;
	}

	.tokushu-wrap .product-l .detail {
		padding: 10px 15px !important;
		font-size: 1em !important;
	}

	.tokushu-wrap .product-m {
		width: 98%;
		text-align: center;
	}

	.tokushu-wrap .product-m .image {
		float: none;
		width: 100%;
	}

	.tokushu-wrap .product-m .image img {
		width: 60%;
	}

	.tokushu-wrap .product-m .outline {
		float: none;
		width: 100%;
		text-align: center;
	}

	.tokushu-wrap .product-m .outline img {
		width: 80%;
		margin: 3px auto 8px auto !important;
	}

	.tokushu-wrap .product-m h3 {
		font-size: 1.2em !important;
		line-height: 1.4 !important;
		text-align: center;
	}

	.tokushu-wrap .product-m h3 span {
		font-size: 0.7em !important;
	}

	.tokushu-wrap .product-m .detail {
		width: 100%;
		padding: 10px 15px !important;
		font-size: 1em !important;
	}

	.tokushu-wrap .product-m .detail dt {
		width: 20%;
	}

	.tokushu-wrap .product-m .detail dd {
		width: 80%;
	}

	.tokushu-wrap .product-s {
		width: 47%;
		margin: 10px 2px !important;
	}

	.tokushu-wrap .product-s h3 {
		font-size: 1.1em !important;
		line-height: 1.4 !important;
	}

	.tokushu-wrap .product-s h3 span {
		font-size: 0.7em !important;
	}

	.tokushu-wrap .product-l .value,
	.tokushu-wrap .product-m .value {
		position: static;
		margin: 5px auto !important;
		text-align: center;
	}

	.tokushu-wrap .product-s .value p {
		font-size: 1.1em !important;
	}

	.tokushu-wrap .price {
		margin: 5px auto !important;
	}

	.tokushu-wrap .price dd span {
		font-size: 0.55em !important;
	}

	.tokushu-wrap .cart {
		width: 120px;
		padding: 12px 0 10px !important;
		font-size: 1.4em !important;
	}

	.tokushu-wrap .itemlist {
		width: 90%;
	}

	.tokushu-wrap .itemlist div {
		width: 100%;
	}

	.tokushu-wrap .itemlist img {
		width: 80%;
		left: 0;
		right: 0;
		margin: auto !important;
	}
}