@charset "utf-8";
/* 商品詳細 */


/*--------------
 詳細部分 
----------------*/
.detailArea{
 width: 840px;
 margin: 80px auto 160px;
}

/*---------------
 画像ある部分 
----------------*/
.prodImg{ margin-bottom: 68px;}
.prodImg .imgWrap{
 width: 500px;
 height: 500px;
 margin-bottom: 37px;
}
/*チェックのラベルスタイル*/
.prodImg .checkWrap{
 font-size: 1.2rem;
 font-weight: 500;
 color: #003f7e;
 cursor: pointer;
}
.prodImg .checks{
 display: flex;
 justify-content: center;
 align-items: center;
}
.prodImg .checks .checkWrap:not(:last-of-type){ margin-right: 30px;}




/*-----------
 製品仕様 
------------*/
.specArea .selectLinkWrap h2,
.remarksArea h2{ font-size: 1.6rem;}
.specArea .tableWrap{
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 margin-bottom: 60px;
}
.specArea .detailList{
 width: 400px;
 border-collapse: collapse;
}
.specArea .detailList tr{ border-bottom: 1px solid #e0e0e0;}
.specArea .detailList tr:first-of-type{ border-top: 1px solid #e0e0e0;}
.specArea .detailList tr:nth-of-type(2n+1){ background-color: #fafafa;}
.specArea .detailList th,
.specArea .detailList td{
 padding: 13px 0 12px;
 font-size: 1.4rem;
 line-height: 1.9rem;
}
.specArea .detailList th{
 border-right: 1px solid #e0e0e0;
 text-align: center;
 font-weight: 500;
 width: 110px;
}
.specArea .detailList td{
 text-align: left;
 padding-left: 20px;
 padding-right: 20px;
 word-break: break-all;
}




/*-------------
 備考 
--------------*/
.remarksArea{ margin-bottom: 70px;}
.remarksArea h2{
 padding-bottom: 25px;
 border-bottom: 1px solid #e0e0e0;
 margin-bottom: 22px;
}
.remarksArea p{
 font-size: 1.4rem;
 line-height: 2.4rem;
}