@media only screen and (min-width: 500px){table.info th{width:20%}}@media only screen and (max-width: 499px){table.info th{width:30%}table.info th,table.info td{font-size:12px}}.box.cardDetail p.notes{font-size:12px}.box.cardDetail div.row:after{content:"";display:table;clear:both}.box.cardDetail div.header{margin-bottom:10px}.box.cardDetail div.header div.thumb{width:300px;float:left;margin-right:10px}.box.cardDetail div.header div.thumb img{width:100%}.box.cardDetail div.header div.point{position:relative;float:left;width:374px;height:184px;background:url("/img/ranking_check_bg.png") no-repeat center center #fff;border:1px solid #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.box.cardDetail div.header div.point::before{display:block;content:"";width:100%;padding-top:11.28205%;margin:0 auto;background:url("/img/ranking_check.png") no-repeat;background-size:100% 100%}.box.cardDetail div.header div.point ul{margin:5px 20px 0}.box.cardDetail div.header div.point ul li{text-align:left;padding-left:26px;border-bottom:1px solid #CCCCCC;height:40px;line-height:40px;background:url("/img/ico_ranking_catch_no1.jpg") no-repeat left center;font-size:14px}.box.cardDetail div.header div.point ul li strong{color:#245601;font-size:20px}.box.cardDetail div.header div.point ul li:nth-child(1){background-image:url("/img/ico_ranking_catch_no1.jpg")}.box.cardDetail div.header div.point ul li:nth-child(2){background-image:url("/img/ico_ranking_catch_no2.jpg")}.box.cardDetail div.header div.point ul li:nth-child(3){background-image:url("/img/ico_ranking_catch_no3.jpg")}.box.cardDetail div.header div.point p{margin:5px 20px 0;font-size:18px}.box.cardDetail div.header div.status{margin-bottom:30px}.box.cardDetail table.info{width:100%;margin:0px 0px 5px}.box.cardDetail table.info th,.box.cardDetail table.info td{padding:3px 0px;border:1px solid #898989;text-align:center;vertical-align:middle;font-weight:normal;font-size:12px}.box.cardDetail table.info th{width:auto;color:#FFFFFF;border-right:1px solid #FFFFFF;background:-moz-linear-gradient(top, #9a9a9b 0%, #7d7d7d 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #9a9a9b), color-stop(100%, #7d7d7d));background:-webkit-linear-gradient(top, #9a9a9b 0%, #7d7d7d 100%);background:-o-linear-gradient(top, #9a9a9b 0%, #7d7d7d 100%);background:-ms-linear-gradient(top, #9a9a9b 0%, #7d7d7d 100%);background:linear-gradient(to bottom, #9a9a9b 0%, #7d7d7d 100%)}.box.cardDetail table.info th:last-child{border-right:1px solid #898989}.box.cardDetail table.info td{background:#FFFFFF}.box.cardDetail table.info td.shinsa span{float:left;margin:0px;padding:0px 6px}.box.cardDetail table.info td.shinsa div.ico{width:64px;float:left}.box.cardDetail div.unitVoice{position:relative;float:left;width:300px;height:120px;background:#FFFFFF;border:1px solid #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.box.cardDetail div.unitVoice div.scoreVoiceSum div.pt{position:absolute;left:3.33333%;top:8.33333%}.box.cardDetail div.unitVoice div.scoreVoiceSum div.star{position:absolute;left:26.66667%;top:16.66667%}.box.cardDetail div.unitVoice div.more{position:absolute;left:0%;top:58.33333%;width:100%;text-align:center}.box.cardDetail div.unitConvenience{width:376px;float:left;margin-left:10px}.box.cardDetail div.unitConvenience div.in{position:relative;background:#FFFFFF;width:376px;height:120px;background:#FFFFFF;border:1px solid #ccc;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.box.cardDetail div.unitConvenience div.in p.t{position:absolute;left:0px;top:0px;background:#245601;width:6.38298%;height:120px;-webkit-border-top-left-radius:6px;-moz-border-top-left-radius:6px;-ms-border-top-left-radius:6px;-o-border-top-left-radius:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;-ms-border-bottom-left-radius:6px;-o-border-bottom-left-radius:6px;border-bottom-left-radius:6px;text-align:center;padding-top:10px}.box.cardDetail div.unitConvenience div.in ul{margin-left:7.97872%}.box.cardDetail div.unitConvenience div.in ul:after{content:"";display:table;clear:both}.box.cardDetail div.unitConvenience div.in ul>li{width:23.93617%;float:left}.box.cardDetail div.unitConvenience div.in ul>li table td{text-align:center}.box.cardDetail div.unitConvenience div.in ul>li table td.logo{padding-top:4.16667%;padding-bottom:4.16667%}.box.cardDetail div.unitConvenience div.in ul>li table td.icon i.ico{display:inline-block;width:35px;padding-top:35px}.box.cardDetail div.unitConvenience div.in ul>li table td.icon i.ico.kariire{background:url(/img/ico_card_ok_kariire.png) no-repeat}.box.cardDetail div.unitConvenience div.in ul>li table td.icon i.ico.hensai{background:url(/img/ico_card_ok_hensai.png) no-repeat}.box.cardDetail p.inshi{width:300px;float:left}.box.cardDetail div.link{text-align:center}@media only screen and (max-width: 499px){.box.cardDetail div.header div.thumb{margin:0 20px 20px;text-align:center;float:none}.box.cardDetail div.header div.point{margin:0 auto;float:none}.box.cardDetail div.unitConvenience{margin:0 auto;float:none}.box.cardDetail div.unitVoice{margin:0 auto 20px;float:none}.box.cardDetail div.status{padding:0 10px}div.link a{display:inline-block;width:49%}div.link a img{width:100%}}.box.voiceTotal{position:relative;background:#FFFFFF;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.box.voiceTotal div.scoreVoiceSum{position:absolute;right:0;top:-40px}.box.voiceTotal div.scoreVoiceSum div.pt{margin-top:-10px}.box.voiceTotal div.value{padding:10px 0}.box.voiceTotal div.value:after{content:"";display:table;clear:both}.box.voiceTotal div.value div.c2{width:50%;padding:0 10px;text-align:left;float:left}.box.voiceTotal div.value div.c2 h4{font-size:16px;font-weight:bold;margin-bottom:10px}.box.voiceTotal div.value div.c2:first-child{border-right:1px solid #ccc}ul.vote li:after,ul.satisfied li:after{content:"";display:table;clear:both}ul.vote li span,ul.satisfied li span{display:inline-block;float:left}ul.vote li p,ul.satisfied li p{display:inline-block;float:left;margin:0}ul.vote li div.star,ul.satisfied li div.star{width:130px;float:left}ul.vote li span.num,ul.satisfied li span.num{width:40px;text-align:right}ul.satisfied span.bar{width:130px;height:10px;margin-top:5px;margin-right:10px;background:#D2D2D2}ul.satisfied span.bar span{height:100%;background:#FEA201}ul.vote p.th{width:130px}div.voiceUnit{position:relative;background:#dcf0d4;margin-bottom:30px;padding:15px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}div.voiceUnit:after{content:"";display:table;clear:both}div.voiceUnit div.vote{position:relative;width:270px;margin-bottom:60px;margin-right:20px;padding:10px;float:left;background:#FFFFFF;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}div.voiceUnit div.vote div.scoreVoiceSum{margin-bottom:10px;border-bottom:1px solid #CCCCCC}div.voiceUnit div.vote div.scoreVoiceSum:after{content:"";display:table;clear:both}div.voiceUnit div.vote div.scoreVoiceSum h4{display:block;float:left;font-size:16px;font-weight:bold}div.voiceUnit div.vote div.scoreVoiceSum div.pt{float:left;width:40px;margin-top:-10px}div.voiceUnit div.vote div.scoreVoiceSum div.star{float:left;vertical-align:bottom}div.voiceUnit div.vote ul.vote li:after{content:"";display:table;clear:both}div.voiceUnit div.vote ul.vote li p.hd{width:90px;text-align:left;float:left}div.voiceUnit div.vote ul.vote li div.star{width:130px;float:left}div.voiceUnit div.vote ul.vote li span.pt{display:block;width:30px;text-align:right;float:left}div.voiceUnit div.user{width:360px;margin-bottom:30px;float:right;text-align:left}div.voiceUnit div.user:after{content:"";display:table;clear:both}div.voiceUnit div.user div.ico{width:50px;height:70px;float:left}div.voiceUnit div.user div.profile{float:left;margin-bottom:10px}div.voiceUnit div.user div.profile:after{content:"";display:table;clear:both}div.voiceUnit div.user div.profile h4{font-size:16px;font-weight:bold}div.voiceUnit div.comment{position:relative;width:360px;float:right}div.voiceUnit div.comment p{border:2px solid #008f01;background:#FFFFFF;text-align:justify;padding:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}div.voiceUnit div.comment::after{display:block;content:"";background:url(/img/ico_voice_balloon.png) no-repeat;width:20px;height:20px;position:absolute;left:50px;top:-10px}div.voiceUnit p.date{position:absolute;right:15px;bottom:10px}@media only screen and (max-width: 499px){div.voiceUnit div.vote{width:100%;margin:0;margin-bottom:20px;float:none}div.voiceUnit div.user{width:100%;float:none}div.voiceUnit div.comment{width:100%;float:right}}
