/*****************************************************-
CSS Document : 共用　個別パーツまとめ
- ****************************************************/
.product-info.conts-style-info h1.hide-ttl { display:none;}
.product-info.conts-style-info .info-top-copy .copy-txt{ width:550px; margin:0 auto 0 0;}
.product-info.conts-style-info .info-top-copy .copy-txt .img{ text-align:left;}
.product-info.conts-style-info .info-top-copy .copy-txt .img img{ width:280px; height:auto;}
.product-info.conts-style-info .info-top-copy .copy-txt h2{ text-align:left; font-size:215%;}
.product-info.conts-style-info .info-top-copy .copy-txt .dtl-idt{ width:100%;}
@media screen and ( max-width:750px) {
.product-info.conts-style-info .info-top-copy .copy-txt{ width:auto; padding:0;}
.product-info.conts-style-info .info-top-copy .copy-txt .img{ text-align:center;}
.product-info.conts-style-info .info-top-copy .copy-txt .img img{ width:80%; max-width:320px; height:auto;}
.product-info.conts-style-info .info-top-copy .copy-txt h2{ text-align:center; font-size:2.2rem;}
.product-info.conts-style-info .info-top-copy .copy-txt .dtl-idt{ width:auto;}
}

.product-info .cts-inr.color-conts{ overflow:hidden; zoom:1;}
.product-info .cts-inr.color-conts .img{ width:50%; float:left; text-align:center;}
@media screen and ( max-width:750px) {
.product-info .cts-inr.color-conts .img{ float:none; width:100%;}
.product-info .cts-inr.color-conts .img img { width:100%; max-width:180px; height:auto;}
}

table.standard.type-name th{ white-space:nowrap;}
table.standard.type-name th.tcenter, td.tcenter{ text-align:center;}
.product-info table.standard.service-table{ margin-top:2em;}
.product-info table.standard.service-table th{ font-weight: 400;}
@media screen and ( max-width:750px) {
table.standard.type-name th{ white-space:normal;}
}

.detail-link a{ font-size:131%; display: block; margin-top:0.5em; margin-left:auto; color: #fff; background: #b61f1f; padding:5px 16px; text-align: center; width: 9em; text-decoration: none;}
.detail-link a:after{ display: inline-block; content: "▲"; transform: rotate(90deg); margin-left:0.5em;}
.detail-link a:hover{ opacity: 0.8;}

@media screen and ( max-width:750px) {
.detail-link a{font-size:1.3rem}
.product-info .info-dtl .img.w_half img { width: 70%; max-width:400px; margin-left:auto;}
.product-info .info-dtl .img.w140 img { margin-right: auto; width: 100px; height: auto;}
}
.note-list.caption-no-list li{ margin-left: 2.5em; text-indent: -2.5em;}