@charset "UTF-8";
html, body, div, ul, li, div, dl, dd, dt, hr, p, h1, h2, h3, h4, h5 { margin: 0; padding: 0; box-sizing: border-box; }

html { font-size: 62.5%; height: 100%; }

/* =10px */
body { font-size: 10px; font-size: 1rem; font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; width: 100%; height: 100%; text-align: left; }

/* =14px */
.pc { display: none !important; }

.wrapper { width: 100%; }

a { color: #111111; text-decoration: none; }

a:hover { text-decoration: underline; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; }

a:hover img { opacity: 0.7; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s; }

h1 { font-size: 24px; font-size: 2.4rem; }

/* =24px */
.red { color: #CC0000; }

.strong { font-weight: bold; }

ul { list-style: none; }

.md-48 { font-size: 4.8rem; }

.title-label { font-size: 2.4rem; letter-spacing: 0.1rem; border-bottom: 1px solid #111111; margin-bottom: 16px; padding-left: 0.2rem; }
.title-label .en { font-family: 'Lato', sans-serif; }
.title-label .label-text { font-size: 1.4rem; padding-left: 1.4rem; letter-spacing: 0.1rem; }
.title-label .label-text:before, .title-label .label-text:after { content: "-"; }

.container { margin-left: auto; margin-right: auto; width: 100%; max-width: 100%; }

.center { text-align: center; }

.hide { display: none; }

.more-btn { width: 100%; margin-left: auto; margin-right: auto; padding: 0.8rem; border: 0 solid #111111; background: #F0F0F0; text-align: center; font-size: 1.4rem; letter-spacing: 0.2rem; font-weight: bold; border-radius: 0.3rem; color: #111111; }

.more-btn:hover, .btn:hover { color: #111111; background: #CCCCCC; transition-duration: 0.2s; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; }

.btn.active { color: #FFFFFF; background: #111111; }

@media all and (min-width: 769px) { .sp { display: none; } }
@media all and (max-width: 768px) and (min-width: 481px) { .sp { display: none; } }

#page-top { color: #FFFFFF; background: #333333; position: fixed; bottom: 40px; width: 30px; height: 30px; text-align: center; z-index: 65536; }
@media all and (min-width: 480px) { #page-top { right: 0; } }

#page-top { display: none; }

.navi-wrapper.left-navi { box-sizing: border-box; width: 100%; padding: 10px; font-size: 1.2rem; /* ドロワーの中の検索ボックス */ /* ------------------------------------------------  ブランドリスト  */ /*　ブランドリスト（セレクトブランド2列）*/ /* ------------------------------------------------ magazine */ /* ------------------------------------------------ item list */ /* ------------------------------------------------ award */ }
.navi-wrapper.left-navi text-align:left a { text-decoration: none; color: #111111; }
.navi-wrapper.left-navi a img:hover { opacity: 0.7; }
.navi-wrapper.left-navi .border-top { border-top: 1px solid #F0F0F0; }
.navi-wrapper.left-navi .updt { display: block; float: right; }
.navi-wrapper.left-navi .search-box { margin: 10px 0 0 5px; width: 90%; height: 24px; position: relative; }
.navi-wrapper.left-navi .search-box input.textArea { color: #111111; width: 100%; height: 24px; boder: 1px #c6c6c6 solid; padding-left: 0.5em; padding-top: 1px; position: relative; }
.navi-wrapper.left-navi .search-box .search-btn { position: absolute; width: 24px; right: 0; top: 4px; z-index: 3; }
.navi-wrapper.left-navi ul.hotkeyword { margin: 15px 0 10px 5px; }
.navi-wrapper.left-navi ul.hotkeyword li { font-size: 1.2rem; display: inline-block; box-sizing: border-box; background-color: #F0F0F0; margin: 5px 3px 0 0; color: #111111; text-decoration: none; }
.navi-wrapper.left-navi ul.hotkeyword li a { padding: 7px 10px; display: block; }
.navi-wrapper.left-navi ul.hotkeyword li a:hover { background: #666666; color: #FFFFFF; }
.navi-wrapper.left-navi .menu-block { margin: 0 0 2rem; box-sizing: border-box; }
.navi-wrapper.left-navi .navi-menu-title { box-sizing: border-box; padding: 0.5rem 0 0.3rem 0.2rem; margin: 0 0 0.4rem; letter-spacing: 0.1rem; border-bottom: 1px #111111 solid; }
.navi-wrapper.left-navi .navi-menu-title-s { letter-spacing: 0; }
.navi-wrapper.left-navi .item img { height: 100%; }
.navi-wrapper.left-navi .navi-menu { margin: 0; }
.navi-wrapper.left-navi .navi-menu a { display: block; }
.navi-wrapper.left-navi .navi-menu { width: 100%; line-height: 2; margin-left: 0; box-sizing: border-box; }
.navi-wrapper.left-navi .navi-menu p { padding: 0 20px 0 0; }
.navi-wrapper.left-navi .cate-thumbs { vertical-align: middle; }
.navi-wrapper.left-navi span.pushlbl { text-indent: 1rem; background: #CC0000; color: #FFFFFF; border-radius: 2px; padding: 0.5rem; margin-left: 1rem; font-weight: normal; font-size: 1rem; }
.navi-wrapper.left-navi .navi-menu.menu-list dt, .navi-wrapper.left-navi .navi-menu.menu-list dd, .navi-wrapper.left-navi .navi-menu dt, .navi-wrapper.left-navi .navi-menu dd, .navi-wrapper.left-navi .navi-menu.ex-toggle dt { width: 100%; line-height: 2; margin-left: 0; box-sizing: border-box; }
.navi-wrapper.left-navi .navi-menu.menu-list dt a, .navi-wrapper.left-navi .navi-menu.menu-list dd a, .navi-wrapper.left-navi .navi-menu dt a, .navi-wrapper.left-navi .navi-menu dd a, .navi-wrapper.left-navi .navi-menu.ex-toggle dt a { display: block; padding: 0.5rem 0 0.5rem 2rem; }
.navi-wrapper.left-navi .navi-menu.menu-list dt p, .navi-wrapper.left-navi .navi-menu.menu-list dd p, .navi-wrapper.left-navi .navi-menu dt p, .navi-wrapper.left-navi .navi-menu dd p, .navi-wrapper.left-navi .navi-menu.ex-toggle dt p { padding: 0 20px 0 0; }
.navi-wrapper.left-navi .navi-menu.menu-list dt:hover, .navi-wrapper.left-navi .navi-menu.menu-list dd:hover, .navi-wrapper.left-navi .navi-menu.toggle dt:hover, .navi-wrapper.left-navi .navi-menu.toggle dd:hover { text-decoration: underline; background-color: #F0F0F0; }
.navi-wrapper.left-navi dl.navi-menu.toggle dt.top-cate, .navi-wrapper.left-navi dl.navi-menu dt.top-cate, .navi-wrapper.left-navi dl.navi-menu dt.top-cate a, .navi-wrapper.left-navi dl.navi-menu.toggle dt.top-cate a { font-weight: bold; padding-left: 0; }
.navi-wrapper.left-navi dl.navi-menu.toggle dt.top-cate img, .navi-wrapper.left-navi dl.navi-menu dt.top-cate img, .navi-wrapper.left-navi dl.navi-menu dt.top-cate a img, .navi-wrapper.left-navi dl.navi-menu.toggle dt.top-cate a img { vertical-align: middle; margin-right: 8px; }
.navi-wrapper.left-navi .navi-menu dt a { padding: 0.4rem 0 0.4rem 2rem; font-size: 1.4rem; }
.navi-wrapper.left-navi .navi-menu.toggle dd a { padding: 1rem 3rem; font-size: 1.2rem; }
.navi-wrapper.left-navi .navi-menu.menu-list dt, .navi-wrapper.left-navi .navi-menu.menu-list dd, .navi-wrapper.left-navi .navi-menu.toggle dt, .navi-wrapper.left-navi .navi-menu.toggle dd { border-bottom: 1px solid #F0F0F0; }
.navi-wrapper.left-navi .navi-menu dd a, .navi-wrapper.left-navi .navi-menu dd a:link, .navi-wrapper.left-navi .navi-menu dd a:visited { color: #111111; }
.navi-wrapper.left-navi .navi-menu dd.more-link, .navi-wrapper.left-navi p.more-link { text-align: right; padding-right: 0.5rem; }
.navi-wrapper.left-navi .navi-menu dd.more-link:hover, .navi-wrapper.left-navi p.more-link:hover { text-decoration: underline; }
.navi-wrapper.left-navi .navi-menu dt p.description, .navi-wrapper.left-navi .navi-menu dd p.description { line-height: 1.2; padding: 0; }
.navi-wrapper.left-navi span.newarrival-date { color: #CC0000; margin-left: 2.7rem; }
.navi-wrapper.left-navi span.instock-date { color: #CC0000; margin-left: 2rem; }
.navi-wrapper.left-navi .stylinglab { text-align: center; }
.navi-wrapper.left-navi .stylinglab img { width: 70%; }
.navi-wrapper.left-navi .stylinglab p.description { text-align: left; }
.navi-wrapper.left-navi .vissel { text-align: center; }
.navi-wrapper.left-navi .vissel img { max-width: 180px; }
.navi-wrapper.left-navi .icon { width: 24px; vertical-align: middle; margin-right: 10px; }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-original { padding: 0; margin: 5px 0; width: 100%; overflow: hidden; zoom: 1; /*  ★★★★　スーパー微調整　 ★★★  */ }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-original .brand-r, .navi-wrapper.left-navi .navi-menu dd.logo-brand-original .brand-l { list-style: none; width: 50%; float: left; margin: 0; }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-original .brand-r ul, .navi-wrapper.left-navi .navi-menu dd.logo-brand-original .brand-l ul { list-style: none; }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-original .brand-r img, .navi-wrapper.left-navi .navi-menu dd.logo-brand-original .brand-l img { width: 100%; }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-original .brand-r img:hover, .navi-wrapper.left-navi .navi-menu dd.logo-brand-original .brand-l img:hover { opacity: 0.5; }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-select { padding: 0; margin: 5px 0; width: 100%; overflow: hidden; zoom: 1; /*  ★★★★　スーパー微調整　 ★★★  */ }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-select .brand-r, .navi-wrapper.left-navi .navi-menu dd.logo-brand-select .brand-l { list-style: none; width: 50%; float: left; margin: 0; }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-select .brand-r ul, .navi-wrapper.left-navi .navi-menu dd.logo-brand-select .brand-l ul { list-style: none; }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-select .brand-r img, .navi-wrapper.left-navi .navi-menu dd.logo-brand-select .brand-l img { width: 100%; }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-select .brand-r img:hover, .navi-wrapper.left-navi .navi-menu dd.logo-brand-select .brand-l img:hover { opacity: 0.5; }
.navi-wrapper.left-navi .navi-menu dd.logo-brand-select .brand-r li { padding-top: 3px; }
.navi-wrapper.left-navi .toggle dt { cursor: pointer; position: relative; box-sizing: border-box; }
.navi-wrapper.left-navi .toggle dd { box-sizing: border-box; color: #111111; }
.navi-wrapper.left-navi dd.push a, .navi-wrapper.left-navi dd.push a:link, .navi-wrapper.left-navi dd.push a:visited { color: #CC0000; }
.navi-wrapper.left-navi .navi-menu .push-category, .navi-wrapper.left-navi .navi-menu .push-category a { color: #CC0000; }
.navi-wrapper.left-navi .color-menu { list-style: none; overflow: hidden; zoom: 1; box-sizing: border-box; padding-left: 10px; }
.navi-wrapper.left-navi .color-menu li { width: 14.285%; float: left; padding: 2px; box-sizing: border-box; margin: 0 5% 4% 0; }
.navi-wrapper.left-navi .color-menu li .content { height: 23px; width: 23px; margin: auto; border: 1px solid #666666; position: relative; }
.navi-wrapper.left-navi .color-menu li .content img { position: absolute; top: 0; left: 0; }
.navi-wrapper.left-navi .color-menu li .content.red { background-color: #FF0000; }
.navi-wrapper.left-navi .color-menu li .content.black { background-color: #000000; }
.navi-wrapper.left-navi .color-menu li .content.gray { background-color: #999999; }
.navi-wrapper.left-navi .color-menu li .content.cream { background-color: #ead7a8; }
.navi-wrapper.left-navi .color-menu li .content.pink { background-color: #f88686; }
.navi-wrapper.left-navi .color-menu li .content.blue { background-color: #152ac9; }
.navi-wrapper.left-navi .color-menu li .content.purple { background-color: #8828cc; }
.navi-wrapper.left-navi .color-menu li .content.brown { background-color: #56321f; }
.navi-wrapper.left-navi .color-menu li .content.orange { background-color: #f87127; }
.navi-wrapper.left-navi .color-menu li .content.yellow { background-color: #e3e321; }
.navi-wrapper.left-navi .color-menu li .content.green { background-color: #164e04; }
.navi-wrapper.left-navi .color-menu li .content.gold { background-image: linear-gradient(to top left, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03); }
.navi-wrapper.left-navi .color-menu li .content.silver { background-image: linear-gradient(to top left, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2); }
.navi-wrapper.left-navi .magazine, .navi-wrapper.left-navi .publish { box-sizing: border-box; padding: 5px 10px; text-align: center; overflow: hidden; }
.navi-wrapper.left-navi .magazine img, .navi-wrapper.left-navi .publish img { float: left; width: 45%; }
.navi-wrapper.left-navi .magazine p, .navi-wrapper.left-navi .publish p { float: right; width: 53%; font-size: 1.2rem; padding-top: 2rem; /* letter-spacing: 0; */ margin: auto; text-align: left; line-height: 1.2; }
.navi-wrapper.left-navi .magazine p.title, .navi-wrapper.left-navi .publish p.title { margin: 0 auto; font-weight: bold; text-align: center; }
.navi-wrapper.left-navi .magazine2, .navi-wrapper.left-navi .publish2 { box-sizing: border-box; padding: 5px 10px; text-align: center; width: 90%; margin: auto; }
.navi-wrapper.left-navi .magazine2 img, .navi-wrapper.left-navi .publish2 img { width: 180px; }
.navi-wrapper.left-navi .magazine2 p, .navi-wrapper.left-navi .publish2 p { font-size: 1.2rem; margin: 1rem auto; text-align: left; line-height: 1.2; }
.navi-wrapper.left-navi .magazine2 .title, .navi-wrapper.left-navi .publish2 .title { width: 90%; margin: 0 auto; font-weight: bold; text-align: center; }
.navi-wrapper.left-navi .balloon-left { position: relative; display: inline-block; padding: 0.8rem; width: auto; color: #111111; text-align: center; background: #e0e0e0; z-index: 0; }
.navi-wrapper.left-navi .balloon-left:after { content: ""; position: absolute; top: 20%; left: -9px; margin-top: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e0e0e0 transparent transparent; z-index: -1; }
.navi-wrapper.left-navi .balloon-top { color: #111111; position: relative; display: inline-block; padding: 0.8rem 0.6rem; width: auto; text-align: center; background: #e0e0e0; z-index: 0; }
.navi-wrapper.left-navi .balloon-top:after { content: ""; position: absolute; top: -9px; left: 50%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e0e0e0 transparent; z-index: -1; }
.navi-wrapper.left-navi .lab_intro { width: 100%; font-size: 1.0rem; margin: 10px auto 0; line-height: 1.3; }
.navi-wrapper.left-navi .blog { width: 100%; margin: 0 auto 10px; /*border:1px solid #111111;*/ padding: 5px; }
.navi-wrapper.left-navi .blog_midashi { text-align: center; padding-bottom: 0.2rem; border-bottom: 1px solid #111111; margin-bottom: 1rem; }
.navi-wrapper.left-navi .blog_pict { margin: auto; height: 100px; overflow: hidden; }
.navi-wrapper.left-navi .blog_title { font-weight: bold; font-size: 10px; margin-top: 0.3rem; }
.navi-wrapper.left-navi .blog_dt { text-align: right; font-size: 10px; }
.navi-wrapper.left-navi .blog_txt { font-size: 1.0rem; line-height: 1.3; }
.navi-wrapper.left-navi .blog_more { text-align: right; font-size: 1.0rem; }
.navi-wrapper.left-navi .item-list li { margin: 30px 0; line-height: 1.2; }
.navi-wrapper.left-navi .item-list li p { width: 98%; /* letter-spacing: 0; */ margin: auto; text-align: left; line-height: 1.2; }
.navi-wrapper.left-navi .item-list li img { width: 98%; }
.navi-wrapper.left-navi .item-list img:hover { opacity: .7; }
.navi-wrapper.left-navi #menu-award .more, .navi-wrapper.left-navi #menu-award .tencho { width: 90%; cursor: pointer; text-align: center; margin: 0.8rem auto; border: 0 solid #111111; background: #e0e0e0; padding: 0.2rem; line-height: 1.6; }
.navi-wrapper.left-navi #menu-award .award-more { display: none; }
.navi-wrapper.left-navi #menu-award .award-detail { width: 90%; margin: auto; }
.navi-wrapper.left-navi #menu-award .navi-menu.award dt { font-size: 1.2rem; font-weight: bold; border-bottom: 1px solid #111111; margin: .7rem 0; /* padding-bottom: 0; */ line-height: 1.6; }
.navi-wrapper.left-navi #menu-award .navi-menu.award dd { padding: 0 0.5rem; font-size: 1rem; margin: 0 0 0.5rem; line-height: 1.2; }
.navi-wrapper.left-navi #menu-award .navi-menu.award dd:hover { text-decoration: none; }
.navi-wrapper.left-navi ul#reccomend-item li { text-align: center; }
.navi-wrapper.left-navi ul#reccomend-item li img { width: 180px; }
.navi-wrapper.left-navi ul#reccomend-item li p { line-height: 1.2; font-size: 1.2rem; text-align: left; width: 180px; margin: 0 auto 1.5rem; }