@charset "utf-8";

/* CSS Information --------------------------
File name: import.css
Date: 2025/10/28
Last Editor: kanamori
*/

/*商品ページのタブの中にあるスペック表テーブル*/

/* スペック表テーブル、大人用と子供用で分けています */
.spectable,
.spectable-child{
 border: solid 1px #999;
 border-collapse:collapse; /*隣接するセルで境界線を共有*/
 line-height:1.8em;
 letter-spacing:0.1em;
 margin: 0 auto;
}

table.spectable th,
table.spectable-child th{
 border-bottom:1px solid #999;
 border-right: 1px solid #999;
 white-space:nowrap;
 text-align:center;
 padding:5px 10px;
 background-color: #f5f1ee;
}

table.spectable td,
table.spectable-child td{
 border-bottom:1px solid #999;
 padding:10px;
}

table.spectable table td,
table.spectable-child table td{
 border-style: none;
 padding:0;
 vertical-align: top;
}

table.spectable h5,
table.spectable-child h5{
 border-bottom: 1px dotted #999;
 margin-bottom: 10px;
 margin-top: 0px;
 font-weight: bold;
 line-height: initial;
 font-size: clamp(1rem, 0.964rem + 0.18vw, 1.1rem);
}

table.spectable img.sample,
table.spectable img.s1,
table.spectable-child img.sample,
table.spectable-child img.s1{
 max-width: none !important;    
}

/* サンプル請求画像 */
table.spectable img.sample,
table.spectable-child img.sample{
 width: 230px;
 vertical-align: bottom;
}
/* 胸カップ画像 */
table.spectable img.cup{
 width: 230px;
 vertical-align: bottom;
}

/* 着用感画像 */
table.spectable img.spec-type{
 width: 105px;
 height: 125px;
 padding-right: 10px;
 vertical-align: bottom;

}
/* 洗濯表示画像 */
table.spectable img.wash,
table.spectable-child img.wash{
 width: 60px;
 padding-right: 1em;
 vertical-align: bottom;
}

/* パンツ単品説明画像 */
table.spectable img.pants{
 vertical-align: bottom;
 padding-bottom: 50px;
}

/* パンツ単品商品画像 */
table.spectable img.s1{
 width: 230px;
 vertical-align: bottom;
}

table.spectable p,
table.spectable-child p{
 line-height:1.5em;
 margin: 0 10px 0 0;
 font-weight: initial;
}

table.spectable ul.specLink li
table.spectable-child ul.specLink li{
 list-style: circle;
    margin-left: 20px;
}

table.spectable ul.specLink li a
table.spectable-child ul.specLink li a{
 line-height: 30px;
 padding: 0 ;
 display: block;
}


@media screen and (max-width:767px){

.spectable,
.spectable-child{
 table-layout: fixed;
 box-sizing: border-box;
 width: 100%;
 letter-spacing: 0.07em;
}

table.spectable h5,
table.spectable-child h5{
 padding-bottom: 0;
 border-bottom: 1px dotted #999;
 margin-bottom: 10px;
 margin-top: 0px;
 font-weight: bold;
 line-height: initial;
}

table.spectable p,
table.spectable-child p{
padding-bottom: 10px;
font-weight: initial;
}
    
table.spectable th, table.spectable td{
 display: block;
}
table.spectable-child th, table.spectable-child td{
 display: block;
}

table.spectable th,
table.spectable-child th{
 box-sizing: border-box;
 border-right: none;
 width: 100%;
}
    
/* kidstag.jpg の直後に open が続く場合だけ余白をつける 品番：374・364・354 */
.spectable-child table tr:has(+ tr.open) img[src*="kidstag.jpg"] {
  margin-bottom: 20px;
}
    
/* 着用感画像 */
table.spectable tr:nth-child(7){
 text-align: center;
}

/*大人洗濯表示 */
table.spectable tr:nth-child(9){
 text-align: center;
 padding:0;
}
  
    
/*スペアパンツなど、中央揃え回避のタグ */
tr.align-left{
 text-align:left;
 padding:0;
}
    
    
/* Dreamweaver 警告が出るが問題なし（:has()対応ブラウザでは有効） */
.spectable-child td:has(img.wash) {
  text-align: center;
}

        
.spectable br
.spectable-child br{
 display: none;
}

.spectable tr:last-child,
.spectable-child tr:last-child{
 border-bottom: solid 1px #ccc;
}


    

    
}