@charset "utf-8";
/* CSS Document */
/*PC*/
@media screen and (min-width:481px) {
#socks .sma {
    display: none;
}
#socks .pa {
    display: block;
}
#socks h1 {
    margin-bottom: 80px;
}
#socks h1.sp {
    display: none;
}
#socks .t_wrap {
    width: 740px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}
#socks .t_wrap_LL {
    width: 990px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}
#socks .M_8050 {
    margin-bottom: 80px;
}
#socks #item_socks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#socks #item_socks a {
    width: 235px;
    text-decoration: none;
}
#socks #item_socks img {
    width: 235px;
}
#socks #item_socks dl dt {
    margin-bottom: 20px;
}
#socks #item_socks dl dd {
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
}
#socks h2 {
    font-size: 36px;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 50px;
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 7px, rgba(249, 249, 249, 1) 7px, rgba(249, 249, 249, 1) 22px );
    padding: 20px 0;
}
#socks .kuraberu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#socks .kuraberu dl {
    width: 31%;
}
#socks .kuraberu dl dt {
    margin-bottom: 20px;
}
#socks .kuraberu dl dt img {
    width: 100%;
}
#socks .kuraberu dl dd {
    font-size: 20px;
    line-height: 1.75em;
    margin-bottom: 20px;
}
#socks .kuraberu dl dd strong {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    display: block;
    text-align: center;
}
#socks .kuraberu dl .kakomi {
    border: 1px #D7D7D7 dashed;
    padding: 20px;
}
#socks .kuraberu dl .kakomi dd {
    margin-bottom: 0px;
}
#socks b {
    color: #ef6a50;
    font-weight: bold;
}
}

/*タブレット*/
@media screen and (min-width:481px) and (max-width:820px)  {
#socks .t_wrap_LL {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
}
#socks .pa {
    display: none;
}

}

/*スマホ*/
@media screen and (max-width:480px) {
#socks .sma {
    display: block;
}
#socks .pa {
    display: none;
}
#socks h1.pc {
    display: none;
}
#socks .t_wrap, #socks .t_wrap_LL {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 80px;
}
#socks .M_8050 {
    margin-bottom: 50px;
}
#socks #item_socks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#socks #item_socks a {
    width: 32%;
    text-decoration: none;
}
#socks #item_socks dl dt {
    margin-bottom: 20px;
}
#socks #item_socks dl dd {
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
}
#socks h2 {
    font-size: 180%;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 30px;
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 7px, rgba(249, 249, 249, 1) 7px, rgba(249, 249, 249, 1) 22px );
    padding: 15px 0;
}
#socks .kuraberu dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
#socks .kuraberu dl dt {
    width: 40%;
}
#socks .kuraberu dl div {
    width: 55%;
    font-size: 16px;
    line-height: 1.5em;
}
#socks .kuraberu dl dd {
    margin-bottom: 20px;
}
#socks .kuraberu dl dd strong {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    display: block;
    margin-bottom: -10px;
}
#socks b {
    color: #ef6a50;
    font-weight: bold;
}

}