@charset "shift_jis";

.compare {border-left:1px #aaa solid;border-top:1px #aaa solid;border-bottom:1px #aaa solid;font-size:0;text-align:center;}
.compare .item_row {border-right:1px #999 dotted;box-sizing:border-box;display:inline-block;font-size:11px;letter-spacing:-.4em;position:relative;vertical-align:top;width:27%;vertical-align:bottom;}
.compare .item_row:nth-of-type(1) {border-right:none;width:18%;}
.compare .item_row .spec {border-bottom:1px #999 dotted;color:#111;letter-spacing:normal;padding:.2em 0;width:100%;}
.compare .item_row .img img {width:90%;}
.compare .item_row .img {border-bottom:none;height:30%;}
.compare .item_row .shred,
.compare .item_row .point {height:3em;vertical-align:middle;}
.compare .item_row .point {border-bottom:none;}
.compare .item_row .code {border-bottom:none;}
.compare .item_row .linkarea {top:0;left:0;position:absolute;height:100%;width:100%;}
.compare .item_row .linkarea:hover {background:#f60;opacity:0.1;}
.compare .item_row:nth-of-type(2) {border-left:1px #aaa dotted;}
.compare .item_row:last-of-type {border-right:1px #aaa solid;}
.compare .item_row .point {border-bottom:none;}
.compare .item_row .btm {background:#f60;color:#fff;border-radius:30px;padding:.4em 0 .3em;text-decoration:none;margin:.5em 10%;width:80%;}
.compare .item_row:hover .btm {background:#f30;}
.ttl {background:#eee;padding:.5em;margin: 0 0 .8em;text-align:left;color:#111;}

/*�R���e���c�̓��e�ɉ����ĕύX*/
.compare .item_row:nth-of-type(1) .spec img {width:30%;}
.compare .item_row .spec:nth-of-type(4) {height:13em; padding:.5em 0 0;}
.compare .item_row .spec:nth-of-type(4) .specbox {display:block; margin:5em 0;}
.compare .item_row .spec:nth-of-type(4) img {width:50%;}
.compare .item_row .spec:nth-of-type(5) {height:5em; line-height:.8em;}
.compare .item_row .spec:nth-of-type(5) .specbox {display:block; margin:2em 0;}
.compare .item_row .spec:nth-of-type(7) {height:4em; line-height:.8em;}
.compare .item_row .spec:nth-of-type(7) .specbox {display:block; margin:1.5em 0;}
.compare .item_row .spec:nth-of-type(9) {height:3em;}
.compare .item_row .spec:nth-of-type(9) .specbox {display:block; margin:1em 0;}

@media screen and (max-width: 600px) {
.compare .item_row .spec:nth-of-type(4) {height:10em;}
.compare .item_row:nth-of-type(1) .spec img {width:70%;}�@
}