@charset "utf-8";
/* CSS Document */
/*color*/	
#cw .color_vari {
    display: flex;
}
#cw .siro_on {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 2px solid #1bac4a;
    margin: 0 5px;
}
#cw .kuro_on {
    width: 30px;
    height: 30px;
    background-color: #000;
    border: 2px solid #1bac4a;
    margin: 0 5px;
}
#cw .brown_on {
    width: 30px;
    height: 30px;
    background-color: #6e5f4d;
    border: 2px solid #1bac4a;
    margin: 0 5px;
}
#cw .border_on {
    width: 30px;
    height: 30px;
    background-image: repeating-linear-gradient(0deg, #ffffff, #ffffff 5px, #00ab4e 5px, #00ab4e 10px, #0095da 10px, #0095da 20px, #00ab4e 20px, #00ab4e 25px, #ffffff 25px, #ffffff 35px);
    border: 2px solid #1bac4a;
    margin: 0 5px;
}
#cw .siro_off {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 2px solid #ccc;
}
#cw .kuro_off {
    width: 30px;
    height: 30px;
    background-color: #000;
    border: 2px solid #000;
}
#cw .brown_off {
    width: 30px;
    height: 30px;
    background-color: #6e5f4d;
    border: 2px solid #6e5f4d;
}
#cw .border_off {
    width: 30px;
    height: 30px;
    background-image: repeating-linear-gradient(0deg, #ffffff, #ffffff 5px, #00ab4e 5px, #00ab4e 10px, #0095da 10px, #0095da 20px, #00ab4e 20px, #00ab4e 25px, #ffffff 25px, #ffffff 35px);
    border: 2px solid #ccc;
}
#cw a {
    margin: 0 5px;
}
#cw .kuro_off:hover, #cw .siro_off:hover, #cw .brown_off:hover, #cw .border_off:hover {
    border: 2px solid #1bac4a;
    cursor: pointer;
}
/*size*/
#cw .size_vari {
    display: flex;
}
#cw .size_box {
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #999;
    margin: 0 5px;
    color: #313131;
    font-weight: 600;
    text-align: center;
    line-height: 32px;
    font-size: 1rem;
}
#cw .size_boxL {
    width: 76px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #999;
    margin: 0 5px;
    color: #313131;
    font-weight: 600;
    text-align: center;
    line-height: 32px;
    font-size: 1rem;
}
#cw table, tr, th, td {
    padding: 0.2em 0.5em;
    border: 1px solid #999;
}
#cw .row_tit {
    font-weight: normal;
    text-align: left;
    font-size: clamp(0.9rem, 0.813rem + 0.18vw, 0.95rem);
}
#cw .select {
    font-size: 0.8125rem;
    color: #666;
    margin: 3px 0 0 6px;
}
#cw .aten::before {
	content: "※";
	margin-right: -4px;
}