/*=============================================================
 item
=============================================================*/
#mainImg { background-image: url(../img/item/img_main_sp.png); }
@media screen and (min-width: 600px) { #mainImg { background-image: url(../img/item/img_main_pc.png); } }
.specList { margin-bottom: 30px; }
.specList .specTable { table-layout: fixed; }
.specList .specTable thead th { line-height: 1.5; padding: 10px 5px; background: #333; color: #fff; font-weight: 700; text-align: center; vertical-align: middle; }
.specList .specTable thead th:not(:last-child) { border-right: 1px solid #fff; }
.specList .specTable thead th.img { width: 50px; }
.specList .specTable thead th.name { width: 35%; }
.specList .specTable tbody td { padding: 15px 4px; border-bottom: 1px solid #e1e1e1; vertical-align: middle; }
.specList .specTable tbody .img a { display: table; width: 50px; text-decoration: none; }
.specList .specTable tbody .img .imgSet { display: table-cell; width: 50px; vertical-align: top; }
.specList .specTable tbody .img .imgSet .label { display: block; width: 100%; color: #fff; font-size: 17.6px; font-size: 1.1rem; text-align: center; }
.specList .specTable tbody .img .imgSet .imgIn { display: inline-block; position: relative; width: 50px; height: 50px; overflow: hidden; background: #ececec; }
.specList .specTable tbody .img .imgSet .imgIn img { position: absolute; top: 50%; left: 50%; width: auto; min-width: 100%; height: auto; min-height: 100%; max-height: 50px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@supports ((-o-object-fit: cover) or (object-fit: cover)) { .specList .specTable tbody .img .imgSet .imgIn img { position: static; top: 0; left: 0; width: 50px; min-width: 0; height: 50px; min-height: 0; max-height: none; -webkit-transform: none; transform: none; -o-object-fit: cover; object-fit: cover; } }
.specList .specTable tbody .name a { display: inline-block; position: relative; line-height: 1.5; padding: 0 0 0 12px; font-weight: bold; text-decoration: none; }
.specList .specTable tbody .name a:before { display: inline-block; position: absolute; top: 7px; left: 2px; width: 3px; height: 3px; border-top: 2px solid; border-right: 2px solid; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.specList .specTable tbody .lot { text-align: right; }
.specList .specTable tbody .price .num { line-height: 1; color: #e20; font-weight: bold; font-size: 24px; font-size: 1.5rem; text-align: center; }
.specList .specTable tbody .price .num .unit { display: inline-block; line-height: 1; font-weight: bold; font-size: 19.2px; font-size: 1.2rem; vertical-align: baseline; }
.specList .specTable tbody .price .tax , .specList .specTable tbody .price .comment { color: #e20; font-weight: bold; font-size: 19.2px; font-size: 1.2rem; text-align: center; }
.specList .specTable tbody .price .tax { white-space: nowrap; }
.specList .specTable tbody .price .comment { line-height: 1.4; }
.specList .specTable tbody .dl .btn a , .specList .specTable tbody .dl .btn button { display: inline-block; position: relative; box-sizing: border-box; width: 100%; line-height: 1.3; line-height: 1.7; padding: 10px 5px; border: none; background: #e20; color: #fff; font-size: 16px; font-size: 1rem; text-decoration: none; text-align: center; cursor: pointer; box-shadow: 0 2px 0 #e1e1e1; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.specList .specTable tbody .dl .btn a:before , .specList .specTable tbody .dl .btn button:before { display: block; width: 16px; height: 12px; margin: 0 auto 5px; content: ""; }
.specList .specTable tbody .dl .btn.download a:before , .specList .specTable tbody .dl .btn.download button:before { display: block; background: url(../img/item/spec/ico_dl.png) no-repeat center; background-size: contain; content: ""; }
.specList .specTable tbody .dl .btn.sample a , .specList .specTable tbody .dl .btn.sample button { background: #f67c00; }
.specList .specTable tbody .dl .btn.sample a:before , .specList .specTable tbody .dl .btn.sample button:before { background: url(../img/common/ico_sample01.png) no-repeat center; background-size: contain; }
.specList .specTable tbody .dl .btn.contact a , .specList .specTable tbody .dl .btn.contact button { background: #1d3b90; }
.specList .specTable tbody .dl .btn.contact a:before , .specList .specTable tbody .dl .btn.contact button:before { background: url(../img/common/ico_mail01.png) no-repeat center; background-size: contain; }
.specList .specTable .is_fusen .img .imgSet .label { background: #b37a00; }
.specList .specTable .is_fusen .name a:before { border-color: #b37a00; }
.specList .specTable .is_novelty .img .imgSet .label { background: #167e98; }
.specList .specTable .is_novelty .name a:before { border-color: #167e98; }
.specList .specTable .is_other .img .imgSet .label { background: #f57f00; }
.specList .specTable .is_other .name a:before { border-color: #f57f00; }
@media all and (min-width: 600px) { .specList { margin-bottom: 60px; }  .specList .specTable thead th { padding: 14px 6px; white-space: nowrap; }  .specList .specTable thead th.img { width: 76px; }  .specList .specTable thead th.name { width: 290px; }  .specList .specTable thead th.lot { width: 90px; }  .specList .specTable thead th.dl { width: 104px; }  .specList .specTable tbody td { padding: 15px 8px; }  .specList .specTable tbody .img { padding: 15px 0; }  .specList .specTable tbody .img a { position: relative; width: 80px; -webkit-transition: all .3s ease; transition: all .3s ease; }  .specList .specTable tbody .img a:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }  .specList .specTable tbody .img .imgSet { width: 80px; height: 80px; }  .specList .specTable tbody .img .imgSet .label { display: inline-block; position: absolute; top: 0; left: 0; z-index: 2; width: auto; line-height: 1; padding: 2px 6px 3px; font-size: 1.2rem; }  .specList .specTable tbody .img .imgSet .imgIn { width: 80px; height: 80px; }  .specList .specTable tbody .img .imgSet .imgIn img { max-height: 80px; }  @supports ((-o-object-fit: cover) or (object-fit: cover)) { .specList .specTable tbody .img .imgSet .imgIn img { width: 80px; height: 80px; max-height: none; } }  .specList .specTable tbody .name a { padding: 0 0 0 16px; font-size: 1.6rem; -webkit-transition: all .3s ease; transition: all .3s ease; }  .specList .specTable tbody .name a:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }  .specList .specTable tbody .name a:before { top: 9px; left: 0; width: 5px; height: 5px; border-width: 3px; }  .specList .specTable tbody .price { line-height: 1.6; text-align: center; }  .specList .specTable tbody .price .num { display: inline-block; font-size: 1.8rem; vertical-align: middle; }  .specList .specTable tbody .price .num .unit { font-size: 1.6rem; }  .specList .specTable tbody .price .tax , .specList .specTable tbody .price .comment { display: block; }  .specList .specTable tbody .dl { padding: 15px 0 15px 8px; }  .specList .specTable tbody .dl .btn a , .specList .specTable tbody .dl .btn button { padding: 12px 4px; font-size: 1.2rem; letter-spacing: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }  .specList .specTable tbody .dl .btn a:before , .specList .specTable tbody .dl .btn button:before { width: 20px; height: 18px; margin: 0 auto 6px; }  .specList .specTable tbody .dl .btn.download a:hover , .specList .specTable tbody .dl .btn.download button:hover { background: #ff5732; }  .specList .specTable tbody .dl .btn.sample a:hover , .specList .specTable tbody .dl .btn.sample button:hover { background: #ffa938; }  .specList .specTable tbody .dl .btn.contact a:hover , .specList .specTable tbody .dl .btn.contact button:hover { background: #3250a9; } }
/*# sourceMappingURL=maps/list.css.map */