@charset "UTF-8";
/* CSS Document */



table{
    border-collapse:collapse;
    margin:20px 0;
}

td{
    border:1px solid #000000;
    padding:6px 10px;
}

.pos{
    width: 30%;
    padding-left: 12px !important;
}

.type{
    width:40%;
    padding-left: 12px !important;
}

.price{
    width:40%;
    text-align:right;
    padding-left: 12px !important;
}

.size{
    margin:10px 0 30px;
}
.box-001 img {
    width: 100%;
    height: auto;
    float: left;
}
.widebox .box-001 {
    width: 240px;
    height: auto;
    margin-left: calc(30% - 240px) ;
    float: left;
}
.widebox .box-002 {
    width: 60%;
    float: left;
}
.infobox1 .box-001 {
    width: 125px;
    height: auto;
    float: left;
    margin-left: calc(29% - 125px) ;
    margin-top: 0px !important;
}
.infobox1 .box-002 {
    width: 61%;
    float: left;
	margin-left:2%;
	margin-right:2%;
}
.infobox2 .box-001 {
    width: 125px;
    height: auto;
    float: left;
    margin-left: calc(29% - 125px) ;
    margin-top: 0px !important;
}
.infobox2 .box-002 {
    width: 61%;
    float: left;
	margin-left:2%;
	margin-right:2%;
}
.infobox3 .box-001,.infobox4 .box-001 {
    width: 125px;
    height: auto;
    float: left;
    margin-left: calc(29% - 125px) ;
    margin-top: 0px !important;
}
.infobox3 .box-002,.infobox4 .box-002 {
    width: 65%;
    float: left;
}
.tabletype-001 tr td {
    border-top-color: #000000 !important;
}
.tabletype-001 tr .price {
    border-left-style: none;
}
.tabletype-001 tr .type {
    border-right-style: none;
}
.box-002 .display-001 {
    margin-top: 15px;
    margin-bottom: 10px;
}
.box-002 .tabletype-001 {
    margin-top: 0px;
    float: left;
    margin-bottom: 11px;
}
.display-002 {
    color: #D73949;
    font-size: 19px !important;
    line-height: 34px;
    letter-spacing: 0px !important;
}

@media screen and (max-width:600px){
.entry-content .widebox,.entry-content .infobox1,.entry-content .infobox2,.entry-content .infobox3,.entry-content .infobox4 {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
.entry-content .widebox {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
.widebox .box-001 {
    width: 35%;
    height: auto;
    margin-left: 0% !important;
    float: left;
}
.widebox .box-002 {
    width: 65%;
    float: left;
}
.type{
    width:35%;
    padding-left: 12px !important;
}

.price{
    width:45%;
    text-align:right;
    padding-left: 12px !important;
}
}

@media screen and (max-width:810px) and (min-width:601px){
.entry-content .widebox,.entry-content .infobox1,.entry-content .infobox2,.entry-content .infobox3,.entry-content .infobox4 {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
.entry-content .widebox {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
}
.widebox .box-001 {
    width: 35%;
    height: auto;
    margin-left: 2% ;
    float: left;
}
.widebox .box-002 {
    width: 60%;
    float: left;
}
.type{
    width:35%;
    padding-left: 12px !important;
}

.price{
    width:45%;
    text-align:right;
    padding-left: 12px !important;
}
}