@charset "UTF-8";
/* CSS Document */
/*==============================================================
    reset
/*==============================================================*/
/*要素のフォントサイズやマージン・パディングをリセット */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
  vertical-align: baseline;
  font-weight: normal;
}

img {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
  vertical-align: bottom;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/*ol ulのマーカー（行頭記号）を表示しない */
ol, ul {
  list-style: none;
}

/*引用符の表示を出さない */
blockquote, q {
  quotes: none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定 */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるように */
a {
  margin: 0;
  padding: 0;
  background: transparent;
  text-decoration: none;
}

a img {
  border: none;
}

a:focus {
  outline: none;
}

button:focus {
  outline: none;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるように */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるように指定
mark要素は、文書内の検索結果で該当するフレーズをハイライトする際に使用 */
mark {
  background-color: #ff9;
  color: #000;
  font-weight: bold;
  font-style: italic;
}

/*テキストに打ち消し線が付くように */
del {
  text-decoration: line-through;
}

/* IEではデフォルトで点線を下線表示する設定ではないので、下線がつくように
また、マウスオーバー時にヘルプカーソルの表示が出るように */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* 隣接するセルのボーダーを重ねて表示し、間隔を0に指定 */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* 水平罫線のデフォルトである立体的な罫線を見えなく */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
}

/* 行の高さ指定とテキストカラーを指定 */
/*
## reset
*/
img,
a img {
  border: 0;
}

ul, li, br {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

body, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1em;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
}

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

body {
  position: relative;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "游明朝体", "Yu Mincho", YuMincho, 'Hiragino Mincho ProN', "HiraMinProN-W6", "ヒラギノ明朝 ProN W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-style: normal;
  line-height: 1em;
  font-size: 62.5%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
}

html {
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
}

/*
## common setting
*/
.delay {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

.innerWrap {
  width: 960px;
  margin: 0 auto;
}

#content {
  padding-top: 201px;
}

/*
### Header
*/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding-top: 35px;
  background: #fff;
  z-index: 999;
}
#header h1 {
  display: inline-block;
  margin-bottom: 46px;
  width: 142px;
  height: 38px;
}
#header h1 img {
  width: 100%;
}
#header h1 a {
  display: block;
  width: 100%;
  height: 100%;
}

#navi {
  font-family: "adobe-garamond-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  position: relative;
  width: 792px;
  margin: 0 auto;
  height: 41px;
}
#navi #gnaviLine {
  position: absolute;
  height: 1px;
  background: #000;
  margin-top: 40px;
  /*bottom: 41px;*/
}
#navi ul li {
  display: inline-block;
  position: absolute;
  top: 0;
  font-size: 1.1em;
}
#navi ul li.n1 {
  left: 88px;
}
#navi ul li.n2 {
  left: 278px;
}
#navi ul li.n3 {
  left: 455px;
}
#navi ul li.n4 {
  left: 488px;
}
#navi ul li.n5 {
  left: 620px;
}
#navi ul li a span {
  display: inline-block;
  border-bottom: 1px solid #000;
  padding-bottom: 1px;
}
#navi ul li span {
  cursor: pointer;
}

#cback {
  background: #fff;
}

#collectionMenu {
  height: 0;
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #fff;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  display: none;
  font-size: 1.1em;
  font-family: "adobe-garamond-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
}
#collectionMenu #cSubWrap {
  position: relative;
  width: 792px;
  height: 40px;
  margin: 0 auto;
  background: url(../img/header/csub_vline.gif) center center no-repeat;
}
#collectionMenu .categoryBox {
  position: absolute;
  height: 40px;
  line-height: 45px;
  vertical-align: middle;
}
#collectionMenu .categoryBox span {
  cursor: pointer;
}
#collectionMenu #cwmen {
  left: 161px;
}
#collectionMenu #cmen {
  left: 294px;
}
#collectionMenu #csue {
  left: 460px;
}
#collectionMenu #cjohn {
  left: 553px;
}
#collectionMenu #csubUnderLine {
  position: absolute;
  height: 1px;
  background: #000;
  width: 50px;
  bottom: -6px;
  left: 161px;
}
#collectionMenu #seasonArea {
  position: relative;
  width: 790px;
  margin: 45px auto 0 auto;
}
#collectionMenu #seasonArea #seasonLeft,
#collectionMenu #seasonArea #seasonRight {
  position: absolute;
  top: 50%;
  margin-top: -22px;
}
#collectionMenu #seasonArea #seasonLeft span,
#collectionMenu #seasonArea #seasonRight span {
  display: block;
  width: 22px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 105%;
  display: block;
  cursor: pointer;
}
#collectionMenu #seasonArea #seasonLeft span.inactive,
#collectionMenu #seasonArea #seasonRight span.inactive {
  cursor: default;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}
#collectionMenu #seasonArea #seasonLeft {
  left: -86px;
}
#collectionMenu #seasonArea #seasonLeft span {
  background: url(../img/header/season_left.png) no-repeat;
}
#collectionMenu #seasonArea #seasonRight {
  right: -86px;
}
#collectionMenu #seasonArea #seasonRight span {
  background: url(../img/header/season_right.png) no-repeat;
}
#collectionMenu #seasonWrap {
  overflow: hidden;
  width: 694px;
  margin: 0 auto;
}
#collectionMenu #seasonWrap .seasonBox {
  display: none;
  overflow: hidden;
  text-align: center;
  margin-left: -31px;
  zoom: 1;
}
#collectionMenu #seasonWrap .seasonBox:before, #collectionMenu #seasonWrap .seasonBox:after {
  content: "";
  display: table;
}
#collectionMenu #seasonWrap .seasonBox:after {
  clear: both;
}
#collectionMenu #seasonWrap .seasonBox li {
  display: inline-block;
  float: left;
  line-height: 140%;
  margin-left: 31px;
  cursor: pointer;
  letter-spacing: 0.14em;
}
#collectionMenu #seasonWrap .seasonBox li span {
  display: block;
  letter-spacing: 0;
}
#collectionMenu #seasonWrap .seasonBox li a {
  white-space: nowrap;
  word-break: keep-all;
  display: block;
}
#collectionMenu #seasonWrap .seasonBox li a span {
  display: block;
}
#collectionMenu #seasonWrap #swmen {
  display: block;
}

#storesMenu {
  height: 0;
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #fff;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  display: hidden;
  font-size: 1.1em;
  font-family: "adobe-garamond-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
}
#storesMenu #sSubWrap {
  position: relative;
  width: 792px;
  height: 40px;
  margin: 0 auto;
}
#storesMenu .areaBox {
  position: absolute;
  height: 40px;
  line-height: 45px;
  vertical-align: middle;
}
#storesMenu .areaBox span {
  cursor: pointer;
}
#storesMenu #sjapan {
  left: 61px;
}
#storesMenu #seuro {
  left: 163px;
}
#storesMenu #sasia {
  left: 277px;
}
#storesMenu #snamerica {
  left: 370px;
}
#storesMenu #soceania {
  left: 524px;
}
#storesMenu #sonlinestore {
  left: 633px;
}
#storesMenu #ssubUnderLine {
  position: absolute;
  height: 1px;
  background: #000;
  width: 32px;
  bottom: -6px;
  left: 61px;
}
#storesMenu #storeArea {
  position: relative;
  width: 790px;
  margin: 45px auto 0 auto;
}
#storesMenu #storeArea #storesLeft,
#storesMenu #storeArea #storesRight {
  position: absolute;
  top: 50%;
  margin-top: -22px;
}
#storesMenu #storeArea #storesLeft span,
#storesMenu #storeArea #storesRight span {
  display: block;
  width: 22px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 105%;
  display: block;
  cursor: pointer;
}
#storesMenu #storeArea #storesLeft span.inactive,
#storesMenu #storeArea #storesRight span.inactive {
  cursor: default;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
}
#storesMenu #storeArea #storesLeft {
  left: -86px;
}
#storesMenu #storeArea #storesLeft span {
  background: url(../img/header/season_left.png) no-repeat;
}
#storesMenu #storeArea #storesRight {
  right: -86px;
}
#storesMenu #storeArea #storesRight span {
  background: url(../img/header/season_right.png) no-repeat;
}
#storesMenu #placeWrap {
  overflow: hidden;
  width: 694px;
  margin: 0 auto;
}
#storesMenu #placeWrap .storesBox {
  display: none;
  overflow: hidden;
  text-align: center;
  margin-left: -31px;
  zoom: 1;
}
#storesMenu #placeWrap .storesBox:before, #storesMenu #placeWrap .storesBox:after {
  content: "";
  display: table;
}
#storesMenu #placeWrap .storesBox:after {
  clear: both;
}
#storesMenu #placeWrap .storesBox li {
  display: inline-block;
  line-height: 145%;
  margin-left: 31px;
  cursor: pointer;
  letter-spacing: 0.09em;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: middle;
  text-align: center;
}
#storesMenu #placeWrap #ssjapan {
  display: block;
}

/*
### Footer
*/
#footer {
  font-family: Helvetica, Arial, Meiryo, メイリオ, sans-serif;
  border-top: 1px solid #e6e6e6;
  padding-top: 24px;
  font-weight: bold;
}
#footer .innerWrap {
  position: relative;
  height: 34px;
}
#footer #copy {
  position: absolute;
  top: 0;
  left: 3px;
  display: block;
  width: 88px;
  height: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 105%;
  background: url(../img/footer/footer_copyright.png) no-repeat;
}
#footer #copy a {
  display: block;
  width: 100%;
  height: 100%;
}
#footer #tel {
  color: #c1c1c1;
  position: absolute;
  top: 0;
  left: 110px;
  padding-left: 15px;
  border-left: 1px solid #c1c1c1;
  font-weight: bold;
}
#footer #followUs {
  position: absolute;
  top: 0;
  right: 0;
  color: #c1c1c1;
}
#footer #followUs h5 {
  display: inline-block;
  font-size: 1.0em;
  margin-right: 17px;
  line-height: 11px;
  font-weight: normal;
}
#footer #followUs ul {
  display: inline-block;
}
#footer #followUs ul li {
  display: inline-block;
  margin: 0;
  padding-left: 11px;
  /*border-left: 1px solid #c1c1c1;*/
  height: 11px;
  margin-right: 11px;
}
#footer #followUs ul li:first-child {
  border-left: 0;
}
#footer #followUs ul li a {
  color: #c1c1c1;
  font-size: 1.0em;
  line-height: 11px;
  display: block;
  width: 100%;
  height: 100%;
  -ms-transition-property: all;
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-property: all;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-property: all;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  font-weight: bold;
}
#footer #followUs ul li a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
}

#no {
  visibility: none;
  position: absolute;
  left: 0;
}

h2 {
	font-weight: 400;
}

/* footer追加(2014/9/9) */
#footer #contact {
  color: #c1c1c1;
  position: absolute;
  top: 0;
  left: 110px;
  padding-left: 46px;
  font-weight: bold;
}
#footer #lang {
  color: #c1c1c1;
  position: absolute;
  top: 0;
  right: 0px;
  padding-left: 59px;
  font-weight: bold;
  cursor: pointer;
}

#footer #lang a {
  color: #c1c1c1;
}

#footer #followUs_lang {
  position: absolute;
  top: 0;
  right: 150px;
  color: #c1c1c1;
}
#footer #followUs_lang h5 {
  display: inline-block;
  font-size: 1.0em;
  margin-right: 17px;
  line-height: 11px;
  font-weight: normal;
}
#footer #followUs_lang ul {
  display: inline-block;
}
#footer #followUs_lang ul li {
  display: inline-block;
  margin: 0;
  padding-left: 11px;
  /*border-left: 1px solid #c1c1c1;*/
  height: 11px;
  margin-right: 11px;
}
#footer #followUs_lang ul li:first-child {
  border-left: 0;
}
#footer #followUs_lang ul li a {
  color: #c1c1c1;
  font-size: 1.0em;
  line-height: 11px;
  display: block;
  width: 100%;
  height: 100%;
  -ms-transition-property: all;
  -ms-transition-duration: 1s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-property: all;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-property: all;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  font-weight: bold;
}
#footer #followUs_lang ul li a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
}