@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
html, body { padding: 0; margin: 10px; }
a { text-decoration: underline; transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; color: #6f645c }
a:active { COLOR: #444; }
a:hover { color: #C10A27; transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; text-decoration: underline }
#content_store { height: auto; width: 100%; background-color: #fff; font-family: 'Open Sans', sans-serif; color: #6A4F3C; font-size: 15px; }
#content_store h1 { font-size: 19px; font-weight: bold; padding: 0px; margin: 5px 0px 15px 0px; }
#content_store h2 { font-size: 16px; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px; color:#C10A27 }
#content_store img.qrcode { margin-bottom: 20px; }
#content_store a.direction { position: relative; border: 1px solid #f0f2f2; display: inline-block; margin-top: 20px; padding: 6px 12px; }
#content_store a.direction:hover { border: 1px solid #e5e5e5; background-color: #f8f8f8; text-decoration: none; }
#content_store .store_error { color: #FF0000; }
#content_store .store_success { color: #458B00; }
#content_store .comment_title { position: relative; display: block; font-size: 16px; font-weight: bold; margin: 13px 0px 0px 0px; }
#content_store .comment { clear: both; position: relative; margin: 2px 0 8px 0; overflow-y: scroll; width: 540px; overflow-x: hidden; height: 225px; border-bottom: 1px solid #e9e9e9; }
#content_store .comment .author { clear: both; margin: 9px 0 0 0; color: #268cc1; font-weight: bold; background: url(../image/comment_client.png) no-repeat; font-size: 12px; padding-left: 20px; }
#content_store .comment .added { clear: both; font-size: 11px; color: #999; font-weight: normal; }
#content_store .comment .message { font-style: italic; margin: 7px 0 0 20px; }
#content_store #comment_next { font-size: 13px; position: absolute; bottom: -2px; right: 1px; cursor: pointer; }
#content_store #comment_next { font-size: 13px; position: absolute; bottom: -2px; right: 5px; cursor: pointer; }
#content_store .form_comment { display: block; position: relative; height: 70px; width: 540px; }
#content_store .form_comment td { vertical-align: top; }
#content_store .form_comment td:nth-child(1) { width: 370px; }
#content_store .form_comment td:nth-child(2) { padding-left: 10px; }
#content_store .form_comment .button { margin-top: 3px; }
#content_store .form_comment .textarea { width: 99%; height: 70px; }
.clearfix { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* IE hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* IE hack */

#content_store .left { float: left; width: 48%; padding-right: 2%; }
#content_store .right { float: right; width: 50%; background-color: #eee8dc; }
#content_store .right div.pd { padding: 10px; }
.button { color: #fff; display: inline-block; padding: 18px 40px; font-weight: 700; cursor: pointer; background: #C10A27; border-radius: 30px; font-size: 14px; line-height: 20px; }
.button:hover { color: #fff; background: #504842 }