@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Cormorant:300,300i,400,400i,500,500i,600,600i,700,700i');

* {box-sizing:border-box;}
a, a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; outline:none;}
a {cursor:pointer;}
div,ol,ul,li,p,span,a {position:relative;}
ol,ul,li {list-style:none;list-style-type:none;padding:0;}
body,header,footer,menu,p {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;padding:0;line-height:1em;}
div,a,img,p,li {display:block;}
/*a:hover img {opacity:0.75;}*/



body {background-color:#000;color:#fff;font-size:16px;width:100%;
/*font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-feature-settings: "palt";}

/*ヘッダー*/
header {width:100%;background:#000 url(../img/neo_bg1808.jpg) center center no-repeat;background-size:cover;/*box-shadow: 0px 1px 1px 10px rgba(255,0,0,1.0);*/z-index:+100;}
header > div {max-width:1080px;padding:0;margin:0 auto;width:100%;text-align:center;height:50vw;}
header h1 {display:inline-block;text-align:center;padding-top:10vw;}
header h1 img {display:inline-block;max-width:800px;width:80%;}
header p {font-size:2.5em;text-shadow:0px 5px 10px rgba(0,0,0,0.7);text-align:center;}

/**/
#contentWrapper {color:#111;background-color:#fff;width:100%;}

/*contents*/
#content {/*max-width:980px;width:96%;*/width:100%;margin:0 auto;padding:0 0;}

/*menu*/
#menu {padding:3.5em 0;background:#fff;z-index:+1;box-shadow: 0 1px 10px -1px rgba(0,0,0,0.5) inset;}
#menu ul {width:100%;max-width:1080px;margin:0 auto;display:table;}
#menu ul li {display:table-cell;padding:0.5em;}
#menu ul li a {text-decoration:none;border:1px solid #999;text-align:center;width:100%;padding:1em 0;font-size:2em;}
#menu ul li a:hover {background:#aaa;color:#fff;}

/*section*/
section {padding:2em 0;max-width:1080px;width:96%;margin:0 auto;/*height:30vw;*/}
section h2 {font-size:4em;font-weight:600;font-family: 'Cormorant', serif;}


#brands ul {display:block;width:100%;}
#brands ul li {float:left;width:14.28%;display:block;text-align:center;padding:0.5em;}
#brands ul li img {width:90%;display:inline-block;}
#brands a {text-decoration:none;color:#111;}
#brands a:hover {text-decoration:underline;color:#03f;}
#brands a:hover img {transform: scale(1.1);transition: all ease-out 0.4s;}

#stores > div {width:49%;float:left;border:1px solid #ccc;padding:0.5em;margin-top:1em;font-weight:400;/*background-size:cover;background-image: none;*/}
#stores > div:nth-of-type(2n) {margin-left:2%;}
#stores h3 {font-size:2em;margin-bottom:0.5em;}
#stores h3 img {width:95%;}
#stores a {display:inline-block;text-decoration:none;color:#111;}
#stores a:hover {text-decoration:underline;color:#03f;}
#stores div p {padding-left:0.2em;}
#stores div p.web {white-space: nowrap;}
#stores div p.web a {overflow: hidden;text-overflow: ellipsis;width: 100%;line-height: 1.1;}
#stores div:hover p, #stores div:hover a {color:#fff;transition:all ease 0.5s;}
#stores div:hover p:hover {background:rgba(200,0,0,0.5);}
#stores div:hover a:hover {color:#fc0;}
#stores div h3 + div {position:absolute;width:100%;height:100%;background-size:cover;top:0;left:0;right:0;bottom:0;opacity:0;padding:0.5em;}
#stores div h3 + div.tokyobg {background-image:url(../img/tokyo_003.jpg);}
#stores div h3 + div.nagoyabg {background-image:url(../img/nagoya_002.jpg);}
#stores div h3 + div.shibuyabg {background-image:url(../img/gsb.jpg);}
/*#stores > div#bctokyo:hover {background-image:url(../img/tokyo_003.jpg);transition:all ease 0.5s;}
#stores > div#bcnagoya:hover {background-image:url(../img/nagoya_002.jpg);transition:all ease 0.5s;}*/
#stores div p.sotcklist {font-weight:700;}

#twitter {}
#twitter iframe.twitter-timeline {width: 50% !important;min-width: 320px !important; margin: 0 auto;display: block !important;}
#twitter .SandboxRoot.env-bp-430 .timeline-Header-title, #twitter .SandboxRoot.env-bp-550 .timeline-Header-title {font-size: 1.2em;}

.imageboard {background-image:url(../img/nagoya_001.jpg);background-position: center center;background-repeat:no-repeat; background-attachment:fixed;background-size:cover;width:100%;height:50vw;box-shadow: 0 -5px 20px 1px #000 inset, 0 5px 20px 1px #000 inset;}
.imageboard.second {background-image:url(../img/tokyo_001.jpg);}
.imageboard.third {background-image:url(../img/nagoya_003.jpg);}
.imageboard.fourth {background-image:url(../img/tokyo_002.jpg);}

/*
.imageboard {width:100%;height:50vw;background: none;}
.imageboard:before {content: "";display: block;background-image: url(../img/nagoya_001.jpg);width:100%;height:100vh;box-shadow: 0 -5px 20px 1px #000 inset, 0 5px 20px 1px #000 inset;position: fixed;top:0;left: 0;right: 0;background-repeat:no-repeat;background-position: center top;background-size:100% auto;z-index: 0;}
*/
.imageboard p {text-align: justify;}
.imageboard p#lead {width:60%;margin:0 auto;color:#fff;font-size:1.5em;padding-top:20vw;}

.imageboard.second > div {position:absolute;width:100%;height:100%;background-size:cover;top:0;left:0;right:0;bottom:0;opacity:0;box-shadow: 0 -5px 20px 1px #000 inset, 0 5px 20px 1px #000 inset;background-position:center top;}
.imageboard.second > div p.catch {width:80%;margin:0 auto;color:#fff;text-align:center;font-size:1.5em;padding-top:5%;text-shadow:1px 1px 0.1em #000,-1px 1px 0.1em #000,-1px -1px 0.1em #000,1px -1px 0.1em #000;}
.mtdbg {background-image:url(../img/bg_mtd.jpg);}
.zonbg {background-image:url(../img/bg_zon.jpg);}
.erlickbg {background-image:url(../img/bg_erlick.jpg);}
.orangebg {background-image:url(../img/bg_orange.jpg);}
.jwbbg {background-image:url(../img/bg_jwb.jpg);}
.hombg {background-image:url(../img/bg_homura.jpg);}
.bsbg {background-image:url(../img/bg_bs.jpg);}

#items {}
#items ul.item3 {width:99.9%;margin:0 auto;}
#items ul.item3 li {width:33.3%;padding:0.5em 1em;float:left;}
#items ul.item4 {width:100%;margin:1em auto;font-size:0.8em;}
#items ul.item4 li {width:25%;padding:0.5em 1em;float:left;}
#items ul li a {text-decoration:none;color:#111;/*border:1px solid #eee;*//*box-shadow:1px 1px 3px 0px #999;*/}
#items ul li a span.image {overflow:hidden;display:block;}
#items ul li a span.image {height:23em;}
#items ul li a span.image img {width:100%;margin-top:-15%;}
#items ul li a:hover span.image img {transform: scale(1.1);transition: all ease 0.4s;}
#items ul li a span.expl {padding:0.5em;display:block;background:none;}
#items ul li a p {font-family: 'Cormorant', serif;font-weight:700;font-style:oblique;display:inline-block;line-height:1.1em;}
#items ul li a p.brand {/*display:block;*/margin-bottom:-0.2em;}
#items ul li a p.brand {font-size:3em;}
#items ul li a p.series {font-size:1.5em;}
#items ul li a p.model {font-size:2.5em;}
#items ul li a p.color {}
#items ul li a p.misc {font-size:1.375em;}
#items ul li a p.price {display:block;text-align:right;color:#f00;font-size:2em;}
#items ul li a p.price:after {content:"(tax in.)";font-size:0.6em;}
#items ul li.soldout a p.price:after {content:"";}

#items h2.bmag {font-size:2.5em;position: relative;}
#items h2.bmag:after {content:"";width:20%;position: absolute;top:0;right:0;height: 450%;background: url(../img/bm1703.png) no-repeat top left;background-size: contain;display:block;}
#items h4 {border-bottom:1px solid #666;margin:1em 0 0.25em;padding-bottom:0.25em;}
#items h4 img {width:25%;}
#items ul.item7 {width:99.96%;margin:0 auto;}
#items ul.item7 li {width:14.28%;padding:0.5em 0.375em;float:left;}
#items ul.item7 li a span.image {height:12em;}
#items ul.item7 li a span.expl {font-size:0.5em;}
#items ul.item7 li a p.price {display:block;text-align:right;color:#f00;font-size:2.75em;}
#items ul.item7 li a p.misc {font-size:2.25em;}
#items ul.item7 li a p.series {font-size:1.75em;}

#items ul.item7.nagoya li a span.image {overflow:hidden;display:block;}
#items ul.item7.nagoya li a span.image {height:12em;}
#items ul.item7.nagoya li a span.image img {height:100%;width:auto;position:relative;right:40%;margin-top:0;}


#items ul li.tokyo:before {content:"";display:block;position:absolute;top:0.5em;left:1.0em;background: rgba(0,0,0,0.7) url(../img/bctokyo_logo_w.png) no-repeat center left;background-size:contain;width:12em;height:4em;z-index:+1;}
#items ul li.nagoya:before {content:"";display:block;position:absolute;top:0.5em;left:1.0em;background: rgba(0,0,0,0.7) url(../img/bcnagoya_logo_w.png) no-repeat center left;background-size:contain;width:12em;height:4em;z-index:+1;}
#items ul li.used:after {content:"Used";font-family: 'Cormorant', serif;font-style:oblique;font-weight:400;color:#fff;font-size:2em;position:absolute;top:11em;right:0;width:3em;height:3em;background:rgba(255,0,0,0.8);display:block;text-align:center;line-height:3em;border-radius:1.5em;box-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.2);}
#items ul li.outlet:after {content:"Outlet";font-family: 'Cormorant', serif;font-style:oblique;font-weight:400;color:#fff;font-size:2em;position:absolute;top:11em;right:0;width:3em;height:3em;background:rgba(0,0,255,0.8);display:block;text-align:center;line-height:3em;border-radius:1.5em;box-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.2);}

#items ul.item7 li.used:after {content:"Used";font-family: 'Cormorant', serif;font-style:oblique;font-weight:400;color:#fff;font-size:1em;position:absolute;top:11em;right:0;width:3em;height:3em;background:rgba(255,0,0,0.8);display:block;text-align:center;line-height:3em;border-radius:1.5em;box-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.2);}
#items ul.item7 li.vintage:after {content:"Vintage";font-family: 'Cormorant', serif;font-style:oblique;font-weight:400;color:#fff;font-size:1em;position:absolute;top:11em;right:0;width:3em;height:3em;background:rgba(200,180,0,0.8);display:block;text-align:center;line-height:3em;border-radius:1.5em;box-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.2);}
#items ul li.outlet:after {content:"Outlet";font-family: 'Cormorant', serif;font-style:oblique;font-weight:400;color:#fff;font-size:1em;position:absolute;top:11em;right:0;width:3em;height:3em;background:rgba(0,0,255,0.8);display:block;text-align:center;line-height:3em;border-radius:1.5em;box-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.2);}

/*YouTube*/
#videos {background: #000;padding:2em;}
#videos p {color: #fff;max-width:1080px;width:96%;margin:0 auto;}
#videos div.youtube {width:100%;overflow: hidden;padding-top: /*56.25%*/608px;max-width:1080px; margin:0 auto;}
#videos div.youtube iframe {position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;max-height: 608px;}
#videos div.youtube img {position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}

span.marker {background: linear-gradient(transparent 60%, rgba(255,255,0,0.1) 40%);background-repeat: no-repeat;background-size:0% 100%;display: inline;}
span.marker.animated {background-size: 100% 100%;transition: 4s ease;}

@media screen and (max-width: 1125px) {
	#videos div.youtube {padding-top: 54%;}
}

/*フッター*/
footer {background-color:rgb(0,0,0);color:#fff;width:100%;}
p.copyright {font-family: 'Open Sans', sans-serif;font-weight:400;font-size:0.75em;text-align:center;line-height:2em;}

/*ページトップへ*/
.pagetop {display: none;position: fixed;bottom: 30px;right: 35px;z-index:+20;}
.pagetop a {display: block;width: 50px;height: 50px;background-color: rgba(30,30,0,0.7);text-align: center;color: #fff;font-size: 24px;text-decoration: none;line-height: 50px;/*border-radius:25px;*/outline:none;}

/*汎用*/
.mincho {font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.serif {font-family:  "Times New Roman", Times, serif, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}
.gothic {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.txthshadow {text-shadow:1px 1px 0.1em #000,-1px 1px 0.1em #000,-1px -1px 0.1em #000,1px -1px 0.1em #000;}
.clearfix:after, ul:after {content:"";display:block;position:relative;clear:both;}

.spshow {display:none;visibility:hidden;}



@media screen and (max-width: 65em) {
	header h1 {padding-top:5vw;}
	.imageboard p#lead {padding-top:10vw;}
}

/*960px*/
@media screen and (max-width: 60em) {
	header h1 {padding-top:5%;}
	header p {font-size:2.0em;}
	#items ul li a span.image {height:20em;}
}

/*894px*/
@media screen and (max-width: 56em) {
	header h1 {padding-top:1%;}
	header p {font-size:1.75em;line-height:1.0em;}
}

/*830px*/
@media screen and (max-width: 52em) {
	.imageboard p#lead {padding-top:5vw;}
	#items ul li a span.image {height:16.5em;}
}

/*700px*/
@media screen and (max-width: 43.75em) {
	.imageboard p#lead {font-size:1.25em;line-height:1.3em;width:70%;}
	#items {font-size:0.8em;}
}

/*660*/
@media screen and (max-width: 41.25em) {
	header > div {height:50vh;}
	#menu ul li a {font-size:1.5em;}
	.imageboard {height:50vh;}
	.imageboard p#lead {padding-top:5vh;font-size:1em;}
	#stores > div {width:90%;float:none;margin:1em auto 0;}
	#stores > div:nth-of-type(2n) {margin-left:auto;}
	#items {font-size:0.75em;}
	#items ul li a span.image {height:15em;}
}

/*600px*/
@media screen and (max-width: 37.5em) {
	header h1 {padding-top:10%;}
	#items {font-size:0.675em;}
	#items ul li.tokyo:before, #items ul li.nagoya:before {height:3em;}
	#items h2.bmag:after {background:none;}
}

/*500px*/
@media screen and (max-width: 31.25em) {
	.imageboard p#lead {/*line-height:1.2em;font-size:0.8em;*/padding-top:10%;}
	#items {font-size:0.5em;}
	#items ul li.tokyo:before, #items ul li.nagoya:before {width:10em;left:0.5em;}
	#items ul.item3 li, #items ul.item4 li {padding:0.5em 0.5em;}
/*	#items ul.item4 li a span.expl {margin-top:-1em;margin-bottom:-1em;}*/
}

/*430px*/
@media screen and (max-width: 26.9em) {
	#brands ul li {width:33.33%;}
	#items ul li a span.image {height:12em;}
	#items ul li.tokyo:before, #items ul li.nagoya:before {width:8em;height:2em;}
}

/*360*/
@media screen and (max-width: 22.6em) {
	#items {font-size:0.375em;}
	#items ul li.tokyo:before, #items ul li.nagoya:before {width:6em;height:1.5em;}
	#items ul.item4 li a span.image {height:10em;}
/*	#items ul.item4 li a span.expl {margin-top:-1.5em;margin-bottom:-1.5em;}*/
}

/*320*/
@media screen and (max-width: 20.1em) {
}