/* ------------------------------------------------ */
/* Apparel コンテンツ用CSS */
/* 2021年8月1日 更新 */
/* ------------------------------------------------ */


/* 各ページ 見出し */
.ListBar {
width                 : auto;
line-height           : 3.5;
padding-left          : 2%;
margin-top            : 1%;
margin-bottom         : 2%;
font-size             : 110%;
font-weight           : bold;
border-bottom         : 1px #000000 dashed;
border-left           : 10px #000000 solid;
display               : flex;
}

.ListBar h2 {
width                 : 50%;
font-weight           : bold;
}

.ListBar h3 {
width                 : 100%;
}

.ListBar h3 strong {
margin-right          : 2%;
}

.ListBar h5 {
width                 : 50%;
}

.ListExplain {
display               : flex;
flex-direction        : column;
justify-content       : center;
width                 : auto;
height                : auto;
margin-bottom         : 2%;
margin-left           : auto;
margin-right          : auto;
text-align            : center;
}

.Slide {
width                 : 100%;
height                : auto;
margin-left           : auto;
margin-right          : auto;
margin-bottom         : 1%;
border                : 1px solid #000000;
}

.Slide a {
padding               : 1% 5%;
font-weight           : bold;
}



/* 商品一覧 */
.LineUpBar {
width                 : 100%;
line-height           : 3;
}

.LineUpBar h3 {
width                 : 15%;
font-weight           : bold;
font-size             : 120%;
border                : 1px solid #000000;
}

.LineUp {
display               : flex;
flex-direction        : row;
flex-wrap             : wrap;
flex                  : auto;
width                 : 100%;
margin-bottom         : 2%;
margin-left           : auto;
margin-right          : auto;
text-align            : center;
}

.LineUpPhoto {
width                 : 25%;
padding               : 2%;
}

.ItemNo {
display               : block;
width                 : auto;
font-size             : 110%;
font-weight           : bold;
}

.ItemName {
display               : block;
width                 : auto;
}



/* 目次 */
.ListStock {
width                 : 100%;
margin                : 5% 0;
padding               : 1% 5%;
background-color      : #f5f5f5;
border-width          : 1px;
border-color          : #2b2bd5;
border-style          : solid;
text-align            : center;
font-weight           : bold;
}

.ListStock a {
width                 : auto;
display               : blcok;
}



/* PDF */
.pdf {
width                 : 60%;
margin-left           : auto;
margin-right          : auto;
display               : block;
background-image      : url(../image/pdficon_small.gif);
background-repeat     : no-repeat;
background-position   : bottom right;
}





/* スマホ */
@media screen and (max-width: 480px){



/* コンテンツ */
.ListBar {
height                : 2;
line-height           : 2;
font-size             : 120%;
margin-bottom         : 10px;
}

.ListExplain {
width                 : auto;
}



/* 目次 */
.ListStock {
width                 : 99%;
padding               : 1% 0;
}

.ListStock a {
}



/* PDF */
.pdf {
width                 : 90%;
}



}