@charset "utf-8";

/*
 itemDetailTxt
----------------------------------------------------------------------------------------------------*/
.itemDetailTxt h2 {
  margin-bottom:7px;
  padding:0 0 4px 1px;
  border-bottom:2px solid #ccc;
}
.itemDetailTxt h3 {
  margin-bottom:7px;
}

/*
 itemTtl
----------------------------------------------------------------------------------------------------*/
h2.itemTtl01{
  background:#d2d2d2;
  padding:10px 6px 7px;
}

h2.itemTtl02{
  padding-bottom: 13px;
}

h2.itemTtl03{
  background:#f2f2f2;
  padding:8px 10px;
  margin:0 0;
}

/*
 itemDetail02
----------------------------------------------------------------------------------------------------*/
.itemDetail02 {
  border:2px solid #d2d2d2;
}
.itemDetail02 .floLeft{
  width:147px;
  border-left:1px solid #d2d2d2;
  border-bottom:1px solid #d2d2d2;
}
.itemDetail02 .floLeft{
	height:200px;
}

.itemDetail02 .floLeft.firstBox{
  width:146px;
  border-left:none;
}
.itemDetail02 .floLeft p{
  text-align:center;
}
.itemDetail02 .floLeft p.txtLeft{
  float:left;
  width: 123px;
  padding-left:10px;
  font-size:83%;
  text-align:left;
  color:#666666;
}
.itemDetail02 .floLeft p.icoRight{
  float:right;
  padding-right:2px;
  text-align:right;
}

/*
 itemDetail03
----------------------------------------------------------------------------------------------------*/
.itemDetail03 {
	clear:both;
	border:3px solid #e6e6e6;
	margin-bottom:20px;
}
.itemDetail03_01 {
	clear:both;
	border-right: 3px solid #e6e6e6;
	border-left: 3px solid #e6e6e6;
	border-top: 3px solid #e6e6e6;
}

.itemDetail03_02 {
	clear:both;
	border-right: 3px solid #e6e6e6;
	border-left: 3px solid #e6e6e6;
	border-bottom: 3px solid #e6e6e6;
	margin-bottom:20px;
}
.itemDetail03_01 p,
.itemDetail03_02 p,
.itemDetail03 p {
	margin:10px 15px;
}

.itemDetail03_01 .box_Detail03,
.itemDetail03_02 .box_Detail03,
.itemDetail03 .box_Detail03 {
	clear:both;
	overflow:hidden;
	border-bottom:1px #e6e6e6 solid;
	padding:15px 15px;
	/*padding-top:10px;
	padding-bottom:10px;*/
}

.itemDetail03_01 .box_Detail03 dt,
.itemDetail03_02 .box_Detail03 dt,
.itemDetail03 .box_Detail03 dt {
	width:150px;
	/*float:left;
	padding-left:15px;
	text-align: center;*/
}

.itemDetail03_01 .box_Detail03 dd,
.itemDetail03_02 .box_Detail03 dd,
.itemDetail03 .box_Detail03 dd {
	padding-top:10px;
	/*margin:5px 0 0 180px;
	width:1022px;*/
}

.itemDetail03_01.w200 .box_Detail03 dt,
.itemDetail03_02.w200 .box_Detail03 dt,
.itemDetail03.w200 .box_Detail03 dt{
	float:left;
	width:200px;
	padding-left:15px;
}

.itemDetail03_01.w200 .box_Detail03 dd,
.itemDetail03_02.w200 .box_Detail03 dd,
.itemDetail03.w200 .box_Detail03 dd {
	margin:5px 0 0 230px;
	width:555px;
}

.itemDetail03_01 .box_Detail03 dd h4,
.itemDetail03_02 .box_Detail03 dd h4,
.itemDetail03 .box_Detail03 dd h4 {
	font-size:130%;
}

.itemDetail03_01 .box_text,
.itemDetail03_02 .box_text,
.itemDetail03 .box_text {
	clear:both;
	border-bottom:1px #e6e6e6 solid;
}

.itemDetail03_01 .box_text dt,
.itemDetail03_02 .box_text dt,
.itemDetail03 .box_text dt {
	display:block;
	/*width:700px;*/
	margin:10px 20px 5px;
	font-weight:bold;
	font-size:130%;
}

.itemDetail03_01 .box_text dd,
.itemDetail03_02 .box_text dd,
.itemDetail03 .box_text dd {
	display:block;
	/*width:700px;*/
	margin:0 20px 10px;
}

.itemDetail03_01 .itemSpec,
.itemDetail03_02 .itemSpec,
.itemDetail03 .itemSpec {
	display:table;
	width: -webkit-fill-available;
	margin:15px 15px;
	border:1px #cccccc solid;
	/*width:700px;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;
	border-top:1px #cccccc solid;
	background:url(https://images.astyle.jp/images/parts/common/image/item/item_detailspec_bg.gif) repeat-y 0 0;*/
}
.itemDetail03_01 .itemSpec dl,
.itemDetail03_02 .itemSpec dl,
.itemDetail03 .itemSpec dl{
	display: table-row;
	overflow:hidden;
	/*clear:both;
	border-bottom:1px #cccccc solid;
	padding:10px;*/
}

.itemDetail03_01 .itemSpec dl,
.itemDetail03_02 .itemSpec dl,
.itemDetail03 .itemSpec dl > *{
	display:table-cell;
	border-bottom:1px #cccccc solid;
}

.itemDetail03_01 .itemSpec dt,
.itemDetail03_02 .itemSpec dt,
.itemDetail03 .itemSpec dt{
	max-width:8em;
	padding:10px;
	font-weight:bold;
	background-color: #E6E6E6;
	border-right:1px #cccccc solid;
	/*display:block;
	float:left;
	width:120px;*/
}

.itemDetail03_01 .itemSpec dd,
.itemDetail03_02 .itemSpec dd,
.itemDetail03 .itemSpec dd{
	padding:10px;
	/*display:block;
	margin:0 0 0 145px;
	width:525px;*/
}

.itemDetail03_01 .itemStock,
.itemDetail03_02 .itemStock,
.itemDetail03 .itemStock {
	margin:10px auto;
	/*width:700px;*/
	border-collapse: collapse;
}

.itemDetail03_01 .itemStock th,
.itemDetail03_02 .itemStock th,
.itemDetail03_01 .itemStock td,
.itemDetail03_02 .itemStock td,
.itemDetail03 .itemStock th,
.itemDetail03 .itemStock td {
	border: solid 1px #D2D2D2;
	border-collapse: collapse;
	padding:10px 20px;
}

.itemDetail03_01 .itemStock th,
.itemDetail03_02 .itemStock th,
.itemDetail03 .itemStock th {
	background:#F2F2F2;
}

.itemDetail03_01 dl:after,
.itemDetail03_02 dl:after,
.itemDetail03_01:after,
.itemDetail03_02:after,
.itemDetail03 dl:after,
.itemDetail03:after{
	content: ""; 
    display: block; 
    clear: both;
}

.itemDetail03_01 dl,
.itemDetail03_02 dl,
.itemDetail03_01,
.itemDetail03_02,
.itemDetail03 dl,
.itemDetail03 {zoom:1;}

/*
 itemDetail04
----------------------------------------------------------------------------------------------------*/
.itemDetail04 {
	clear:both;
	border:2px solid #d2d2d2;
	margin-bottom:20px;
	width:746px;
}
.itemDetail04 ul {
	clear:both;
	height:200px;
	margin:0;
	padding:0;
	border-bottom:solid 1px #d2d2d2;
}
.itemDetail04 li {
	overflow:hidden;
	display:block;
	width:141px;
	height:200px;
	float:left;
	margin:0;
	padding:0 4px 0 3px;
	border-right:solid 1px #d2d2d2;
}
.itemDetail04 li.last {
	border-right:none;
}
.itemDetail04 li .heightLine-a {
	margin-top:5px;
}
.itemDetail04 li .txtLeft {
    color: #666666;
    font-size:90%;
	padding:5px 5px 3px;
}
.itemDetail04 p.icoRight {
	padding-right:2px;
	text-align:right;
}

/*
 itemDetail05
----------------------------------------------------------------------------------------------------*/
.itemDetail05:after{
	content: ""; 
    display: block; 
    clear: both;
}

.itemDetail05 {zoom:1;}

.itemDetail05 {
	clear:both;
	border-top:1px solid #D2D2D2;
	border-right:2px solid #D2D2D2;
	border-bottom:2px solid #D2D2D2;
	border-left:2px solid #D2D2D2;
	margin:0 0 20px;
}

.itemDetail05 ul{
	clear:both;
	width:746px;
	border-top:1px solid #D2D2D2;
}

.itemDetail05 ul li{
	float:left;
	display:inline;
	width:141px;
	padding:5px 3px 5px 4px;
	border-right:1px solid #D2D2D2;
}

.itemDetail05 ul li.last{
	border-right:none;
}

.itemDetail05 .txtLeft {
    color: #666666;
    font-size:90%;
	padding:5px 5px 3px;
}
.itemDetail05 .icoRight {
	padding-right:2px;
	text-align:right;
}

/*
.itemDetail05 ul{
	background: url(https://images.astyle.jp/images/parts/common/image/item/bg_isColorValidationViewFlg.gif) repeat-y 0 0;
}
*/

/*
2014.10 キャッチ・コピー
----------------------------------------------------------------------------------------------------*/
.itemDetailCatchCopy{
	/*width:300px !important;*/
	text-align:left;
	background: url(/contents/0018/images/parts/common/itemDetailCatchCopy/icn_catchcopy.gif) no-repeat 0 15px #F0F0F0;
	padding: 10px 10px 10px 50px;
	margin-bottom:5px;
}

/*
2020.1 UI改善PCSP共用ソース対応
----------------------------------------------------------------------------------------------------*/
.accArea.accV2{
  border: solid 3px #e6e6e6;
}
.accArea.accV2 *{
  box-sizing: border-box;
}
.accArea .accBlockInner{
  display: block;
  padding: 15px 0;
}
.accBlock02{
  background: #f2f2f2;
  font-weight: bold;
  font-size: 22px;
  padding:.5em;
}
.accArea.accV2 .accBlockInner ul li{
  padding-left: 1.1em;
  position: relative;
}
.accArea.accV2 .accBlockInner ul li:before{
  content: "\25CF";
  position: absolute;
  left: 0;
  top: 0;
}
.accArea.accV2 .accBlockInner p.bdBtm,
.accArea.accV2 .accBlockInner ul.bdBtm{
  border-bottom: none;
  padding-bottom: none;
}
.accArea.accV2 .accBlockInner > div.bdBtm{
  display: grid;
  padding: 0 15px;
  /*display: table;*/
  width: 100%;
  box-sizing: border-box;
}
.accArea.accV2 .accBlockInner > div.bdBtm+.bdBtm{
  border-top: 1px solid #C6C6C6;
  padding: 15px 15px 0;
  margin: 1.2em 0 0;
}
.accArea.accV2 .accBlockInner > div.bdBtm > *{
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.accArea.accV2 .accBlockInner > div.bdBtm > *:nth-child(1){
  min-width: 156px;
}
.accArea.accV2 .accBlockInner > div.bdBtm > *:nth-child(2){
  width: 100%;
  /*max-width: calc(100% - 156px);*/
}
.accArea.accV2 .accBlockInner > div.bdBtm .imgIn{
  vertical-align: top;
}
.accArea.accV2 .accBlockInner > div.bdBtm .imgIn+.vcATop{
  padding-top:15px;
}
.accArea.accV2 .accBlockInner > div.bdBtm .imgIn span{
  min-width: 156px;
  max-width: 156px;
  display: table-cell;
  padding-right: 15px;
  box-sizing: border-box;
}
.accArea.accV2 .accBlockInner > div.bdBtm .imgIn span img{
  width: 100%;
  height: auto;
}
.accArea.accV2 .accBlockInner .txtIn + .txtIn{
  margin-top: 1em;
}
.accArea.accV2 .accBlockInner .txtIn .bold{
  font-weight: bold;
}
/* PCテーブル内上揃え */
.accArea.accV2 .accBlockInner > div.bdBtm > .vcATop{
  vertical-align: top;
}
/* セット内容 */
#setDetail{
  margin-bottom: 20px;
}
#setDetail.accArea.accV2 .accBlockInner ul li > .bold{
  font-weight: normal !important;
}
#infoDetailBlock{
  margin-bottom: 20px;
}
#infoDetailBlock + p:first-of-type{
  margin-top: 20px;
}
#infoDetailBlock + p + p{
  margin-bottom: 20px;
}
/* アイテム紹介 */
#dtlExp #singatureKey{
  margin-bottom: 20px !important;
}
#dtlExp p.addInfo{
  margin-bottom: 20px;
}
/* セット内容・インフォメーションタイトル */
.accArea.accV2 .accBlockInner > div.bdBtm > div.vcATop > h4{
  font-size: 130%;
}
/* インフォメーションエリア 画像サイズ */
#infoDetailBlock.accArea.accV2 .accBlockInner > div.bdBtm{
  display:grid;
}
#infoDetailBlock.accArea.accV2 .accBlockInner > div.bdBtm > *:nth-child(1){
  min-width: 165px;
}
#infoDetailBlock.accArea.accV2 .accBlockInner > div.bdBtm > *:nth-child(2){
  /*padding-top:15px;*/
  width: 100%;
  /*max-width: calc(100% - 165px);*/
}
#infoDetailBlock.accArea.accV2 .accBlockInner > div.bdBtm .imgIn span{
  min-width: 140px;
  max-width: 140px;
  /*display: table-cell;*/
  padding-right: 15px;
  box-sizing: border-box;
}