@charset "utf-8";
body { color: #000; background: #fff; color: #000 }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; color: #000 }
a { color: #000 }
img { max-width: 100%; width: auto; height: auto }
ul, li, ol { list-style: none; margin: 0; padding: 0 }
.right { float: right }
.left { float: left }
.clear { clear: both }
.t-center { text-align: center }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both }
.cf { *zoom:1}
.container { margin: 0; padding: 0 }
.row { margin: 0 }
@media(min-width:768px) {
.container { width: 100%; max-width: none }
.navbar-toggle { display: block }
.navbar-collapse.collapse { display: none!important }
}
@media (min-width:992px) {
.container { width: 100% }
}
@media (min-width:1200px) {
.container { width: 100% }
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-right: 0; padding-left: 0 }
.navbar-collapse { max-height: none; padding-right: 0; padding-left: 0 }
.navbar-header, .navbar-nav, .navbar-nav>li { float: none }
.navbar-toggle { position: relative; float: right; padding: 0; margin-top: 0; margin-right: 10px; margin-bottom: 0; background-color: transparent; border: none }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px }
.navbar-nav { margin: 0; z-index: 100 }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px }
#header { position: relative; width: 100%; height: 50px }
#header .container { position: fixed; top: 0; left: 0; width: 100%; height: 50px; z-index: 100 }
#header .navbar-header { background-color: #FFF }
#header .container .collapse { display: block; background: #FFF }
#header .navbar-default .navbar-toggle.collapsed { width: 45px; height: 50px; border: none; border-radius: 0; background: url(/smp/images/corp/header/menu/three-text.png?170302j) no-repeat 0 50%; -webkit-background-size: auto auto; -ms-background-size: auto auto; background-size: 100% auto; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 1 }
#header .navbar-default .navbar-toggle { width: 45px; height: 50px; border: none; border-radius: 0; background: url(/smp/images/corp/header/menu/three-text-close.png?170302b) no-repeat 0 50%; -webkit-background-size: auto auto; -ms-background-size: auto auto; background-size: 100% auto; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 1; background-color: #ccc }
#header .navbar-default { background: transparent; border-color: none; border: none; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
#header .navbar { margin-bottom: 0 }
#header>.container .collapse .collapse { display: none }
#header>.container .collapse.in .collapse { display: block }
.breadcrumb-list { overflow-x: auto; background-color: #FFF; border-top: solid 1px #cfcfcf; margin-bottom: 15px }
.breadcrumb-list ol { list-style: none; display: table }
.breadcrumb-list ol li { position: relative; padding: 10px .8em; display: table-cell; white-space: nowrap; font-size: 11px }
.breadcrumb-list ol li a { color: #414141 }
.breadcrumb-list ol li:after { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #414141; border-right: 1px solid #414141; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 0; top: 40% }
.breadcrumb-list ol li:last-child:after { border-top: none; border-right: none; margin: 0; padding: 0 }
.breadcrumb-list ol li:last-child span { text-decoration: underline }
.navbar-default { background: transparent; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.navbar-default h1.site-title { margin: 15px 0 0 4%; width: 163px; height: 20px; font-size: 0; display: block; float: left }
.navbar-default h1.site-title-en { margin: 15px 0 0 4%; width: 182px; height: 20px; font-size: 0 }
.navbar-default ul.navbar-nav { padding: 25px 4% 16px; background-color: #000 }
.navbar-default ul.navbar-nav>li { border-top: solid 1px #666; border-bottom: none }
.navbar-default ul.navbar-nav>li>a { display: block; padding: 0 3%; color: #fff; /*background: url(/smp/images/corp/header/arrow_header.png) no-repeat right center #000; transparent-webkit-background-size: auto 100%; -ms-background-size: auto 100%; background-size: auto 100% */}
#navbar > nav > ul > li > a.pull-left {white-space: nowrap; overflow: hidden; width: 59%;}
#navbar > nav > ul > li > a.pull-right {white-space: nowrap; overflow: hidden; width: 41%; text-align:center; padding-left:0 !important}
#navbar > nav > ul > li > a.pull-right::before { border-left: solid 1px #333; height: 58%; position: absolute; bottom: 21%; left: 0; content: ""; }
#navbar > nav > ul > li > a:after { display: block;position: absolute;top: 50%;right: 3%;width: 7px;height: 7px;margin-top: -4px;border-top: solid 1px #666;border-right: solid 1px #666;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";}
#navbar > nav > ul > li > a.pull-left:after {right:5.08474% !important;}
#navbar > nav > ul > li > a.pull-right:after {right:7.317% !important;}
.navbar-default ul.navbar-nav>li.nav-shop_search { float: left; width: 50%; background: none }
.navbar-default ul.navbar-nav>li.nav-shop_search>a { padding: 0 6%;}
.navbar-default ul.navbar-nav>li.nav-english { float: left; width: 50%; background: none; text-align: right }
.navbar-default ul.navbar-nav>li.nav-english.lang-japanese { float: none; width: 100% }
.navbar-default ul.navbar-nav>li.nav-english>a { display: inline-block; font-size: 13px; line-height: 30px; border: 1px solid #666; margin: 10px 0 0 0; padding: 0 2em 0 1.5em; border-radius: 5px }
.navbar-default ul.navbar-nav>li.nav-shop_search>a, .navbar-default ul.navbar-nav>li.nav-shop_search>a:hover, .navbar-default ul.navbar-nav>li.nav-shop_search:hover>a:focus, .navbar-default ul.navbar-nav>li.nav-english>a, .navbar-default ul.navbar-nav>li.nav-english>a:hover, .navbar-default ul.navbar-nav>li.nav-english:hover>a { background: none }
.navbar-default ul.navbar-nav>li.active>a, .navbar-default ul.navbar-nav>li.active:focus>a, .navbar-default ul.navbar-nav>li.active:hover>a, .navbar-default ul.navbar-nav>li:hover>a, .navbar-default ul.navbar-nav>li:focus>a, .navbar-default ul.navbar-nav>li.active>a:focus, .navbar-default ul.navbar-nav>li.active:focus>a:focus, .navbar-default ul.navbar-nav>li.active:hover>a:focus, .navbar-default ul.navbar-nav>li:hover>a:focus, .navbar-default ul.navbar-nav>li:focus>a:focus { color: #fff; transparent-webkit-background-size: auto 100%; -ms-background-size: auto 100%; background-size: auto 100% }
.share-ver2 { text-align: center; width: inherit; margin: 35px auto; padding: 0 80px }
.share-ver2 ul { display: inline-block }
.share-ver2 li { float: left; width: 20% }
.share-ver2 li:first-child { margin-left: 10% }
.share-ver2 li:nth-child(2) { margin: 0 10% }
.share-ver2 li.line_btn-ver2 { clear: both; float: none; width: inherit; margin: 0 4%; padding: 8% 0 0 }
#top-share { clear: both; margin: 35px auto; padding: 20px 0; background-color: #f8f8f8 }
#top-share h3.section-title { text-align: center; font-size: 14px }
#top-share ul { display: table; margin: 15px auto 0 }
#top-share li { float: left; width: 35px; margin: 0 12px }
#footer { /*padding-top: 8%; */padding-bottom: 2% }
#footer a { color: #999 }
#footer a:hover { color: #52b6ec }
#footer #toTop { margin: 0 auto 35px auto; text-align: center; width: 50% }
#footer #footerColumn { background: #f1f1f1 }
#footer #footerColumn ul { margin: 0 4% }
#footer #footerColumn li { text-align: left; float: left; width: 48.5%; background: url(/smp/images/corp/footer/arrow_footer_01_b.png) no-repeat right center; -webkit-background-size: auto 100%; -ms-background-size: auto 100%; background-size: auto 100% }
#footer #footerColumn li:nth-child(even) { margin-left: 3% }
#footer #footerColumn li a { display: block;color: #000; padding: 0 0 0 6% }
#footerMenu { clear: both; /*margin: 15px 4% 0;*/margin:0 4%; }
#footerMenu>ul li a { display: block; padding: 0 3%;color: #000 }
#footerMenu>ul li a:hover { text-decoration: none }
#footerMenu ul li ul li { float: left; width: 48.5%; border-bottom: 1px solid #ccc; background: url(/smp/images/corp/footer/arrow_footer_02_b.png) no-repeat right center; -webkit-background-size: auto 100%; -ms-background-size: auto 100%; background-size: auto 100% }
#footerMenu ul li ul li:nth-child(odd) { margin-left: 3% }
#footerMenu ul.footer-column li { float: left; width: 48.5%; border-bottom: 1px solid #ccc; background: url(/smp/images/corp/footer/arrow_footer_02_b.png) no-repeat right center; -webkit-background-size: auto 100%; -ms-background-size: auto 100%; background-size: auto 100% }
#footerMenu ul.footer-column li:nth-child(odd) { margin-left: 3% }
#footerMenu ul.footer-column li:first-child {width: 100% !important; margin-left:0 !important }
#footerMenu ul.footer-column li a { padding: 0 2% 0 4%;}
#footerMenu ul.footer-column li:first-child  a { padding: 0 2%;}
#footer #copyright { margin: 50px 0 0; text-align: center }
#footer #copyright.lang-english { margin: 0 }
#footer #copyright p { font-size: 10px; color: #7d7d7d }
#footer #copyright p a { color: #7d7d7d }
.brandTabsWrap { margin-top: 40px }
.brandTabsWrap h3.ttlProduct { background-color: #fff }
.brandTabsWrap .nav-tabs { background-color: #fff; padding: 0 10px }
.brandTabsWrap .tab-pane { background-color: #f7f7f7; padding: 10px 0 0 0 }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fff; border-color: #cfcfcf #cfcfcf transparent; border-image: none; border-style: solid; border-width: 1px; color: #222; cursor: default; text-align: center }
.page-section-title { font-size: 15px; font-weight: 700; display: block; margin: 0 4%!important }
.page-contents { margin-right: 4%; margin-left: 4%; font-size: 13px }
.page-contents p { padding: 10px 0 }
h3.section-title { font-size: 18px; font-weight: 700; display: block; margin: 0 4%!important }
.navi { margin-top: 30px }
ul.pagenavi { margin: 0 4% }
ul.pagenavi li { width: 47.5%; border-bottom: #d0d0d0 1px solid; width: calc(95%/2); float: left }
ul.pagenavi li:nth-child(1n) { margin-right: 5% }
ul.pagenavi li:nth-child(2n) { margin-right: 0 }
ul.pagenavi li a { display: block; position: relative; padding: 15px 7px; font-size: 12px }
ul.pagenavi li a:hover { text-decoration: none }
ul.pagenavi li a:after { display: block; position: absolute; top: 50%; right: 10px; width: 7px; height: 7px; margin-top: -4px; border-top: solid 2px #d0d0d0; border-right: solid 2px #d0d0d0; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "" }
.bottom-button { width: 60%; margin: 20px auto 0; text-align: center }
h2.pageTtl { font-size: 15px; font-weight: 700; margin: 0 4%!important }
#map-button { float: right; width: 45px; height: 50px; border: none; background: url(/smp/images/corp/header/menu/map-text.png?170302j) no-repeat 0 50%; text-indent: 100%; white-space: nowrap; overflow: hidden; -webkit-background-size: auto auto; -ms-background-size: auto auto; background-size: 100% auto }
#map-button a { display: block; width: 45px; height: 50px }
.navbar-default ul.navbar-nav>li>a { font-size:14.5113px; line-height: 3.2 }
#footerMenu ul.footer-column li {  font-size: 12px; line-height: 3.2}
#shoeplaza-top_and_flyer > a.pull-left img { width:101.8151px; }
#tsrc-top_and_flyer > a.pull-left img { width:137.1283px; }
@media screen and (min-width: 375px) {
.navbar-default ul.navbar-nav>li>a { font-size:17px; }
#footerMenu ul.footer-column li {  font-size: 14.0625px}
#shoeplaza-top_and_flyer > a.pull-left img { width:122.83025px; }
#tsrc-top_and_flyer > a.pull-left img { width:160.69725px; }
}
@media screen and (min-width: 400px) {
.navbar-default ul.navbar-nav>li>a { font-size:19.0476px; }
#footerMenu ul.footer-column li {  font-size: 15px}
#shoeplaza-top_and_flyer > a.pull-left img { width:133.10189px; }
#tsrc-top_and_flyer > a.pull-left img { width:171.4103px; }
}
@media screen and (min-width: 500px) {
.navbar-default ul.navbar-nav>li>a { font-size:22.666px;}
#footerMenu ul.footer-column li {  font-size: 18.75px}
#shoeplaza-top_and_flyer > a.pull-left img { width:163.7736px }
#tsrc-top_and_flyer > a.pull-left img { width:214.26299px }
}
@media screen and (min-width: 736px) {
}
@media(min-width:768px) {
.navbar-collapse.collapse { display: block!important }
#header>.container .collapse>.collapse { display: none!important }
#header>.container .collapse.in>.collapse { display: block!important }
}
@media(min-width:750px) {
.navbar-default ul.navbar-nav { padding: 50px 4% 32px }
.navbar-default ul.navbar-nav>li>a { font-size: 34px; }
#shoeplaza-top_and_flyer > a.pull-left img { max-width:245.6605px; width:245.6605px; }
#tsrc-top_and_flyer > a.pull-left img { max-width:321.3945px; width:321.3945px; }
#footerMenu ul.footer-column li {  font-size:28.1244px}
#footerMenu { margin: 30px 4% 0 }
#footerMenu>ul li a { font-size: 28px; line-height: 86px }
#footerMenu li ul li a { font-size: 20px; line-height: 86px }
#footerMenu li ul li a span { font-size: 16px }
#footerMenu li ul li.nav-company a { line-height: 86px }
#footer #copyright { margin: 100px 0 0 }
#footer #copyright p { font-size: 18px }
#footerMenu ul.footer-column li a { font-size: 26px; line-height: 86px; padding: 0 0 0 6% }
}