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

#main	{ background-image:none;}
.content-caption	{ background-color:rgba(0, 152, 55, 0.8); }

.breadcrumb	{ margin:25px 0 25px 35px;}
.breadcrumb li	{ display:inline-block; margin-right:10px;}
.breadcrumb li:after	{ content:">"; margin-left:10px;}
.breadcrumb li:last-of-type:after	{ content:""; margin-left:0;}

.image_box .image_box-main span	{
	color:#006837;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
.image_box .image_box-main span:before	{  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }


.text_box	{ float:right; width:34%; max-width:360px; margin-right:2%; line-height:120%;}
.text_box .product-name	{ font-size:120%; padding:10px 0 10px 10px; background-color:#daf3e7; border-bottom:2px solid #006837;}

.product-name .sorting_tag	{ display:inline-block; width:50px; vertical-align:middle; font-size:80%; font-weight:normal; text-align:center; padding:5px; margin-right:5px; color:#ffffff;}
.product-name .sorting_tag.genuine	{ background-color:#ed1c24;}
.product-name .sorting_tag.wakeari	{ background-color:#603813;}
.product-name .name	{ display:inline-block; width:calc(100% - 67px); width:-webkit-calc(100% - 67px); vertical-align:middle;}


.text_box dl:nth-of-type(1) dt	{ padding:10px 0 10px 5px; font-size:80%; width:85px; color:#006837; display:inline-block; vertical-align:middle;}
.text_box dl:nth-of-type(1) dd	{ padding:10px 0 10px 0; width:calc(100% - 90px); width:-webkit-calc(100% - 90px); display:inline-block; vertical-align:middle;}
.text_box dl:nth-of-type(1) dd.border	{ margin:0; padding:0; height:1px; width:100%; background-color:#cccccc;}
.text_box dl:nth-of-type(1) dt.product-price	{ border-bottom:none;}
.text_box dl:nth-of-type(1) dd.product-price	{ border-bottom:none; color:#ed1c24; font-size:200%;}
.text_box dl:nth-of-type(1) dd.product-price b	{ font-size:80%; position:relative; bottom:0.1em;}
.text_box dl:nth-of-type(1) dd.product-price .mini	{ font-size:40%; color:#000000;}

.text_box dl:nth-of-type(2)	{ background-color:#daf3e7;}
.text_box dl:nth-of-type(2) dt	{ padding:10px 0 10px 5px; font-size:80%; width:83px; color:#006837; display:inline-block; border-bottom:2px solid #ffffff;}
.text_box dl:nth-of-type(2) dd	{ background-color:#fcfcfc; padding:10px 0 10px 5px; width:calc(100% - 95px); width:-webkit-calc(100% - 95px); display:inline-block; border-bottom:2px solid #ffffff; border-left:2px solid #ffffff;}

.text_box .st	{ color:#ed1c24;}


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

.image_box	{ width:61%; max-width:640px; float:left; margin-left:2%;}
.image_box .image_box-main		{ position:relative; width:100%; }
.image_box .image_box-main span	{ display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; position:absolute; opacity:0;}
.image_box .image_box-main span.active	{ opacity:1;}
.image_box .image_box-main img	{ display:block; width:100%;}

.image_box .ctrl	{ text-align:center; margin-top:10px;}
.image_box .ctrl li	{ display:inline-block; margin:10px;}
.image_box .ctrl a	{ border:4px solid #cccccc; display:block; width:60px; height:60px; background-position:center center; background-repeat:no-repeat; background-size:cover; 
	border-radius : 32px; -moz-border-radius : 32px;  -webkit-border-radius : 32px;}
.image_box .ctrl a.active,
.image_box .ctrl a:hover	{border-color:#0071bc;}


.product-data-0:after	{ content:""; display:block; clear:both;}

.product-data-1	{ margin:30px 2% 0; }




.ways_to_contact 	{ text-align:center; padding-bottom:30px; border-bottom:1px solid #cccccc;}
.ways_to_contact .headline	{ text-align:left;}
.ways_to_contact .box	{ width:40%; display:inline-block; vertical-align:top;
	background-color:#f2f2f2; background-repeat:no-repeat; margin:30px 2% 0;
	height:160px;
	text-align:left;
}

.ways_to_contact .box .sub_headline	{ border-left:11px solid #ed1e79; padding-left:3px; margin:10px auto 0 12px; font-size:140%;}
.ways_to_contact .box .inner	{ width:100%; padding-top:5px; display:inline-block; vertical-align:middle; height:60px;}
.ways_to_contact .box .inner p	{ text-align:center; margin:0 auto; display:inline-block; width:100%; vertical-align:middle;}

.ways_to_contact .box .inner p:first-of-type	{ font-size:140%; font-weight:bold; color:#ed1e79;}

.ways_to_contact .box:first-of-type	{ background-image:url(../img/product-detail/tel.png); background-position:center 43px;}
.ways_to_contact .box:first-of-type .inner p:first-of-type	{ font-size:200%; font-weight:bold;}

.ways_to_contact .box:last-of-type	{ background-image:url(../img/product-detail/mail.png); background-position:center 45px;}
.ways_to_contact .box:last-of-type .inner p:first-of-type	{  margin-top:1.2em; color:#0071bc;}

.contact-form-caption	{ margin-top:30px;}
.contact-form-caption .inner	{ width:84%; margin:0 auto;}
.contact-form-caption .inner .sub_headline	{ background-color:#ed1e79; padding:6px; font-size:140%; color:#ffffff; font-weight:bold;}
.contact-form-caption .inner .mes	{ text-align:center; margin-top:1em;}


.content_box_middle.contact-form	{ margin-top:20px;}


@media screen and (min-width: 0) and (max-width: 1366px) {
	.text_box dl:nth-of-type(1) dd.product-price	{  font-size:160%;}
	.image_box .ctrl a	{ border-width:2px;}
}

@media screen and (min-width: 0) and (max-width: 640px) {

.ways_to_contact .box	{ width:100%; display:block; vertical-align:top;
	background-color:#f2f2f2; background-repeat:no-repeat; margin:30px auto 0; padding:5px 0 20px;
	height:inherit; background-size:auto 60%; background-position:center center;
	text-align:left;
}
.ways_to_contact .box .inner	{ margin-top:0; height:inherit;}
.ways_to_contact .box:last-of-type { background-position:center 2.5em; padding-bottom:30px;}
.ways_to_contact .box:last-of-type .inner p:first-of-type	{ margin-top:0;}
.contact-form-caption .inner	{ width:100%;}
.image_box	{ width:100%; max-width:640px; float:none; margin:10px auto;}
.text_box	{ width:100%; float:none; max-width:640px; margin:0 auto;}
.product-data-0	{ width:94%; margin:0 auto;}
.product-data-1	{ width:94%; margin:10px auto;}
.product-name	{ font-size:120%; padding:10px 0 10px 10px; background-color:#daf3e7; border-top:2px solid #006837; border-bottom:1px solid #006837;}
.image_box .ctrl	{ margin-top:0;}

.contact-form-caption .inner .mes	{ display:table; margin:1em auto 0; text-align:left;}

.image_box .ctrl a	{ width:13vw; height:13vw; border-width:2px;
	border-radius : 7vw; -moz-border-radius : 7vw;  -webkit-border-radius : 7vw;}
.image_box .ctrl li	{ margin:10px 2vw 0 ;}

.breadcrumb	{ margin-left:auto; margin-right:auto; width:96%;}
.breadcrumb li	{ margin-bottom:0.5em;}

}