@import url(https://fonts.googleapis.com/css?family=Hind);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

button, input { font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif; cursor: pointer; }

embed, iframe, object { max-width: 100%; }

.clearfix:after { content: ""; display: block; clear: both; }

.clearfix { width: 100%; }

html { font-size: 62.5%; }

body { font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif; color: #333333; background: #f6f6f6; font-size: 17px; font-size: 1.7rem; line-height: 1.47059; }
body a { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; color: #27a996; text-decoration: none; }
body a:hover { color: #ED5365; }

.max-box { max-width: 1000px; margin: 0 auto; position: relative; padding: 0 15px; }
.max-box p.va-wrap { text-align: right; }
.max-box p.va-wrap a.viewall { font-size: 11px; font-size: 1.1rem; line-height: 2.18182; margin-right: 2%; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; border: 1px solid #27a996; padding: 2px 8px; }
.max-box p.va-wrap a.viewall:hover { color: #ffffff; background: #27a996; }

#breadcrumbs { padding: 12px 0 10px; overflow: hidden; font-size: 11px; font-size: 1.1rem; line-height: 2.18182; }
#breadcrumbs ul li { float: left; }
#breadcrumbs ul li a:after { content: "\f105"; font-family: FontAwesome; margin: 0 10px; color: #b3b3b3; }

#slides { padding: 23px 0 20px; }
@media screen and (max-width: 1000px) { #slides { padding: 0 0 0; } }
#slides .slide-images { position: relative; }
#slides .slide-images .slick-list img { display: block; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; margin: 0 auto; }
@media screen and (max-width: 1000px) { #slides .slide-images .slick-list img { width: 100%; } }
#slides .slide-images .slick-list a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
#slides .slide-images .slick-arrow { position: absolute; top: 0; bottom: 20px; margin: auto; z-index: 500; background: rgba(255, 255, 255, 0.23) none repeat scroll 0 0; border: 0px; font-family: FontAwesome; font-size: 58px; height: 90px; width: 64px; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
#slides .slide-images .slick-arrow:hover { color: #27a996; }
@media screen and (max-width: 640px) { #slides .slide-images .slick-arrow { display: none !important; } }
#slides .slide-images .slick-arrow.slick-prev { left: 0; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0; border-radius: 0 6px 6px 0; }
#slides .slide-images .slick-arrow.slick-prev:before { content: "\f104"; }
#slides .slide-images .slick-arrow.slick-next { right: 0; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px; border-radius: 6px 0 0 6px; }
#slides .slide-images .slick-arrow.slick-next:before { content: "\f105"; }
#slides .slide-images .slick-dots { text-align: center; padding: 8px 0 0; }
@media screen and (max-width: 1000px) { #slides .slide-images .slick-dots { padding: 5px 0 11px; } }
#slides .slide-images .slick-dots li { display: inline; color: #333333; cursor: pointer; font-size: 6px; margin: 0 3px; padding: 3px 5px; }
#slides .slide-images .slick-dots li:before { content: "\f111"; font-family: FontAwesome; }
#slides .slide-images .slick-dots li.slick-active { color: #27a996; }
#slides .slide-images .slick-dots li button { display: none; }

.new-arrival { position: relative; background: #fff; padding: 30px 0 15px; border-bottom: 1px solid #d6d6d6; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; }
.new-arrival .max-box { padding: 0 0 0 15px; max-width: 1015px; }
.new-arrival .slick-track { margin: 0 auto; }
.new-arrival .slick-dots { text-align: center; padding: 0; }
.new-arrival .slick-dots li { display: inline; color: #333333; cursor: pointer; font-size: 6px; margin: 0 5px; padding: 3px 5px; }
.new-arrival .slick-dots li:before { content: "\f111"; font-family: FontAwesome; }
.new-arrival .slick-dots li.slick-active { color: #27a996; }
.new-arrival .slick-dots li button { display: none; }
.new-arrival .new-slide .slick-slide { width: 226px; font-weight: normal; margin-right: 27px; }
@media screen and (max-width: 960px) { .new-arrival .new-slide .slick-slide { margin-right: 20px; } }
@media screen and (max-width: 600px) { .new-arrival .new-slide .slick-slide { margin-right: 16px; } }
@media screen and (max-width: 485px) { .new-arrival .new-slide .slick-slide { margin-right: 16px; } }
.new-arrival .new-slide .slick-slide a { color: #333333; }
.new-arrival .new-slide .slick-slide a .thumb { position: relative; margin: 0 0 10px; }
.new-arrival .new-slide .slick-slide a .thumb img { width: 100%; }
.new-arrival .new-slide .slick-slide a .thumb .related-time { background: #333333; color: #fff; display: inline-block; font-size: 11px; font-size: 1.1rem; line-height: 1; padding: 4px 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; left: 5px; bottom: 5px; }
.new-arrival .new-slide .slick-slide a .related-content .related-title { display: block; margin: 0 0 4px; font-size: 14px; font-size: 1.4rem; line-height: 1.42857; max-height: 4.1rem; overflow: hidden; }
.new-arrival .new-slide .slick-slide a .related-content .related-price { color: #27a996; font-size: 13px; font-size: 1.3rem; line-height: 1.30769; }
.new-arrival .new-slide .slick-slide a img { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.new-arrival .new-slide .slick-slide a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

#movie { background: #333333; }
#movie .max-box { padding: 0; }
#movie .movie-box { position: relative; margin: 0 auto; text-align: left; width: 640px; }
#movie .movie-box img.icon-mem { position: absolute; width: 80px; z-index: 888; }
@media screen and (max-width: 640px) { #movie .movie-box { width: 100% !important; } }
#movie .movie-box .movie-inner { height: 100%; padding: 0; position: relative; width: 100%; }
#movie .movie-box .movie-inner img { vertical-align: bottom; }
#movie .movie-box .movie-inner video { vertical-align: bottom; }

.btn { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border: none; display: inline-block; color: #fff; background: #27a996; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; font-size: 1.4rem; line-height: 1.71429; margin: 0 0 14px; padding: 8px 45px; }
.btn:hover { background: #1f8879; color: #fff; }

#details { background: #fff; padding: 30px 0; border-bottom: 1px solid #d6d6d6; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; }
#details .max-box { overflow: hidden; }
#details .max-box .detail-left { float: left; width: 70%; }
@media screen and (max-width: 600px) { #details .max-box .detail-left { float: none; width: 100%; } }
#details .max-box .detail-right { float: right; width: 25%; }
@media screen and (max-width: 600px) { #details .max-box .detail-right { border-top: 1px solid #d6d6d6; float: none; margin: 20px 0 0; padding: 20px 0 0; width: 100%; } }
#details .max-box .detail-right li { width: 100%; }
#details .max-box .detail-right li span { display: block; font-weight: normal; margin: -5px 0 5px; font-size: 12px; font-size: 1.2rem; line-height: 2; }
#details .max-box .detail-right li a { font-size: 14px; font-size: 1.4rem; line-height: 1.28571; color: #fff; border: 1px solid #27a996; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; font-weight: normal; margin: 0 0 8px; padding: 12px 18px; background: #27a996; }
#details .max-box .detail-right li a.favorite { border: 1px solid #27a996; color: #27a996; background: #fff; }
#details .max-box .detail-right li a.favorite i { font-size: 16px; font-size: 1.6rem; line-height: 1.5; }
#details .max-box .detail-right li a.favorite:hover { background: #d9f6f2; }
#details .max-box .detail-right li a:hover { background: #1f8879; border-color: #1f8879; }
#details h1 { font-size: 25px; font-size: 2.5rem; line-height: 1.32; font-weight: bold; }
#details p { font-size: 14px; font-size: 1.4rem; line-height: 1.57143; margin: 10px 0 12px; }
#details ul.info { padding: 0; overflow: hidden; }
#details ul.info li { color: #999999; font-size: 14px; font-size: 1.4rem; line-height: 1.42857; font-weight: bold; float: left; margin-right: 20px; }
#details ul.info li:before { font-family: FontAwesome; font-weight: normal; margin: 0 7px 0 0; color: #999999; }
#details ul.info li.date:before { content: "\f133"; }
#details ul.info li.category:before { content: "\f02b"; }
#details ul.info li.time:before { content: "\f017"; }
#details ul.info li a { color: #999999; }
#details ul.info li a:hover { color: #27a996; }
#details .due-date { color: #ff503e; font-size: 14px; font-size: 1.4rem; line-height: 1.42857; font-weight: bold; }
#details ul.add-link { margin: 5px 0 0; }
#details ul.add-link li { float: none; }
#details ul.add-link li a { color: #27a996; border: 1px solid #27a996; display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 13px; font-size: 1.3rem; line-height: 1.30769; padding: 6px 10px; margin: 6px 0 0; font-weight: normal; }
#details ul.add-link li a:hover { background: #27a996; color: #fff; }

#category h2 { font-size: 18px; font-size: 1.8rem; line-height: 1.11111; font-weight: bold; margin: 15px 0 10px; }
#category h2:before { font-family: FontAwesome; font-weight: normal; margin: 0 7px 0 0; content: "\f02b"; }
#category ul { -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#category ul li a { background: #fff none repeat scroll 0 0; display: block; overflow: hidden; color: #333333; padding: 20px 23px; position: relative; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #e8e8e8; }
#category ul li a span { background: #e6e6e6 none repeat scroll 0 0; border-radius: 20px; font-size: 12px; padding: 5px 10px; position: absolute; right: 33px; color: #333333; }
#category ul li a:after { background: #27a996 none repeat scroll 0 0; content: ""; height: 100%; position: absolute; right: 0; top: 0; color: #27a996; width: 3px; }
#category ul li a:hover { background: #fafafa; color: #27a996; }
#category ul li:last-Child { border-bottom: none; }
#category ul li ul { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 9px 5px -7px rgba(0, 0, 0, 0.1) inset, 0 -9px 5px -7px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 9px 5px -7px rgba(0, 0, 0, 0.1) inset, 0 -9px 5px -7px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 9px 5px -7px rgba(0, 0, 0, 0.1) inset, 0 -9px 5px -7px rgba(0, 0, 0, 0.1) inset; }
#category ul li ul li { font-size: 14px; font-size: 1.4rem; line-height: 1.71429; }
#category ul li ul li a { padding: 20px 23px 20px 30px; background: #fafafa none repeat scroll 0 0; }
#category ul li ul li a:before { font-family: FontAwesome; font-weight: normal; margin: 0 15px 0 0; content: "\f105"; color: #b3b3b3; }
#category ul li ul li a:after { background: none; content: ""; height: 100%; position: absolute; right: 0; top: 0; color: #27a996; width: 3px; }
#category ul li ul li a:hover { background: #fff none repeat scroll 0 0; }
#category ul li ul li ul { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 9px 5px -7px rgba(0, 0, 0, 0.1) inset, 0 -9px 5px -7px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 9px 5px -7px rgba(0, 0, 0, 0.1) inset, 0 -9px 5px -7px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 9px 5px -7px rgba(0, 0, 0, 0.1) inset, 0 -9px 5px -7px rgba(0, 0, 0, 0.1) inset; }
#category ul li ul li ul li a { padding: 20px 23px 20px 30px; border-left: 16px solid #EFEFEF; }
#category ul li ul li ul li a:before { font-family: FontAwesome; font-weight: normal; margin: 0 15px 0 0; content: "\f101"; color: #b3b3b3; }

#chapters { background-color: #f6f6f6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 14px 0 18px; padding: 10px 18px 6px; }
@media screen and (min-width: 640px) { #chapters { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; padding: 0; } }
#chapters h2 { font-weight: bold; font-size: 12px; font-size: 1.2rem; line-height: 2; margin: 0 0 4px; }
@media screen and (min-width: 640px) { #chapters h2 { width: 18%; text-align: center; margin: 0; } }
@media screen and (min-width: 640px) { #chapters ul { width: 80%; padding: 4px 0; } }
#chapters ul li { font-size: 12px; font-size: 1.2rem; line-height: 1.5; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; border-top: 1px solid #e8e8e8; }
@media screen and (min-width: 640px) { #chapters ul li:first-child { border-top: none; } }
#chapters ul li::marker { font-size: 12px; font-size: 1.2rem; line-height: 1.5; }
#chapters ul li a { display: block; width: 100%; padding: 6px 0 4px; }
#chapters ul li a span:after { font-family: FontAwesome; font-weight: normal; margin: 0 0 0 7px; content: "\f0da"; }

#related h2 { font-size: 18px; font-size: 1.8rem; line-height: 1.27778; font-weight: bold; margin: 35px 0 10px; }
#related h2:before { font-family: FontAwesome; font-weight: normal; margin: 0 7px 0 0; content: "\f03d"; }
#related h2.tag:before { content: "\f02b"; }
#related h2.tag a { color: #333333; }
#related h2.tag a:hover { color: #27a996; }
#related.search h2 { margin: 35px 0 10px; }
#related.search h2:before { font-weight: normal; margin: none; content: none; }
#related.bookmark h2 { margin: 15px 0 10px; }
#related.bookmark h2:before { content: "\f005"; }
#related.history h2 { margin: 15px 0 10px; }
#related.history h2:before { content: "\f046"; }
#related.category h2 { margin: 15px 0 10px; }
#related.category h2:before { content: "\f02b"; }
@media screen and (min-width: 640px) { #related ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%;} }
#related ul li { margin-bottom: 14px; }
@media screen and (min-width: 640px) { #related ul li { width: 49.4%; } }
#related ul li div.related-content { margin: 16px 12px 12px 166px; }
#related ul li div.related-content .related-title { display: block; font-size: 14px; font-size: 1.4rem; line-height: 1.42857; max-height: 4.1rem; overflow: hidden; margin-bottom: 5px; }
#related ul li div.related-content .related-price { color: #27a996; font-size: 13px; font-size: 1.3rem; line-height: 1.30769; margin-top: 3px; margin-right: 7px; }
#related ul li div.related-content .related-price em { font-weight: bold; }
#related ul li div.thumb { left: 12px; position: absolute; top: 12px; width: 138px; }
#related ul li div.thumb > div { position: relative; }
#related ul li div.thumb > div .related-time { background: #333333; color: #fff; display: inline-block; font-size: 11px; font-size: 1.1rem; line-height: 1; padding: 4px 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; left: 5px; bottom: 13px; }
#related ul li a { background: #fff; height: 100%; display: block; overflow: hidden; color: #333333; position: relative; min-height: 101px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
@media screen and (max-width: 907px) { #related ul li a { width: 100%; } }
#related ul li a:after { background: #27a996 none repeat scroll 0 0; content: "."; height: 100%; position: absolute; right: 0; top: 0; color: #27a996; width: 3px; }
#related ul li a img { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;object-fit: contain;height: 78px; }
#related ul li a:hover { background: #fafafa; color: #27a996; }
#related ul li a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
#related .max-box { padding: 0 0 0 15px; max-width: 1015px; }
@media screen and (max-width: 907px) { #related .max-box { padding: 0 15px; } }
#related .max-box .ts-container { overflow: hidden; }
#related .max-box .ts-container h2 { float: left; }
#related .max-box .ts-container select { float: right; margin: 11px 20px 11px 0; padding: 3px; }
@media screen and (max-width: 907px) { #related .max-box .ts-container select { margin: 11px 0; } }
#related.related-list { padding: 18px 0 0; }
#related.related-list h2 { margin: 19px 0 10px; }

.related-price { color: #27a996; display: block; font-size: 13px; font-size: 1.3rem; line-height: 1.30769; margin-right: 7px; }
.related-price em { font-weight: bold; }

.note { font-size: 11px; font-size: 1.1rem; line-height: 1.45455; }

.info_box { background: #ffd9d9 none repeat scroll 0 0; display: table; font-size: 13px; font-size: 1.3rem; line-height: 1.84615; margin: 15px 0 21px; padding: 7px 13px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

#sign-up h1 { font-size: 18px; font-size: 1.8rem; line-height: 1.11111; font-weight: bold; margin: 15px 0 0; padding: 0 0 6px; }
#sign-up h1:before { font-family: FontAwesome; font-weight: normal; margin: 0 7px 0 0; content: "\f040"; }
#sign-up h1.noicon:before { content: none; }
#sign-up .creditTitle span { font-size: 14px; font-size: 1.4rem; line-height: 1.71429; }
#sign-up .creditTitle i { font-size: 24px; font-size: 2.4rem; line-height: 1; }
#sign-up .inq-box { border-bottom: 1px solid #c1c1c1; border-top: 1px solid #c1c1c1; margin: 9px 0 24px; padding: 20px 0; }
#sign-up .inq-box table { width: 100%; font-size: 14px; font-size: 1.4rem; line-height: 1.71429; }
#sign-up .inq-box table th { color: #989898; width: 120px; }
#sign-up textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-height: 220px; background: #fff; padding: 11px 15px; border: medium none; font-size: 15px; font-size: 1.5rem; line-height: 1.6; -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#sign-up .textarea { font-size: 13px; font-size: 1.3rem; line-height: 1.53846; margin: 8px 0; }
#sign-up .inq-tit { font-size: 14px; font-size: 1.4rem; line-height: 1.71429; margin: 0 0 6px; }
#sign-up .input-row { overflow: hidden; }
#sign-up .input-row .input-box { float: left; }
@media screen and (max-width: 600px) { #sign-up .input-row .input-box { float: none; } }
#sign-up .input-box { width: 45%; }
#sign-up .input-box textarea { width: 98%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: medium none; line-height: 1.6; margin: 9px 0 0; padding: 11px 15px; font-size: 15px; font-size: 1.5rem; line-height: 1.6; background: #ffffff; }
#sign-up .input-box textarea:-moz-placeholder { color: #B3B3B3; }
#sign-up .input-box textarea::-moz-placeholder { color: #B3B3B3; }
#sign-up .input-box textarea:-ms-input-placeholder { color: #B3B3B3; }
#sign-up .input-box textarea::-webkit-input-placeholder { color: #B3B3B3; }
#sign-up .input-box .radio-box { display: -webkit-flex; display: flex; }
#sign-up .input-box .radio-box label { width: 48%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: medium none; line-height: 1.6; margin: 9px 0 0; padding: 11px 15px; font-size: 15px; font-size: 1.5rem; line-height: 1.6; background: #ffffff; margin-right: 8px; }
#sign-up .input-box .select-arrow { position: relative; display: inline; }
#sign-up .input-box .select-arrow select { margin: 9px 0 0; padding: 11px 15px; width: 43%; background: #fff; border: medium none; font-size: 15px; font-size: 1.5rem; line-height: 1.6; -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#sign-up .input-box .select-arrow:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; right: 15px; top: 0; }
#sign-up .input-box .select-arrow2 { position: relative; display: inline; }
#sign-up .input-box .select-arrow2 select { margin: 9px 0 0; padding: 11px 15px; width: 31.5%; background: #fff; border: medium none; font-size: 15px; font-size: 1.5rem; line-height: 1.6; -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#sign-up .input-box .select-arrow2:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; right: 15px; top: 0; }
@media screen and (max-width: 600px) { #sign-up .input-box { width: 100%; } }
#sign-up .input-box label { display: none; }
#sign-up .input-box input[type="text"], #sign-up .input-box input[type="password"] { width: 98%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: medium none; line-height: 1.6; margin: 9px 0 0; padding: 11px 15px; font-size: 15px; font-size: 1.5rem; line-height: 1.6; }
#sign-up .input-box input[type="text"]:-moz-placeholder, #sign-up .input-box input[type="password"]:-moz-placeholder { color: #B3B3B3; }
#sign-up .input-box input[type="text"]::-moz-placeholder, #sign-up .input-box input[type="password"]::-moz-placeholder { color: #B3B3B3; }
#sign-up .input-box input[type="text"]:-ms-input-placeholder, #sign-up .input-box input[type="password"]:-ms-input-placeholder { color: #B3B3B3; }
#sign-up .input-box input[type="text"]::-webkit-input-placeholder, #sign-up .input-box input[type="password"]::-webkit-input-placeholder { color: #B3B3B3; }
#sign-up .agreement { font-size: 13px; font-size: 1.3rem; line-height: 1.38462; margin: 18px 0 0; }
#sign-up button { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border: none; color: #fff; background: #27a996; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; font-size: 1.4rem; line-height: 1.71429; margin: 20px 0 14px; padding: 8px 40px; }
#sign-up button:hover { background: #1f8879; }

.alert { color: #e60000; font-size: 13px; font-size: 1.3rem; line-height: 1.38462; margin: 8px 0 0; }

#your-account h1 { border-bottom: 1px solid #c1c1c1; font-size: 18px; font-size: 1.8rem; line-height: 1.11111; font-weight: bold; margin: 15px 0 0; padding: 0 0 15px; }
#your-account h1:before { font-family: FontAwesome; font-weight: normal; margin: 0 7px 0 0; content: "\f007"; }
#your-account .ac_item { overflow: hidden; padding: 38px 0; border-bottom: 1px solid #c1c1c1; }
#your-account .ac_item .ac_left { float: left; font-size: 14px; font-size: 1.4rem; line-height: 2.85714; }
#your-account .ac_item .ac_left th { width: 120px; color: #989898; }
#your-account .ac_item .ac_left td i { font-size: 25px; margin: 0 3px 0 0; vertical-align: middle; }
#your-account .ac_item .ac_right { float: right; font-size: 13px; font-size: 1.3rem; line-height: 1.84615; }
#your-account .quit { margin: 19px 0 0; }
#your-account .quit a { font-size: 13px; font-size: 1.3rem; line-height: 1.84615; }

#sign-in, #my-page { margin: 58px auto 0; text-align: center; width: 440px; }
@media screen and (max-width: 600px) { #sign-in, #my-page { width: 90%; } }
#sign-in h1, #my-page h1 { font-size: 21px; font-size: 2.1rem; line-height: 1.14286; font-weight: bold; margin: 0 0 14px; }
#sign-in .mp-main a, #my-page .mp-main a { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border: none; display: inline-block; color: #fff; background: #27a996; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; font-size: 1.4rem; line-height: 1.71429; margin: 0 0 14px; padding: 8px 0; width: 60%; }
#sign-in .mp-main a:hover, #my-page .mp-main a:hover { background: #1f8879; }
#sign-in .mp-sub a, #my-page .mp-sub a { font-size: 12px; }
#sign-in fieldset ol li a, #my-page fieldset ol li a { font-size: 13px; font-size: 1.3rem; line-height: 1.84615; }
#sign-in fieldset ol li a.reissue, #my-page fieldset ol li a.reissue { display: inline-block; margin: 14px 0 12px; }
#sign-in fieldset ol li a.new_session, #my-page fieldset ol li a.new_session { background: none; font-size: 14px; font-size: 1.4rem; line-height: 1.71429; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #27a996; display: block; line-height: 1.71429; margin: 0 auto 8px; padding: 8px 0; width: 60%; border: 1px solid #27a996; }
#sign-in fieldset ol li a.new_session:hover, #my-page fieldset ol li a.new_session:hover { background: #27a996; color: #fff; }
#sign-in fieldset ol li label, #my-page fieldset ol li label { display: none; }
#sign-in fieldset ol li input, #my-page fieldset ol li input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: medium none; line-height: 1.6; width: 100%; margin: 9px 0 0; padding: 11px 15px; font-size: 15px; font-size: 1.5rem; line-height: 1.6; }
#sign-in fieldset ol li input:-moz-placeholder, #my-page fieldset ol li input:-moz-placeholder { color: #B3B3B3; }
#sign-in fieldset ol li input::-moz-placeholder, #my-page fieldset ol li input::-moz-placeholder { color: #B3B3B3; }
#sign-in fieldset ol li input:-ms-input-placeholder, #my-page fieldset ol li input:-ms-input-placeholder { color: #B3B3B3; }
#sign-in fieldset ol li input::-webkit-input-placeholder, #my-page fieldset ol li input::-webkit-input-placeholder { color: #B3B3B3; }
#sign-in fieldset button, #my-page fieldset button { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border: none; color: #fff; background: #27a996; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; font-size: 1.4rem; line-height: 1.71429; margin: 0 0 14px; padding: 8px 0; width: 60%; }
#sign-in fieldset button:hover, #my-page fieldset button:hover { background: #1f8879; }

section.privacy { font-size: 13px; font-size: 1.3rem; line-height: 1.84615; }
section.privacy p { margin: 0; }
section.privacy .tx_row { margin: 0; }
section.privacy .tx_row h5 { background: #fff none repeat scroll 0 0; font-weight: bold; margin: 20px 0 10px; padding: 3px 8px; border-bottom: 1px solid #d6d6d6; }
section.privacy .tx_row p { margin: 0; }
section.privacy .tx_row ol, section.privacy .tx_row ul { line-height: 168%; margin: 14px 0; padding-left: 28px; }
section.privacy .tx_row ol li { list-style-type: decimal; }
section.privacy .tx_row ul li { list-style-type: square; }

section.law table.law { margin: 10px 0 0; font-size: 13px; font-size: 1.3rem; line-height: 1.84615; width: 100%; border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; }
section.law table.law th, section.law table.law td { padding: 12px; }
section.law table.law th { border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; background: #fff; }
section.law table.law td { vertical-align: top; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }

#history h2 { font-size: 18px; font-size: 1.8rem; line-height: 1.11111; font-weight: bold; margin: 15px 0 10px; }
#history h2:before { font-family: FontAwesome; font-weight: normal; margin: 0 7px 0 0; content: "\f1da"; }
#history ul { overflow: hidden; }
#history ul li { background: #fff; min-height: 150px; margin-bottom: 14px; float: left; overflow: hidden; width: 100%; color: #333333; position: relative; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#history ul li:after { background: #27a996 none repeat scroll 0 0; content: "."; height: 100%; position: absolute; right: 0; top: 0; color: #27a996; width: 3px; }
#history ul li img { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
#history ul li img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
#history ul li div { margin: 0 12px 0 0; }
@media screen and (max-width: 450px) { #history ul li div { margin: 0; } }
#history ul li div.related-content { margin: 24px 12px 12px 250px; }
@media screen and (max-width: 450px) { #history ul li div.related-content { margin: 24px 12px 12px; } }
#history ul li div.related-content .re_detail { margin: 6px 0 0; padding: 14px 0 0; border-top: 1px dotted #c1c1c1; font-size: 12px; font-size: 1.2rem; line-height: 2; }
#history ul li div.related-content .re_detail > div { display: inline-block; }
#history ul li div.related-content .re_detail > div span { background: #eaeaea; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 7px 0 0; padding: 1px 7px; }
#history ul li div.related-content .related-title { display: block; font-size: 14px; font-size: 1.4rem; line-height: 1.42857; max-height: 4.1rem; overflow: hidden; }
#history ul li div.related-content .related-title a { font-size: 16px; font-size: 1.6rem; line-height: 1.5; font-weight: bold; }
#history ul li div.related-content .related-price { color: #333333; font-size: 13px; font-size: 1.3rem; line-height: 1.84615; display: inline-block; margin: 3px 0; }
#history ul li div.related-content .related-price a { margin: 0 0 0 10px; }
#history ul li div.thumb { left: 12px; position: absolute; top: 12px; width: 223px; }
@media screen and (max-width: 450px) { #history ul li div.thumb { position: relative; width: initial; padding: 0 12px 12px 12px; left: inherit; top: inherit; } }
#history ul li div.thumb img { width: 100%; }
#history ul li div.thumb > div { position: relative; }
#history ul li div.thumb > div .related-time { background: #333333; color: #fff; display: inline-block; font-size: 11px; font-size: 1.1rem; line-height: 1; padding: 4px 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; left: 5px; bottom: 13px; }

#pagenation { margin: 28px 0; position: relative; overflow: hidden; }
#pagenation ul { float: left; position: relative; left: 50%; }
#pagenation ul li { margin: 0 2px; float: left; position: relative; left: -50%; list-style-type: none; font-size: 13px; font-size: 1.3rem; line-height: 1.92308; }
#pagenation ul li a { background: #fff; color: #333333; display: inline-block; padding: 1px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#pagenation ul li a:hover { background: #fafafa; }
#pagenation ul li.current a { color: #fff; background: #27a996; }

footer { padding: 0 0 26px; }
footer p { font-size: 11px; font-size: 1.1rem; line-height: 1.81818; color: #656d73; text-align: center; margin: 21px 0 0; }

.max-width { background: #f0f0f1; position: relative; z-index: 280; }
.max-width p { font-family: "proxima-nova", sans-serif; font-weight: 700; text-align: center; padding: 24px 0; font-size: 16px; font-size: 1.6rem; line-height: 1.75; margin-top: -2px; }

body { position: relative; }
body header { min-height: 6.3rem; background: #ffffff; padding: 8px 0 2px; position: relative; width: 100%; z-index: 501; color: #333333; border-bottom: 1px solid #d6d6d6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
body header .title { position: relative; }
body header .title > img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; margin-right: 11px; height: 45px; width: 45px; }
body header .title h1 { float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: table-caption; font-weight: bold; padding: 11px 0 0 0; font-size: 16px; font-size: 1.6rem; line-height: 1.625; }
body header .title h1 a { color: #333333; }
body header .title h1.thumbless { left: 0; padding: 11px 0 0 0; }
body header .title h1 img { max-height: 27px; }
body header #account { position: absolute; right: 60px; top: 8px; }
body header #account a.login { background: #27a996; color: #fff; font-size: 13px; font-size: 1.3rem; line-height: 1.84615; padding: 3px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
@media screen and (max-width: 600px) { body header #account a.login { padding: 6px 10px; }
  body header #account a.login span { display: none; } }
body header #account a.login:hover { background: #1f8879; }
body header #account a.login i { display: none; }
@media screen and (max-width: 600px) { body header #account a.login i { display: inline; font-size: 16px; } }
body header #account #user { background: #fff none repeat scroll 0 0; cursor: pointer; margin: -3px -4px 0 0; padding: 4px 8px; position: relative; }
body header #account #user i.fa-user { font-size: 15px; font-size: 1.5rem; line-height: 1.6; }
@media screen and (max-width: 600px) { body header #account #user i.fa-user { font-size: 23px; font-size: 2.3rem; line-height: 1.04348; vertical-align: middle; } }
body header #account #user i.fa-caret-down { font-size: 13px; font-size: 1.3rem; line-height: 1.84615; }
@media screen and (max-width: 600px) { body header #account #user i.fa-caret-down { display: none; } }
body header #account #user span { font-size: 13px; font-size: 1.3rem; line-height: 1.84615; }
@media screen and (max-width: 600px) { body header #account #user span { display: none; } }
body header #account #user #user-menu { font-size: 13px; font-size: 1.3rem; line-height: 1.84615; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px; padding: 12px 13px; background: #333333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: none; font-size: 1.3rem; line-height: 1.84615; position: absolute; right: -36px; z-index: 99; top: 35px; width: 126px; padding: 12px; color: #fff; }
body header #account #user #user-menu ul.u-main li a { color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: block; padding: 0 6px; }
body header #account #user #user-menu ul.u-main li a:hover { background: #1f1f1f; }
body header #account #user #user-menu ul.u-sub { font-size: 11px; font-size: 1.1rem; line-height: 2.18182; border-top: 1px solid #4d4d4d; margin: 8px 0 0; padding: 8px 0 0 5px; }
body header #account #user #user-menu ul.u-sub a { text-decoration: underline; }
body header #account #user #user-menu ul.u-sub a:hover { text-decoration: none; color: #27a996; }
body header #account #user #user-menu ul.u-top { font-size: 11px; font-size: 1.1rem; line-height: 2.18182; border-bottom: 1px solid #4d4d4d; margin: 0 0 8px; padding: 0 0 5px 5px; }
body header #account #user #user-menu ul.u-top a { text-decoration: underline; }
body header #account #user #user-menu ul.u-top a:hover { text-decoration: none; color: #27a996; }
body header nav { padding: 10px 20px 10px 15px; position: absolute; right: 0; top: 0; cursor: pointer; background: #fff; font-size: 25px; font-size: 2.5rem; line-height: 0; }
body header nav #navi { -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background: #1f8879; position: fixed; height: 100%; top: 0; right: -600px; overflow-y: auto; z-index: 503; padding: 18px 20px; cursor: default; max-width: 400px; }
@media screen and (max-width: 600px) { body header nav #navi { max-width: 70vw; } }
body header nav #navi.visible { right: 0; }
body header nav #navi #search { background: #27a996; padding: 6px 11px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; }
body header nav #navi #search i { font-size: 18px; font-size: 1.8rem; line-height: 1.33333; }
body header nav #navi #search input { border: none; background: none; color: #fff; font-size: 13px; font-size: 1.3rem; line-height: 1.84615; }
body header nav #navi #search input:-moz-placeholder { color: #d9f6f2; }
body header nav #navi #search input::-moz-placeholder { color: #d9f6f2; }
body header nav #navi #search input:-ms-input-placeholder { color: #d9f6f2; }
body header nav #navi #search input::-webkit-input-placeholder { color: #d9f6f2; }
body header nav #navi h3 { color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 2; font-weight: bold; margin: 20px 0 0; padding: 0 0 10px; border-bottom: 1px solid #27a996; }
body header nav #navi h3 i { font-size: 18px; font-size: 1.8rem; line-height: 1.33333; vertical-align: middle; }
body header nav #navi h3 a { color: #ffffff; }
body header nav #navi h3 a:hover { color: #3bd2bc; }
body header nav #navi ul.cat-list li { position: relative; }
body header nav #navi ul.cat-list li .tsbtn { color: #fff; cursor: pointer; display: block; height: 30px; position: absolute; right: 5px; top: 9px; width: 30px; z-index: 999; font-size: 18px; font-size: 1.8rem; line-height: 1.16667; }
body header nav #navi ul.cat-list li .tsbtn:after { font-family: FontAwesome; font-weight: normal; content: "\f055"; color: #fff; margin-top: 5px; text-align: center; display: block; }
body header nav #navi ul.cat-list li .tsbtn.selected:after { content: "\f056"; }
body header nav #navi ul.cat-list li a { font-size: 13px; font-size: 1.3rem; line-height: 1.53846; color: #fff; padding: 14px 0; display: block; border-bottom: 1px solid #27a996; padding-right: 45px; }
body header nav #navi ul.cat-list li a:hover { color: #3bd2bc; }
body header nav #navi ul.cat-list li ul a { padding: 14px 45px 14px 30px; background: #219080; }
body header nav #navi ul.cat-list li ul a:before { font-family: FontAwesome; font-weight: normal; margin: 0; content: "\f105"; color: #3bd2bc; position: absolute; left: 18px; top: 12px; }
body header nav #navi ul.cat-list li ul li .tsbtn:after { color: #3bd2bc; }
body header nav #navi ul.cat-list li ul li ul li a { padding: 14px 14px 14px 30px; border-left: 12px solid #239887; }
body header nav #navi ul.cat-list li ul li ul li a:before { font-family: FontAwesome; font-weight: normal; margin: 0; content: "\f101"; color: #3bd2bc; position: absolute; top: 12px; left: 27px; }
body header nav #navi ul.menu-list { font-size: 12px; font-size: 1.2rem; line-height: 2; margin: 21px 0 0; }
body header nav #navi ul.menu-list li:before { color: #fff; content: "-"; margin: 0 9px 0 0; }
body header nav #navi ul.menu-list a { color: #fff; }
body header nav #navi ul.menu-list a:hover { color: #3bd2bc; }
body header.appear { background: #333333; }

.menu-trigger, .menu-trigger span { display: inline-block; transition: all .4s; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.menu-trigger { height: 10px; margin-top: 7px; position: relative; width: 18px; }
.menu-trigger.active { margin-top: 0; }
.menu-trigger span { position: absolute; left: 0; width: 100%; height: 3px; background-color: #fff; }
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 14px; }
.menu-trigger span:nth-of-type(3) { bottom: 0; }

#main-header { position: absolute; z-index: 9999; width: 100%; position: fixed; color: #fff; }
#main-header.black-hamburger { background: #333333; -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; }
#main-header h1.header-logo { display: block; z-index: 849; float: right; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); font-size: 21px; padding: 10px; }
#main-header h1.header-logo a img { max-height: 28px; }

.show-nav .nav-background { display: block; }

.show-nav .float-nav { display: block; }

.float-nav { display: none; left: 50%; position: fixed; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000; }

.nav-background { background: #F2F1E8 none repeat scroll 0 0; bottom: 0; display: none; height: 100%; left: 0; position: fixed; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); width: 100%; z-index: 850; }

.dummy { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: block; z-index: 502; cursor: default; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }