@charset "UTF-8";

main.row h1 { font-size: 200%; line-height: 1.4em; }
main.row h1 span { font-size: 70%; font-weight: medium; }

main.row h2 { font-size: 170%; line-height: 1.4em; position: rerative; }
main.row h2 span { font-size: 75%; font-weight: medium; }

main.row h1.cat_title { font-size: 240%; margin-bottom: 5px; }
main.row h2.cat_title { font-size: 150%; margin-top: 5px; font-weight: normal; }

div.top_index div.col-md-6 { padding: 0; margin-bottom: 40px; border-radius: 10px; }
div.top_index div.col-md-6 > a { padding: 15px; border: none; border-radius: 10px; cursor: pointer; display: block; }
div.top_index div.col-md-6 > a:hover { background: #eee; }
div.top_index div.col-md-6 > a > h1 { margin-top: 0; background-size: contain; background-repeat: no-repeat; background-position: bottom right 15px; }
div.top_index div.col-md-6 > a > h1.camera { background-image: url(camera.png); }
div.top_index div.col-md-6 > a > h1.lens { background-image: url(lens.png); }
div.top_index div.col-md-6 > a > h1.movie { background-image: url(movie.png); }
div.top_index div.col-md-6 > a > h1.sound { background-image: url(sound.png); }
div.top_index div.col-md-6 > a > h1.pc { background-image: url(pc.png); }
div.top_index div.col-md-6 > a > h1.other { background-image: url(other.png); }

div.top_index div.col-md-6 > a > p.link { margin-bottom: -5px; font-size: 95%; text-align: right; }
div.top_index div.col-md-6 > h3 { margin: 8px 15px -4px 15px; padding: 0 0 5px 0; font-size: 115%; font-weight: bold; border-bottom: dotted 1px #555; }
div.top_index div.col-md-6 > p { text-align: left; }
div.top_index div.col-md-6 > p.content_title { margin-top: 0; padding: 15px; }
div.top_index div.col-md-6 > p.content_title:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
div.top_index div.col-md-6 > p.content_title a { margin-right: 7px; margin-bottom: 8px; padding: 5px 8px; font-size: 11pt; color: #fff; line-height: 2em; white-space: nowrap; cursor: pointer; background: #aaa; border-radius: 5px; display: block; float: left; }
div.top_index div.col-md-6 > p.content_title a:hover { background: #666; }


div.top_index div.col-md-12 { padding: 0; margin-bottom: 40px; border-radius: 10px; }
div.top_index div.col-md-12 > a { padding: 15px; border: none; border-radius: 10px; cursor: pointer; display: block; }
div.top_index div.col-md-12 > a:hover { background: #eee; }
div.top_index div.col-md-12 > a > h1 { margin-top: 0; background-size: contain; background-repeat: no-repeat; background-position: bottom right 15px; }
div.top_index div.col-md-12 > a > h1.camera { background-image: url(camera.png); }
div.top_index div.col-md-12 > a > h1.lens { background-image: url(lens.png); }
div.top_index div.col-md-12 > a > h1.movie { background-image: url(movie.png); }
div.top_index div.col-md-12 > a > h1.sound { background-image: url(sound.png); }
div.top_index div.col-md-12 > a > h1.pc { background-image: url(pc.png); }
div.top_index div.col-md-12 > a > h1.other { background-image: url(other.png); }

div.top_index div.col-md-12 > a > p.link { margin-bottom: -5px; font-size: 95%; text-align: right; }
div.top_index div.col-md-12 > h3 { margin: 8px 15px -4px 15px; padding: 0 0 5px 0; font-size: 115%; font-weight: bold; border-bottom: dotted 1px #555; }
div.top_index div.col-md-12 > p { text-align: left; }
div.top_index div.col-md-12 > p.content_title { margin-top: 0; padding: 15px; }
div.top_index div.col-md-12 > p.content_title a { margin-right: 7px; padding: 4px 8px; color: #fff; line-height: 2em; white-space: nowrap; cursor: pointer; background: #aaa; border-radius: 5px; }
div.top_index div.col-md-12 > p.content_title a:hover { background: #666; }

div.top_index > a { display: block; }
div.top_index > div.col-md-4:nth-child(3n+1) { clear: both; }
div.top_index a { color: #000; }
div.top_index h1 { height: 1.6em; margin: 20px 0 30px 0; padding: 0 0 0 10px; font-size: 160%; color: #000; text-align: left; line-height: 1.6em; vertical-align: middle; border-left: solid 10px #000; border-radius: 0 5px 5px 0; overflow: hidden; }
div.top_index h2.cat_title { margin-bottom: 20px; font-size: 120%; font-weight: bold; text-align: left; }
div.top_index p { margin-bottom: 10px; }

div.review_link .col-md-6 { padding: 10px; }
div.review_link p.img { width: 30%; margin: 0 5% 0 0; padding: 0; float: left; }
div.review_link p.img img { width: 100%; height: auto; margin-bottom: 0px; border-radius: 3px; }
div.review_link p.txt { width: 65%; margin: 0; padding: 0; font-size: 95%; font-weight: bold; line-height: 1.5; text-align: left; float: left; }
div.review_link p.txt span { font-size: 100%; font-weight: normal; }
div.review_link a { padding: 14px; color: #000; text-decoration: none; background: #eee; border: none; border-radius: 5px; display: block; }
div.review_link a:hover { color: #000; background: #aaa; }
div.review_link a:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;  }

div.top_index div.col-md-4 { padding-bottom: 20px; border-radius: 8px; }
div.top_index div.col-md-4:hover { background-color: #eee; }
div.top_index div.col-md-4 h4 { margin-top: 25px; font-weight: bold; }
div.top_index div.col-md-4 a { text-decoration: none; }

ul.about_summary { margin-bottom: 0; }
ul.about_summary li { text-align: left; }
ul.about_summary li strong { margin-bottom: 5px; font-size: 120%; font-weight: bold; text-align: center; display: block; }
ul.about_summary li a { color: #000; }
ul.about_summary li img { width: 100%; height: auto; border: none; border-radius: 8px; }

ul.w2a { margin: 0 0 -10px 0; padding: 15px 0 10px 0; list-style: none; line-height: 0; }
ul.w2a:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
ul.w2a li { width: 50%; margin: 0; padding: 0; font-size: 10pt; line-height: 1.4em; text-align: center; float: left; position: relative; }
ul.w2a li:nth-child(2n) { float: right; }
ul.w2a li:nth-child(2n+1) { clear: both; }
ul.w2a li img { width: 100%; height: auto; margin-bottom: 10px; }
ul.w2a li a { color: #000; font-weight: bold; text-decoration: none; }
ul.w2a li a:hover { text-decoration: none; opacity: 0.7; }
ul.w2a li a span { font-weight: normal; }
ul.w2a li > span.pickup { padding: 2px 5px !important; font-size: 6pt !important; color: #fff; font-weight: bold; background: #ff8c00; border-radius: 0px; position: absolute; top: 0; right: 0; border-radius: 2px; }
ul.w2a li > span.new { padding: 2px 5px !important; font-size: 6pt !important; color: #fff; font-weight: bold; background: #f00; border-radius: 0px; position: absolute; top: 0; right: 0; border-radius: 2px; }

ul.w3a { margin: 0 0 -10px 0; padding: 15px 0 10px 0; list-style: none; line-height: 0; }
ul.w3a:after { content: "."; height: 0; clear: both; text-align: center; display: block; visibility: hidden; }
ul.w3a li { width: 33%; margin: 0; margin-right: 0.5%; padding: 0; font-size: 10pt; line-height: 1.4em; text-align: center; float: left; position: relative; }
ul.w3a li:nth-child(3n) { margin-right: 0; padding: 0; }
ul.w3a li:nth-child(3n+1) { clear: both; }
ul.w3a li img { width: 100%; height: auto; margin: 0; }
ul.w3a li a { color: #000; font-weight: bold; text-decoration: none; }
ul.w3a li a:hover { text-decoration: none; opacity: 0.7; }
ul.w3a li a span { font-weight: normal; }
ul.w3a li > span.pickup { padding: 2px 5px !important; font-size: 6pt !important; color: #fff; font-weight: bold; background: #ff8c00; border-radius: 0px; position: absolute; top: 0; right: 0; border-radius: 2px; }
ul.w3a li > span.new { padding: 2px 5px !important; font-size: 6pt !important; color: #fff; font-weight: bold; background: #f00; border-radius: 0px; position: absolute; top: 0; right: 0; border-radius: 2px; }

p.w960 { position: rerative; }
p.w960 > span.pickup  { padding: 2px 5px !important; font-size: 6pt !important; color: #fff; font-weight: bold; background: #ff8c00; border-radius: 0px; position: absolute; top: 15px; right: 15px; border-radius: 2px; }
p.w960 > span.new  { padding: 2px 5px !important; font-size: 6pt !important; color: #fff; font-weight: bold; background: #f00; border-radius: 0px; position: absolute; top: 15px; right: 15px; border-radius: 2px; }

h3.point { margin: 10px 0 20px 0; padding: 0 0 7px 0; font-size: 110%; color: #fff; border-bottom: solid 1px #555; }
h3.point span { padding: 6px 8px; background: #555; border-radius: 5px 5px 0 0; }

div.cateogry_top { margin: 80px 0 50px 0; }
div.cateogry_top a { padding: 7px 8px; background: #777; color: #fff; border-radius: 5px; }
div.site_top { width: 170px; height: auto; margin: 50px auto; text-align: center; }

p.pagetop { margin-top: 30px; text-align: right; }

h2 span.pickup { margin-left: 8px; padding: 2px 5px; font-size: 6pt !important; color: #fff; font-weight: bold; background: #f00; border-radius: 2px; position: relative; top: -5px; }
h2 span.new { margin-left: 8px; padding: 2px 5px; font-size: 6pt !important; color: #fff; font-weight: bold; background: #f00; border-radius: 2px; position: relative; top: -5px; }

@media screen and (min-width: 992px) {
#cart > .row > .col-md-6:nth-child(2n+1) { clear: both; }
}

p.x460 { text-align: center; }
p.x460 img { width: 60%; height: auto; }

ul.cat_navigation { padding: 0; list-style: none; text-align: center; }
ul.cat_navigation li { line-height: 2em; margin-left: 5px; margin-right: 5px; display: inline-block; }
ul.cat_navigation li a { height: 2em; padding-left: 7px; padding-right: 7px; color: #555; display: block; }
ul.cat_navigation li a:hover { background-color: #ddd; color: #555; border-radius: 5px; }

@media screen and (max-width: 992px) {
ul.cat_navigation { text-align: left; }
ul.cat_navigation li { margin-left: 3px; margin-right: 3px; margin-bottom: 5px; }
ul.cat_navigation li a { padding-left: 5px; padding-right: 5px; }
}

.col-md-12 h3.pickup_title { margin-top: 50px; font-weight: bold; }
.col-md-12 p { margin-bottom: 25px; display: justify; }
.col-md-12 p:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }

.pickup_img { margin: 0 0 5px 10px; text-align: center; display: block; float: right; }
.pickup_img a { margin: 0 5px 5px 5px; font-size: 70%; color: #000; vertical-align: top; display: inline-block; }
.pickup_img a:hover { opacity: 0.7; }
.pickup_img img { width: 100px; height: auto; margin: 0 0 5px 0; }