/*
input[type="radio"]#cloth1,
input[type="radio"]#cloth2,
input[type="radio"]#cloth3{
    display: none;
}
*/


ul.select.row3{
width:100%;
}

ul.select.row3 li{
display:inline-block;
width:32%;
margin:0;
vertical-align:top;
}

ul.select.row3.sp li{
font-size:12px;
}

input[type="radio"]#cloth1 + label,
input[type="radio"]#cloth2 + label,
input[type="radio"]#cloth3 + label {
position: relative;
display: inline-block;
width: 100%;
height:auto;
padding-bottom:100%;
overflow:hidden;
text-indent:-9999px;
}

input[type="radio"]#cloth1:checked + label,
input[type="radio"]#cloth2:checked + label,
input[type="radio"]#cloth3:checked + label{
background-color:#fff000;
}

input[type="radio"]#cloth1 + label {
background-image:url("/images/easysystempanel_torocloth.png");
background-repeat: no-repeat;
background-size:contain;
background-color:#fff;
}
input[type="radio"]#cloth2 + label {
background-image:url("/images/easysystempanel_toromat.png");
background-repeat: no-repeat;
background-size:contain;
background-color:#fff;
}
input[type="radio"]#cloth3 + label {
background-image:url("/images/easysystempanel_tropical.png");
background-repeat: no-repeat;
background-size:contain;
background-color:#fff;
}

dl.point_blue{
margin:10px auto!important;
width:95%
}

dl.point_blue dt{
padding:5px 0 5px 0;
border-top:1px solid #0aa0e7;
border-bottom:1px solid #0aa0e7;
color:#0aa0e7;
font-weight:bold;
box-sizing:border-box;
text-align:center;
font-size:13px;
}

dl.point_blue dt::before{
content: '';
display: inline-block;
width: 77px;
height: 19px;
background-image: url(/images/point_icon.png);
background-size: contain;
vertical-align: middle;
margin:-3px 5px 0 0 ;
}

dl.point_blue dd{
padding:5px 0;
font-size:14px;
overflow:hidden;
margin:0!important;
}
ul.select{
margin:10px auto 5px auto;
font-family: "Noto Sans Japanese";
width:70%;
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
list-style-type:none;
}

ul.select label{
margin:0 5px;
}

ul.select li{
margin:0 10px 5px 10px;
text-align:center;
}

ul.select.row3{
text-align:center;
width:100%;
}

ul.select.row3.sp.material li{
font-size:16px;
font-weight:bold;
color:#039a43;
letter-spacing:0.02em;
}


ul.select.row3 li{
width:30%;
}

p.txtRight{
text-align:right;
}


ul.detail_row2 li{
display:inline-block;
font-size:14px;
letter-spacing:0.05em;
margin:5px 20px 5px 5px;
}

ul.easysystempanel_fuzokuhin{
margin:10px auto;
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-around;
justify-content:space-around;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
list-style-type:none;
}

ul.easysystempanel_fuzokuhin li{
text-align:center;
width:45%;
margin-bottom:15px;
}

ul.easysystempanel_fuzokuhin li:last-child{
width:360px;
}


span.selected{
font-size:12px;
display:block;
text-align:center;
}

.makusize{
width:95%;
margin:10px auto;
color:#df0011;
font-size:12px;
text-align:center;
}



dl.priceBox div.number_input{
width:50%;
box-sizing:border-box;
text-align:center;
padding:5px 0;
}

dl.priceBox div.number_input a{
display:inline-block;
padding:6px 10px;
background:#f75b00;
color:#fff!important;
font-weight:bold;
text-decoration:none!important;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

dl.priceBox dl.output{
    border-right: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 5px 0;
  border-left: 2px solid #fdd100;
}

dl.priceBox dl.output:nth-of-type(1){
    width:50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

dl.priceBox dl.output dt,
dl.priceBox dl.output dd{
vertical-align:middle;
display: inline-block;
}

dl.priceBox dl.output dt{
padding:0 10px;
display: inline-block;
}

dl.priceBox dl.output:nth-of-type(2){
background:#feed9b;
margin:0!important;
}

div#selected_price_tanka{
margin:4px 4px 0 0;
display: inline;
}

div#selected_price{
font-size:1.2em;
font-weight:bold;
color:#ff0000;
margin:4px;
display:inline-block;
}

#silk_order .text_l{
width: 40px;
height:12px;
margin:5px;
font-size:12px;
}

div#cart_add_off span.caution{
padding:5px;
color:#ff0000;
font-size:16px;
}

dl.priceBox{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-sizing:border-box;
border:3px solid #fdd100;
}

dl.priceBox > dt{
background:#fdd100;
padding:10px;
text-align:center;
font-size:16px;
}

dl.priceBox > dd{
display: -webkit-box; /* before Android4.3 iOS6:Safari */
display: -ms-flexbox; /* IE10 */
display: -webkit-flex; /* Pc-safari */
display: flex;
-webkit-justify-content:space-between;
justify-content:space-between;
list-style-type:none;
box-sizing:border-box;
margin:0!important;
font-size:12px;
text-align:center;
flex-wrap: wrap;
}

ul.points{
padding: 0 10px;
}

ul.points li{
margin-bottom:20px;
}

ul.points li .ttl{
color:#00a0e9;
padding: 0 0 5px;
border-bottom:1px solid #00a0e9;
margin-bottom:10px;
}

ul.points li img{
width:85%;
display:block;
text-align:center;
margin:10px auto;
}

#toromatto,#h_toro,#tarpaulin,#suede{
	display:none;
}