@charset "UTF-8";


/* //////////////////////////////////////////////////
CLEAR FIX
////////////////////////////////////////////////// */

* html .clearfix {height: 1%;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }
.clearfix { display: block; }

.collection:after ,
#shoplistArea:after ,
.shiplistTitle:after ,
.shiplistDiscription:after ,
#newsArea:after
{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}



/* //////////////////////////////////////////////////
NORMALIZE
////////////////////////////////////////////////// */

* { margin:0; padding:0;}

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

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) { display: none; height: 0;}

[hidden] { display: none;}

html {
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

body {
 margin: 0;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 font-size: 12px;
 color: #333333;
 margin: 0 auto;
 letter-spacing: 0;
}

a:focus { outline: none;}
a:link,
a:visited,
a:active,
a:hover {outline: none;}

h1 { font-size: 2em;}

abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}

mark { background: #ff0; color: #000;}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small { font-size: 80%;}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border: 0;}

svg:not(:root) { overflow: hidden;}
figure { margin: 0;}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

button,
input {
    line-height: normal;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

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

/* //////////////////////////////////////////////////
COMMON
////////////////////////////////////////////////// */

a { color: #666666; text-decoration: none;}
a:hover { color: ; text-decoration: ;}
li { list-style-type: none;}
img { vertical-align: bottom; }
html, body { height: 100%;}


/* //////////////////////////////////////////////////
LAYOUT
////////////////////////////////////////////////// */

header { margin:0 auto; width:900px; }


/* //////////////////////////////////////////////////
HEADER
////////////////////////////////////////////////// */

header { text-align: center;}
h1 { margin:0; }
#logoArea { height: 69px;}
.logo { margin: 47px 0 0 0;}

nav { margin:28px 0 0;display: block; height: 42px; position:relative;}
nav ul { margin:0; padding:0; position:relative; text-align:center;}
.gnavi li, .gnavi_a li { margin-left:50px; display:inline-block;}
nav ul li:first-child { margin: 0; }
nav ul li a { display:block; overflow:hidden;text-indent:-9999px; }
.nav01 a,
.nav02 a,
.nav03 a,
.nav04 a,
.nav05 a,
.nav06 a { height: 20px; overflow: hidden; display: block; text-indent: -9999px;}

.nav01 a { width: 26px; background: url("../img/nav01.png") no-repeat 0 -20px;}
.nav02 a { width: 46px; background: url("../img/nav02.png") no-repeat 0 -20px;}
.nav03 a { width: 38px; background: url("../img/nav03.png") no-repeat 0 -20px;}
.nav04 a { width: 84px; background: url("../img/nav04.png") no-repeat 0 -20px;}
.nav05 a { width: 68px; background: url("../img/nav05.png") no-repeat 0 -20px;}
.nav06 a { width: 81px; background: url("../img/nav06.png") no-repeat 0 -20px;}

.nav01 a:hover,
.nav02 a:hover,
.nav03 a:hover,
.nav04 a:hover,
.nav05 a:hover,
.nav06 a:hover { background-position: top left;}

.current01 a { background: url("../img/nav01.png") no-repeat!important;}
.current02 a { background: url("../img/nav02.png") no-repeat!important;}
.current03 a { background: url("../img/nav03.png") no-repeat!important;}
.current04 a { background: url("../img/nav04.png") no-repeat!important;}
.current05 a { background: url("../img/nav05.png") no-repeat!important;}
.current06 a { background: url("../img/nav06.png") no-repeat!important;}

/* //////////////////////////////////////////////////
FOOTER
////////////////////////////////////////////////// */

#copyrightArea { margin: 4px 0 0; height: 25px; text-align: center; color: #666666; font-size: 8px;}


/* //////////////////////////////////////////////////
SIDEBER
////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////
PAGE-TOPPAGE
////////////////////////////////////////////////// */

#mainArea {margin:0 auto;width: 900px;position: relative;}
.brand-links { width:900px;height:480px; background:transparent url(../img/brandNavHover.png) no-repeat; display:none; position:absolute; top:0;left:0;}
.brand-links a { display:block; width:300px;height:480px; float:left;}
.currentBrand { width:300px; height:480px; float:left; }
.mainBrand01 { position: absolute; top: 0; left: 0;}
.mainBrand02 { position: absolute; top: 0; left: 300px;}
.mainBrand03 { position: absolute; top: 0; left: 600px;}

#brandNavArea { margin:40px auto 0; height: 26px; display: block; text-align: center;}
#brandNavArea .brand_nav_hide { display:none; }

#socialArea { padding: 49px 0 0 0; height: 20px; display: block; text-align: center;}
#socialArea ul { padding: 0;}
#socialArea li { display: inline;}


/* //////////////////////////////////////////////////
COLLECTION AREA
////////////////////////////////////////////////// */

/* #collectionArea { margin: 0 auto; padding-bottom: 9px; width: 800px;} */
.collectionBlock { padding-top: 85px;}
#mpBlock { padding-top:32px; }
.collectionHeader { line-height:1; padding-bottom:7px;}
.collection { margin-top:8px; width:800px;}
.collection:first-child { margin-top:0;}
.collection li { margin-left: 8px; width: 261px; height:360px; float:left;}
.collection li:first-child { margin-left:0; }

#collectionArea{
    padding-top: 78px;
    padding-bottom: 50px;
}

.collection__item-wrap {
    width: 800px;
    margin: 0 auto 40px auto;
}

.collection__item-wrap .collection__item{
    display: flex;
    justify-content: center;
    margin: 0 auto 80px auto;
}

.collection__item-wrap .item-mb-none {
    margin-bottom: 0;
}

/* //////////////////////////////////////////////////
SHOPAREA
////////////////////////////////////////////////// */

#shoplistArea { margin:22px auto 11px; padding: 84px 0 0 0; width: 900px; }

#shoplistLeftArea { width: 200px; float: left;}
#shoplistRightArea { margin-top: -62px;width: 700px; float: right; background: #fff url(../img/shoplist_border.gif) no-repeat top left;}

#shoplistLeftArea .shop_area_blank { margin:0;height:52px;line-height:1; }
#shoplistLeftArea ul { margin: 0; padding: 0;}
#shoplistLeftArea ul li { margin: 0 0 20px 0;}

#shoplistLeftArea ul li a { font-size: 12px;}
#shoplistLeftArea li a:hover { color: #000000; text-decoration:underline;}

.shoplistAreaBox { margin: 41px 0 0;}
#kanto { margin:41px 0 0; }

.shiplistTitle { margin: 29px 0 0; padding-top: 30px; width: 700px;}

.shiplistTitle h2 { font-size: 14px;font-weight:normal;color:#414141;line-height:1;}

.titleLeft { width: 305px; float: left;}
.titleRight { width: 395px; float: right;}

.shiplistDiscription { margin: 60px 0 0; width: 700px;}
.shiplistTitle + .shiplistDiscription { margin:21px 0 0; }
.shiplistDiscription p { line-height: 20px;}

.discriptionLeft { width: 305px; float: left;}
.discriptionRight {width: 395px; float: right;}


/* //////////////////////////////////////////////////
NEWS AREA
////////////////////////////////////////////////// */
#newsArea { margin: 0 auto; padding: 44px 0 0 0; width: 900px;}

.mt50 {
	margin: 50px 0 0 0;
}
.mt65 {
	margin: 65px 0 0 0;
}
/* script styles  */

#containerIn { background:#fff;opacity:0.4; }

/*#about { overflow:hidden; }*/
#slides { display:none; }

/* //////////////////////////////////////////////////
FOOTER
////////////////////////////////////////////////// */
p.copyright { margin-bottom: 28px;}