


#contents #size  div.layout h3{ color:#CC0066; font-weight: bold; font-size:1.3em; margin: 0 0 18px;}
#contents #size  div.layout h4,
#contents #size  div.layout p.sq{ background:url(../size/image/sq.jpg) no-repeat left 0.3em; padding: 0 0  0 18px; font-weight:bold;
	background-size: 12px; margin: 0px 0 8px; color:#333333; font-size:1.1em; 
}

#size p{ margin: 0 0 1em;}


#size .sizeAttention{ margin: 0 0 60px; background:#FEFEFD; border:#F5F5F5 solid 1px; padding:30px 30px 10px;}
#size .sizeAttention p{ margin: 0 0 2em;}
#contents #size div.layout .sizeAttention h4{ margin: 0 0 5px;}

#size ul.list { margin-bottom:30px;}
#size ul.list li{ background:url(../size/image/list.png) no-repeat left 0.4em;
background-size:12px; padding: 2px 0  2px 18px; margin-bottom: 10px;
}

#size ol { margin-bottom:30px; padding-left:1.5em;}
#size ol li{ margin-bottom: 5px;}




#size .sizeTable{ width:100%; margin-bottom:40px; }

#size .sizeTable,
#size .sizeTable td,
#size .sizeTable th{border:solid 1px #EDE4D3; box-sizing:border-box; line-height:1.2em; text-align:center; vertical-align:middle;}

#size .sizeTable th{ background:#FAF5F0; }

#size .sizeTable td.tdHead,
#size .sizeTable th.thChild{ background:#FCFCF8;  }


#size .sizeTable td{ padding: 12px 5px;}
#size .sizeTable th{ padding: 8px 5px;}


#size .bottomsAttention{ margin:30px 0 60px;}
#contents #size div.layout .bottomsAttention h3{ color:#CCA673; font-size:1.2em; margin:15px 0 5px;}



/*  =================================================================== */
/* PC  */
/*  =================================================================== */

@media all and (min-width : 739px) {
	

#size{ padding:30px 0;}



#size .bastSelectArea { margin:40px 0 70px;}
#size .bastSelectArea h2{ text-align:center; margin: 0 0 40px;}
#size .bastSelectArea ul{ display:table; margin: 0 auto 30px;}
#size .bastSelectArea li{ display:table-cell; width:150px; padding:0 2px;}
#size .bastSelectArea li img{ width:100%; height:auto;}


#size .sizeTable td,
#size .sizeTable th{ font-size:14px;}

#size .sizeTable .width30{width:30%;}
#size .sizeTable .width25{width:25%;}

#size .sizeTable.brasize td{ width:10%;}
#size .sizeTable.brasize.type2 td{ width:11.7%;}  

#size .sizeTable.brasize.typeVertical td{  padding:18px 5px;}

#size .sizeTable.typeVertical td.tdHead{  padding:8px 5px;  background:#FAF5F0;}
#size .sizeTable.typeVertical td{  padding:20px 5px;}
#size .sizeTable.typeVertical .thChild{}
	
}




/*  =================================================================== */
/* SP  */
/*  =================================================================== */



@media screen and (max-width: 738px) {



#size .bastSelectArea h2{ text-align:center; margin: 20px 0 30px;}
#contents #size div.layout .bastSelectArea h2 img{ width:86%; height:auto;}
#size .bastSelectArea ul{ margin: 0 auto 30px; width:96%; }
#size .bastSelectArea li{width: 50%; text-align: center; float: left; margin-bottom: 10px;}
#size .bastSelectArea li img{ width: 96%; height:auto;}

#size .sizeAttention{ padding:20px;}
#contents #size  div.layout .sizeAttention h3{ font-size:1.2em; text-align:center;}
#contents #size div.layout .bottomsAttention h3{ font-size:1.1em; }

#size ol {  padding-left:0.5em;}



#size .sizeTable th{ padding: 8px 5px;}
#size .sizeTable td{ padding: 16px 5px;}


#size .sizeTable.typeVertical tr.blockPer50{ width: 50%; float:left;}
#size .sizeTable.typeVertical tr.blockPer40{ width: 40%; float:left;}
#size .sizeTable.typeVertical tr.blockPer60{ width: 60%; float:left;}

#size .sizeTable.typeVertical{border:none; border-left:solid 1px #EDE4D3; border-top:solid 1px #EDE4D3;}
#size .sizeTable.typeVertical th{display:inherit; width:100%;  border-left:none; border-top:none;  }
#size .sizeTable.typeVertical td{display:inherit;  width:100%; border-top:none; border-left:none; border-top:none;  }
#size .sizeTable.typeVertical th.thChild{  padding:8px 5px;  background:#FAF5F0;}


#size .sizeTable.brasize td{ padding: 10px 0;}

}











/*  =================================================================== */
/* サイズ　トップページ  */
/*  =================================================================== */



#sizeIndex h2{ margin-top:40px;}

#sizeIndex .itemBlock {letter-spacing: -.40em;}

#sizeIndex .itemBlock dl{ text-align:center;   display:inline-block; vertical-align:top; letter-spacing: normal;}

#sizeIndex .itemBlock dl dt{ }

#sizeIndex .itemBlock dl dd{}


/*  =================================================================== */
/* PC  */
/*  =================================================================== */

@media all and (min-width : 739px) {


#sizeIndex{ padding: 30px 0;  }


#sizeIndex .itemBlock dl{  width:33%;margin:10px 0 20px;  }

#sizeIndex .itemBlock dl dt img{ width:100px; height:auto;}
#sizeIndex .itemBlock dl dt { margin: 0 0 10px;}

#sizeIndex .itemBlock dl dd{}



}


/*  =================================================================== */
/* SP  */
/*  =================================================================== */



@media screen and (max-width: 738px) {

#sizeIndex .itemBlock dl{  width:50%;margin:10px 0 20px;}

#sizeIndex .itemBlock dl dt img{ width:100%; height:auto;}
#sizeIndex .itemBlock dl dt {width:60%; margin: 0 auto 10px;}


}














