/* common */
#goodBad {line-height: 1.5;}
#goodBad p {font-size: 11px;}
#goodBad p.replyGood, #goodBad p.replyBad, #goodBad p.reply {display: none;}
#goodBad p.replyGood.appear, #goodBad p.replyBad.appear, #goodBad p.reply.appear {display: block;}
#goodBad p.lead.hide, #goodBad button.submit.hide {display: none;}
#goodBad p.lead {padding: 0 10px;}
#goodBad button {cursor: pointer;}
#goodBad button.submit {display: inline-block; border: 0; font-size: 11px; }
#goodBad textarea {height: 100px; width: 100%; margin: 5px 0; display: block;}
#goodBad p.appear {background: #fff; padding: 3px 10px 10px;}
#goodBad p.reply.appear {padding-bottom: 0;}
#goodBad textarea {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#goodBad .goodBtn.submit {background: #fff url(//www.muji.net/service-bin/shopinfo_impressions/img/good.png) no-repeat left center;}
#goodBad .badBtn.submit {background: #fff url(//www.muji.net/service-bin/shopinfo_impressions/img/bad.png) no-repeat left center;}
#goodBad .goodBtn.submit, #goodBad .badBtn.submit {background-size: 18px 18px; font-weight: bold; color: #666;}
/*#goodBad .goodBtn.submit:hover, #goodBad .badBtn.submit:hover {color: #7f0019;}*/
.goodReviewBtn, .badReviewBtn {background:#666; color: #fff; border-radius: 3px;}
.goodReviewBtn:hover, .badReviewBtn:hover {background:#999;}

/* pc */
/*#nav #goodBad p.lead br {display: none;}
#nav #goodBad {position: absolute; top: 5px; right: 0;}
#nav #goodBad .goodBtn {margin-left:1em;}
#nav #goodBad button.submit {padding: 2px 5px 2px 21px;}
#nav #goodBad button.appear {padding: 2px 5px;}*/

/* sp */
/*#footer_info #goodBad {margin-top: 30px; position: static; text-align: center;}
#footer_info #goodBad button.submit {margin: 12px 10px 16px; line-height: 1; font-size: 13px; padding: 8px 10px;}
#footer_info #goodBad p.lead button.submit {padding: 4px 0 4px 24px;}
#goodBad textarea {margin: 10px 0;}
#footer_info #goodBad p.appear br {display: none;}
#footer_info #goodBad textarea+.submit.appear {display: block; margin: 0 auto;}*/

#goodBad {margin-top: 30px; position: static; text-align: center;}
#goodBad button.submit {margin: 12px 10px 16px; line-height: 1; font-size: 13px; padding: 8px 10px;}
#goodBad p.lead button.submit {padding: 4px 0 4px 24px;}
#goodBad textarea {margin: 10px 0;}
#goodBad p.appear br {display: none;}
#goodBad textarea+.submit.appear {display: block; margin: 0 auto;}