@charset "UTF-8";


.contents_comparison table{border-top: #dcdcdc 1px solid;}
.contents_comparison th{background-color: #f3f7fa;border-right: #dcdcdc 1px solid;position: relative;font-weight:bold;}
.contents_comparison tr{border-bottom: #dcdcdc 1px solid;}
.contents_comparison td{border-right: #dcdcdc 1px solid;max-width:220px;}

.contents_comparison td:last-of-type{border-right:none;}
.comparison_empty {display: none;}
.comparison_empty p{font-weight: bold;text-align: center;}
.comparison_counter{font-weight: bold;}
.comparison_head{padding:0 0 20px;}

.comparison_btn ul li a{display:block;position: relative;padding: 10px 0;text-align: center;text-decoration: none;font-weight: bold;}
.comparison_btn .delete_btn a{border: 2px #000 solid;padding: 10px 30px;}
.comparison_btn .contact_btn a{border: 2px #000 solid;background-color: #000;color: #fff;padding: 10px 30px 10px 56px;font-size: 15px;}

.comparison_btn .delete_btn a:before{content:"";background: url(/images/close_icon.png) no-repeat;width: 14px;height: 15px;position: absolute;left: 12px;top: 31%;}
.comparison_btn .contact_btn a:before{content:"";background: url(/images/mail_icon.png) no-repeat;width: 25px;height: 22px;position: absolute;left: 15px;background-size: contain;}



#ctrl td a{line-height: 1;max-width: 20px; height: 20px; text-decoration: none;border: 1px solid #000; padding: 7px;display: inline-block;text-align: center;margin: 0 5px;}
#img td .image{max-width: 120px;height: 140px;margin: 0 auto;}

#cont td a.contact_btn{text-decoration: none;background: #000;color: #fff; padding: 10px;width: 80px;display: inline-block;} 
#cont td a.remove_btn{text-decoration: none;background: #f3f7fa;color: #000; padding: 10px;width: 80px;display: inline-block;}
#ctrl td span{display: block;max-width: 85px;margin: 0 auto;}


.pager {margin:40px 0 0;}
.pager li.num, .pager li.cur, .pager li.arrow {width: 35px;height: 35px;line-height: 35px;}
.pager li a:link, .pager li a:visited {background: #f3f7fa;}
.pager a:link, .pager a:visited, .pager a:hover, .pager a:focus {color: #000;text-decoration: none;}


/** SP ****/
@media screen and (max-width:767px) {
.contents_comparison{padding-top:35px;}
.contents_comparison th,.contents_comparison td{padding:20px;}
.contact_btn{margin-bottom:20px;}
.comparison_list .wrapper{overflow-y: scroll;}
#cont td a.remove_btn,#cont td a.contact_btn{display:block;text-align: center;}
.contents_comparison table {width: 230%;}
tr#ctrl{display:none;} 
}

/** PC ****/
@media screen and (min-width:768px) {
.contents_comparison{padding:70px 20px 0;}
.comparison_empty p{font-size: 30px;}

.comparison_head .wrapper{display: flex;justify-content: space-between;}
.comparison_btn ul{display: flex;width: 470px;justify-content: space-evenly;}
.contents_comparison th,.contents_comparison td{padding:10px 20px;}

#cont td a.remove_btn{font-size: 12px;text-align: center;}
#cont td a.contact_btn{margin-right: 10px;font-size: 12px;text-align: center;}
}

@media screen and (min-width:768px) and (max-width:1024px) {

.contents_comparison th {width: 200px;}


}