@charset "UTF-8";
/* CSS Document */

.item_image {
	width: 50%;
	float: left;
	text-align: center;
	margin: 30px 0;
}

.item_image img {
	/*width: 100%;*/
	height: auto;
	max-width: 400px;
	max-height: 400px;
}

.disptable {
	width: 100%;
	display: table;
}

.sub_image_wrap {
	width: 23.5%;
	float: left;
	margin-right: 2%;
	font-size: 12px;
}

.sub_image_wrap:last-child {
	margin-right: 0;
}

.sub_image {
	width: 100%;
	height: auto;
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
}

.sub_image img {
	width: 100%;
	height: auto;
}

.item_info_left {
	width: 480px;
	float: left;
	margin-right: 20px;
}

.item_info_right {
	width: 400px;
	float: right;
}

.item_info_left iframe {
	width: 480px;
	height: 270px;
	margin-bottom: 1em;
}

.size_faq {
	margin-bottom: 20px;
}

.item_cart {
	margin-bottom: 8px;
}

.item_cart table {
	width: 400px;
	border-collapse: collapse;
}

.classwrap {
	margin-bottom: 10px;
	vertical-align: middle;
}

.classtitle {
	box-sizing: border-box;
	text-align: right;
	font-size: 14px;
	line-height: 14px;
	width: 30%;
	height: 20px;
	border-right: 10px transparent solid;
	border-bottom: 10px transparent solid;
}

.classtitle div {
	width: 120px;
}

.classselect {
	border-bottom: 10px transparent solid;
}

.classselect select {
	font-size: 14px;
	line-height: 14px;
	padding: 0px 20px 0 7px;
	width: 270px;
	height: 30px;
	border: none;
	border-radius: 5px;
	background-color: #E6E6E6;
	/*background-image: url(../img/select_tri.png);
	background-repeat: no-repeat;
	background-position: center right; 
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button;*/
}

.classselect input[type="text"] {
	box-sizing: border-box;
	font-size: 14px;
	line-height: 14px;
	padding: 0px 7px 0;
	width: 270px;
	height: 30px;
	border: none;
	border-radius: 5px;
	background-color: #E6E6E6;
}

.cart_button {
	width: 100%;
}

.add_cart {
	box-sizing: border-box;
	display: block;
	width: 400px;
	height: 40px;
	background-color: #C00;
	background-image: url(../img/cart.png);
	background-repeat: no-repeat;
	background-position: 125px center;
	background-size: 24px 24px;
	border-radius: 5px;
	font-size: 20px;
	line-height: 20px;
	color: #FFF!important;
	text-decoration: none;
	text-align: center;
	padding-top: 12px;
	padding-left: 30px;
}

.add_cart:hover {
	background-color: #D00;
}

.extra_info {
	margin-bottom: 30px;
}

.extra_info div a {
	display: block;
	box-sizing: border-box;
	width: 128px;
	margin-right: 8px;
	padding: 6px;
	text-align: center;
	border-radius: 2px;
	color: #333;
	text-decoration: none;
	background-color: #E6E6E6;
}

.extra_info div:last-child a{
	margin-right: 0!important;
}

.extra_info div a:hover {
	background-color: #F7F7F7;
}

a#add_favorite_product {
	background-image: url(../img/favolite.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 14px 16px;
	padding-left: 22px;
}

.free_s_icon{
	position: absolute;
	top: -1px;
	right: -1px;
}

.item_d .item_d_img {
	float: left;
	margin-left: 10px;
	width: 226px;
}

.item_d .i_d_i_box {
clear: both;
padding: 5px;
}

.item_d .i_d_i_box_data {
width: 100px;
padding: 5px;
}

.item_d .item_d_data {
}

.item_d .item_exp {
padding: 0  0 5px;
color: #777;

}

.item_d .item_exp p{
	margin: 0;
//	padding-left: 5px;
}

.item_d_exp .itm {
	color:#000;}

.item_d .item_d_data h2 {
// border-bottom: 1px dotted #CCCCCC;
padding: 0 0 5px;
margin: 0 5px 0 0;
font-size:21px;
}

.item_d_info {
//	width: 435px;
	padding: 10px;
	margin: 0 0 10px 0;
//	border-radius: 10px;
//	box-shadow: #999 0 0 4px;
}

#sale_pr {
	font-size: 16px;
	color:#c00;
	font-weight:bold;
	margin-top:5px;
}
.setitem_d_info{
//	width: 435px;
	padding: 10px;
	margin: 0 1em 10px 1em;
	border-radius: 10px;
	box-shadow: #999 0 0 4px;
}

.item_d_info h3{
	font-size: 18px;
	margin: 5px 0 0;
}

.normal_price{
	text-align: right;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 5px;
	display: block;
}

.sale_price_box,
.normal_price_box {
	display: block;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 26px;
}

.item_d_info .sale_price_box h3{
	font-size: 42px;
	line-height: 42px!important;
	margin: 0;
	padding: 10px 20px;
	text-align: right;
	text-shadow: 1px 1px 0px #900000;
	background: url(../img/sale_box_bg.jpg) no-repeat;
	background-position: top right;
	background-size: 100% 100%;
}

.product_price{
	font-size: 3em;
}

.price_inctax {
	font-weight: normal;
	font-size: 1.2em;
}

.item_d .item_d_info table th {
padding: 5px 0;
width: 60px;
text-align: left;
}

.item_d_exp2 table th {
padding: 5px 0;
width: 80px;
text-align: left;
}

img#cart {margin-left:30px;}

.item_d .item_d_size, .item_d .item_d_color {
margin-bottom: 20px;
}

.item_d .item_d_exp2 {
background: #f0f0f0;
padding: 10px;
margin: 20px 5px;
}

.item_d .item_d_exp2 table {
font-size: .9em!important;
}

h4.itm {
font-size:18px;
border-bottom:#999 1px solid;
border-left:none;
margin-bottom:15px;
margin:0 0 10px;
padding:0 0 0.3em 0;
font-weight: bold;
}

div.item_d_exp p {padding-left:5px;}

.item_d_info h3#price {
margin:0 15px 0 0;
font-size:20px;}

#point{margin:0 0 5px;}

.item_guide {
clear: both;
padding: 52px 20px 20px 20px;
background: url("../img/buy_guide.gif") no-repeat 10px 7px;
}

.item_guide .i_g_p {
background: #ffefef;
padding: 10px 20px;
margin-bottom: 10px;
}

.status_icon li {
float: left;
margin: 5px 5px -7px 0;
}

.big_icon {
padding: 3px 0 3px 20px;
background: url(../img/search-icon.png) no-repeat 0 4px;
}

h2.notext{
font-size: 16px;
padding: 5px 0 4px 7px;
color: #FFF;
text-shadow: #555 -1px -1px 0;
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border: #FFF 1px solid;
box-shadow: #000 0 0 0 1px;
}

.item_guide p{
	padding: 0 1em;
}

.classlist{
	width: 100%;
}

.i_g_p p{
	padding: 0;
}

.item_guide .g_line {
padding-bottom: 5px;
margin-bottom: 20px;
}

.g_line {
border: none;
border-bottom: 1px dotted #cccccc;
margin-bottom: 5px;
}

.item_guide h3 {
font-size: 18px;
color: #80b037;
border-left: solid 1px #80b037;
padding: 5px;
margin-top: 20px;
margin-bottom: 10px;
}

.big {
font-size: 150%;
}

.bold {
font-weight: bold;
}

.red {
color: #C00;
}

.cartin{
	margin: 0 auto;
}

.attentionwrap {
	position: relative;
	z-index: 1;
}

.attentionlist {
	position: absolute;
	z-index: 1;
	top: 0;
}

.si_text .attentionlist {
	position: relative;
}

.attentionico {
	position: relative;
	display: inline-block;
	padding: 4px 9px;
	margin-right: 7px;
	margin-bottom: 8px;
	color: #FFF;
	background-color: #C00;
	letter-spacing: 2px;
	border-radius: 2px;
}

.attentionlist .attentionico {
	font-size: 12px;
	padding: 2px 6px;
	margin-right: 4px;
	margin-bottom: 5px;
	letter-spacing: 0px;
}

.attentionico::before,
.attentionico::after {
	position: absolute;
	bottom: 10px;
	z-index: -1;
	content: '';
	width: 50%;
	height: 50%;
	box-shadow: 0 10px 5px rgba(0,0,0,.5);
}
.attentionico::before {
	left: 2px;
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
.attentionico::after {
	right: 2px;
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}

.al_new, .al_free, .al_color_2, .al_color_3 {
	position: relative;
	display: inline-block;
	padding: 4px 6px;
	padding-top: 6px;
	font-size: 14px;
	line-height: 12px;
	color: #FFF;
	background-color: #C00;
	border-radius: 2px;
	vertical-align: top;
}

.al_color_2, .al_color_3 {
	border-radius: 8px;
}

.al_color_2 {
	background-color: #E85870;
}

.al_color_3 {
	background-color: #ffa500;
}

.point {
	text-align: right;
	margin-bottom: 30px;
}

.item_view_wrap {
	padding: 52px 10px 20px 10px;
}
.item_view {
//	display: inline-block;
//	margin: 0 auto;
}

.recom_item {
	font-size: 10px;
	display: block;
	float:left;
	width: 15%;
}

.recom_item:last-child {
	margin-right: 0px;
}

.recom_item_img {
	display: inline-block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
}

item_c_h_src {
	line-height: 30px;
}


/* LIST */
.setitems {
	width: 760px;
	margin: 10px 70px;
	display: block;
	color: #333;
	text-decoration: none;
	position: relative;
}

.si_img {
	width: 250px;
	height: 250px;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 1%;
}

.si_right {
	width: 500px;
}

h2.si_title,
.si_price {
	color: #242427;
}

.si_price {
	font-size: 32px;
	line-height: 1em;
	position: absolute;
	right: 0;
	bottom: 0;
}

.item_view {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/


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

.item_image {
	width: 49%;
	float: left;
	text-align: center;
	margin: 20px 0;
	margin-right: 2%;
}

.item_image:last-child {
	margin-right: 0;
}

.item_image img {
	max-width: 100%;
	height: auto;
}

.sub_image_wrap {
	width: 23.5%;
	float: left;
	margin-right: 2%;
	font-size: 12px;
}

.sub_image_wrap:last-child {
	margin-right: 0;
}

.sub_image {
	width: 100%;
	height: auto;
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
}

.sub_image img {
	max-width: 100%;
	height: auto;
}

.item_view_wrap {
	padding: 20px 0;
}

.recom_item {
	font-size: 10px;
	display: block;
	float:left;
	width: 32%;
	margin-right: 2%;
}

.recom_item:nth-child(3n) {
	margin-right: 0;
}
.recom_item:nth-child(3n):after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.recom_item:last-child {
	margin-right: auto;
}

.recom_item_img {
	display: inline-block;
	width: 100%;
	height: 0;
	padding-top:100%;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.item_info_left {
	width: 100%;
	float: none;
	margin-right: 0;
}

.item_info_left iframe {
	width: 100%;
	height: 270px;
	margin-bottom: 1em;
}

.item_info_right {
	width: 100%;
	float: none;
}

.item_cart table {
	width: 100%;
}

.classselect input[type="text"],
.classselect select {
	width: 100%;
}

.add_cart {
	width: 100%;
	background-position: 30% center;
}

.extra_info div {
	width: 32%;
	margin-right: 2%;
}

.extra_info div:last-child {
	margin-right: 0%;
}

.extra_info div a {
	width: 100%;
	margin-right: 0%;
}

a#add_favorite_product {
	background-position: 15px center;
}

.normal_price{
	text-align: left;
}

.sale_price_box,
.normal_price_box {
	text-align: left;
	margin-bottom: 0px;
}

.point {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

.cart_anchor {
	box-sizing: border-box;
	display: inline-block;
	height: 40px;
	width: 40px;
	background-color: #C00;
	background-image: url(../img/cart.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	border-radius: 5px;
	font-size: 20px;
	line-height: 20px;
	color: #FFF!important;
	text-decoration: none;
	text-align: center;
	padding-top: 12px;
	padding-left: 30px;
}

.si_img {
	width: 30%;
	height: auto;
	padding-top: 35%;
}

/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/


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

.setitems {
	margin: 0;
	width: 100%;
}

.si_title {
	font-size: 16px;
}

.si_right,
.si_price {
	width: 100%;
	margin-right: 0;
}

.si_price {
	position: relative;
	text-align: right;
	font-size: 28px;
}

.si_price .small { font-size: 18px; }

}