@charset "utf-8";

/* 

===== CONTENTS ===========================================

	1：product_mainimage	
	2: product_link
	3: detail_area
	4: mobile_foot_contmenu_product

==========================================================
*/

.main_pc{display: block;}
.main_tb{display: none;}
.main_sp{display: none;}

p.interview_caption{ margin-top: 0.5em !important;}

/*
=========== 1: product_mainimage ===========
*/

figure.product_main{
	margin-top: -70px !important;
	position: relative;  	
	}

.product_main_img{
	/*max-height: 520px;*/
	overflow: hidden;
	z-index: 0;
}
.product_main_img img{
    max-width: none !important;
}

/*
===== responce =====
*/
@media screen and (max-width: 1060px){
	figure.product_main{margin-top: 0 !important;}
}

@media screen and (max-width: 768px) {	
.main_pc{display: none;}
.main_tb{display: block; width: 100%;}
.main_sp{display: none;}
}

@media screen and (max-width: 480px){
.main_pc{display: none;}
.main_tb{display: none;}
.main_sp{display: block; width: 100%;}

p.interview_caption{ font-size:12px !important;}

}

/*
=========== 2: product_link ===========
*/
#product_mainimage_inner{
	max-width: 1024px;
	margin: 0 auto;	
	width: 90%;
}
#product_mainimage_inner div.product_link{
	position: absolute;
    width: 350px;
    bottom:0;
	font-size: 12px;
}
/**/
ul#menu{
    position: absolute;
	bottom: 0;
	left: 0;
	line-height: 16px;
	padding: 0;
    margin: 0;
}
ul#menu li.title_tx{
	font-size: 12px;
	font-weight: normal;
	background: none;
}
/**/
#menu li {
  position: relative;
  margin: 0;
    padding: 5px 5px 5px 10px;
    width: 190px;
  border-bottom: solid 1px #ccc;
  font-weight: bold;
  background: url(../../shared/img/white-65-trans.png) repeat;
  list-style: none;
  font-size: 12px !important;
}
#menu li a {
  display: inline-block;
  width: 180px;
  height: 20px;
  text-decoration:none !important;
  color: #000;
}
#menu li a:hover {
  color: #000;
  background: #fff;
}
#menu li:hover {
  color: #000;
  background: #fff;
}
#menu li.title_tx:hover {
  color: #000;
  background: none;
}

/*
===== responce =====
*/
@media screen and (max-width: 767px) {	
#product_mainimage_inner div.product_link{
	display: none;
}
}

/*
===== 3: detail_area ===========
*/
.leadtop {
	font-size: 18px;
	padding: 20px 10px 0 0;
	font-weight: normal;
}

/**/

#detail_wrap{
	clear: both;
	width: 100%;
	height: 100%;
}
#detail_wrap #detail{
    width: 650px;
    height: 100%;
    padding: 0;
    margin: 40px auto 0 auto;
}

/**/

#item-box_wrap{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0 auto 40px auto;
}
/**/
#item-box_wrap div.spec_product{
	width: 30%;
	height: 100%;
	float: left;
	margin: 0;
	text-align: right;
	line-height: 2;
}	
/**/
#item-box_wrap div.spec {
    width: 70%;
    float: left;
    padding: 0 0 5px 0;
	line-height: 2;
}
#item-box_wrap div.spec dt {float: left; margin: 0 20px 0 0; width: 20%; text-align: right; color: #999; display: block;}
#item-box_wrap div.spec dl:after { content: ""; clear: both; display: block;}
#item-box_wrap div.spec dd { width: 100%;
    padding-left: 25%;
    word-wrap: initial;
	}
.mb30{margin-bottom:0 !important;}
#item-box_wrap div.spec dd.tx_end{line-height:1.2;}
/**//**//**/


span.end {font-size: 12px; color: #7f0019;}


/*
===== responce =====
*/

@media screen and (max-width: 767px) {	
#detail_wrap #detail{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 40px auto 0 auto;
}
/**/
#item-box_wrap{
	clear: both;
	width: 90%;
	height: 100%;
	margin: 0 5% 40px 5%;
}
/**/
#item-box_wrap div.spec_product{
	width: 100%;
	height: 100%;
	float: none;
	margin: 0;
	text-align:left;
	font-size: 14px;
	line-height: 2;
}	
/**/
#item-box_wrap div.spec {
    width: 100%;
    float: left;
    padding: 0 0 5px 0;
	font-size: 14px;
	line-height: 2;
}
#item-box_wrap div.spec dt {float: left;
    margin: 0 5% 0 0;
    width: 30%;
    text-align: left;
    color: #999;
    display: block;
	}
#item-box_wrap div.spec dl:after { content: ""; clear: both; display: block;}
#item-box_wrap div.spec dd {
	width: 65%;
    float: left;
    padding-left: 0;
	}
#item-box_wrap div.spec dd.mobile_gyoukan {line-height: 1px; padding-bottom: 15px;}
.mb30{margin-bottom:0 !important;}
/**//**//**/

#item-box2{
	width: 90%;
	padding: 0 5% 0 5%;
	margin-bottom: 15px;
	font-size:14px;
}
/**/
#item-box2 ul{
	display: block;
	width: 100%;
	height: 100%;
	margin: 20px 0;
	padding-left: 5%;
}
/**/
#item-box2 li{
	float: none;
	width: 100%;
	line-height: 2;
	font-size:14px;
}
#item-box2 li.after{clear:left;}

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

div.item_box_foot_tx{
	clear: both;
	width: 90%;
	height: 100%;
	padding: 0 5% 0 5%;
	margin-top: 30px;
}
span.end {font-size: 14px; color: #7f0019;}		
}

/*
=========== 4: mobile_foot_contmenu_product ===========
*/

#mobile_foot_contmenu_product{
	max-width: 1024px;
    padding: 0 15px;
}
/**/
#mobile_foot_contmenu_product ul{
    margin: 50px 0;
    padding: 0;
	border-top: 1px solid #ccc;
    background: #f5f5f5;
}
#mobile_foot_contmenu_product ul li{
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-size: 0.75em;
}
#mobile_foot_contmenu_product ul li a{
	display:block;
}
/*
===== responce =====
*/	
@media screen and (min-width: 768px) {	
#mobile_foot_contmenu_product{display:none;}
}
@media screen and (max-width: 767px) {	
#mobile_foot_contmenu_product{display:block;}
}