@charset "utf-8";
#cartinSelect{
width:92%;
max-width:600px;
margin: 1rem auto;
}
#cartinSelect h2{
width:80%;margin:0 auto;
}
#cartinSelect input[type="checkbox"]{display:none;}
.cartinSelect_payment label{display: block;margin:1em auto 0;}
input#payment1.cartinSelect_input + div{width:100%;content: url("sp/form/creditcard_gr.png");}
input#payment1.cartinSelect_input:checked + div{content: url("sp/form/creditcard_gn.png");}
input#payment2.cartinSelect_input + div{width:100%;content: url("sp/form/cvs_gr.png");}
input#payment2.cartinSelect_input:checked + div{content: url("sp/form/cvs_gn.png");}

/*input#bodycolorBlack.cartinSelect_input + div{width:100%;content: url("./links/sp/form/bk_gr.png");}
input#bodycolorBlack.cartinSelect_input:checked + div{content: url("./links/sp/form/bk_gn.png");}
input#bodycolorSilver.cartinSelect_input + div{width:100%;content: url("./links/sp/form/sv_gr.png");}
input#bodycolorSilver.cartinSelect_input:checked + div{content: url("./links/sp/form/sv_gn.png");}
*/
.cartinSelect_bodycolor{
margin: 3em auto 0;
}


.cartinSelect_bodycolor label {
    width: 36%;
    float: left;
    padding: 0.3em .6em;
    margin: .3em 0;
}
.cartinSelect_bodycolor :nth-child(odd) {
    margin-right: .6em;
}

.cartinSelect_bodycolor:after{    content: "";display: block;clear: both;}

.cartinSelect_flavor{
margin: 4em auto;
text-align: center;
}
.cartinSelect_flavor p {margin: .6em;}
.cartinSelect_flavor_select{
}
.cartinSelect_flavor .cartinSelect_flavor_select input[type="checkbox"]{display:none;}
.cartinSelect_bodycolor label,.cartinSelect_flavor .cartinSelect_flavor_select label{
display: block;
width: calc(100%-4px);
margin-bottom: .6rem;
line-height: 2.6;
border: 2px solid #808080;
border-radius: 8px;
font-weight: bold;
font-size: 120%;
}
.cartinSelect_bodycolor input[type="checkbox"]:checked + label,
.cartinSelect_flavor .cartinSelect_flavor_select input[type="checkbox"]:checked + label{
border: 2px solid #4FB1AB;
color: #4FB1AB;;
} 
#cartinSelect button{
margin: .6em 0;
background:none;
border:none;
}
#cartinSelect button,#cartinSelect label{cursor: pointer;}
