@charset "UTF-8";
body { background-image: url(../img/bg.png); line-height: 1; color: #000; font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", sans-serif; box-sizing: border-box; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: 0; color: #000; text-decoration: none; }

p { color: #fff; text-align: center; line-height: 2.5; letter-spacing: 0.01em; }

/* clearfix */
.cf { zoom: 1; }
.cf:after { content: ""; display: block; clear: both; }

#container { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 100%; line-height: 1.5em; }
#container img { width: 100%; margin: 0; padding: 0; vertical-align: bottom; }
#container .cf:after { content: ""; display: block; clear: both; }

#header { padding: 10.6666% 0 4.26666%; /*80/32/750*/ }
#header h1 { width: 44.5333%; /*334/750*/ margin: 0 auto 10.6666%; /*80/750*/ }
#header ul { margin: 0 auto; font-size: 0; text-align: center; }
#header ul li { display: inline-block; margin-right: 8.53333%; /*64/750*/ }
#header ul li:last-child { margin-right: 0; }
#header ul li.coordinate { width: 20.6666%; /*155/750*/ }
#header ul li.magazine { width: 18.53333%; /*139/750*/ }
#header ul li.shop { width: 15.6666%; /*65/750*/ }

.top_bnr{
  max-width: 50%;
  margin: 30px auto 8%;
}
.top_bnr img{
  max-width: 100%;
}

#concept { margin-bottom: 21.3333%; }
#concept #lead { text-align: center; margin-bottom: 20.53333%; /*154/750*/ padding: 0 3.2%; }
#concept #lead p { margin-bottom: 20.53333%; margin-bottom: 16.4285%; /*115/700*/ }

#lead p { margin-bottom: 4.6875%; font-size: 100%; text-align: center; }
.lead_block {}
.lead_block p { text-align: center; font-size: 14px; line-height: 1.7; margin-bottom: 0; } 
.lead_block p + p { margin-top: 16px; }
.lead_block p strong { font-size: 22px; }
.lead_top p,
.lead_top p strong,
.lead_bottom p strong { font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif; } 
.lead_top {}
.lead_bottom { margin-top: 50px; }
.lead_bottom p,
.lead_bottom p span { font-size: 12px; }
#slideshow { height: 350px; margin-bottom: 10.6666%; /*80/750*/ }

.movie { margin-bottom: 10.6666%; /*80/750*/ }

#player { position: relative; height: 0; padding-top: 177.804%; overflow: hidden; }
#player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#stylebook { margin-bottom: 21.3333%; /*160/750*/ padding: 0; }
#stylebook h2 { width: 31.25%; /*200/640*/ margin: 0 auto 8.5333%; /*64/750*/ }
#stylebook h2 + div { box-sizing: border-box; border: 1px solid #000; }

#coordinate { margin-bottom: 21.3333%; /*160/750*/ padding: 0; }
#coordinate h2 { width: 40.4%; /*303/750*/ margin: 0 auto 8.5333%; /*64/750*/ }
#coordinate h2 + div { box-sizing: border-box; border: 1px solid #000; }

.catalog_link { text-align: left; margin-top: 6px; padding: 0 2.34375%;/*15/640*/ }
.catalog_link a { display: flex; justify-content: flex-end; align-items: center; }
.catalog_link a span { text-decoration: underline; font-size: 12px; }
.catalog_link a i { margin-left: 4px; }
.catalog_link a i img { vertical-align: unset !important; }

#movie { margin-bottom: 21.3333%; /*160/750*/ padding: 0; }
#movie h2 { width: 22.5%; /*169/750*/ margin: 0 auto 8.5333%; /*64/750*/ }

#magazine { margin-bottom: 21.3333%; /*160/750*/ padding: 0; }
#magazine h2 { width: 39.03133%; /*274/704*/ margin: 0 auto 6.4%; /*48/750*/ }

#shop { margin-bottom: 21.3333%; /*160/750*/ padding: 0 3.2%; /*24/750*/ }
#shop .flex { margin-bottom: 4.2735%; }
#shop .flex img { margin-bottom: 4.2735%; }
#shop .lead { text-align: center; }
#shop .lead p { margin-bottom: 9.2592%; /*65/702*/ }
#shop h2 { width: 18.37606%; /*129/702*/ margin: 0 auto 6%; /*45/750*/ }
#shop p.shoplist { width: 68.37606%; margin: 0 auto; margin-bottom: 4.2735%; }
#shop p.contact { width: 68.37606%; /*480/702*/ margin: 0 auto; }
#shop p.shop_info { margin-bottom: 4.2735%; /*30/702*/ }

#link { padding: 0 3.2%; /*24/750*/ }
#link .link_bnr { border: 1px solid #ccc; box-sizing: border-box; }
#link .link_bnr:nth-child(n+1) { margin-top: 3.2%; }

nav.nav_map ul { width: 100%; text-align: left; color: #fff; padding: 0 3.2%; /*24/750*/ margin-top: 17.094%; /*120/702*/ }
nav.nav_map li { display: inline; font-size: 10px; font-style: italic; margin: 0; }
nav.nav_map li a { color: #fff; text-decoration: underline; }
nav.nav_map li.current { color: #fff; }

#video { position: relative; height: 0; padding: 0 0 56.25%; overflow: hidden; margin-bottom: 9.375%; /*60/640*/ }
#video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*footer*/
#footer { width: 100%; line-height: 1; }
#footer ul { width: 100%; padding: 6.6666% 0; /*50/750*/ text-align: center; }
#footer ul li { display: inline; padding: 0 30px; }
#footer ul li.btn01 img { width: 13.2%; /*99/750*/ }
#footer ul li.btn02 img { width: 20.9333%; /*157/750*/ }
#footer .footer-lower { width: 100%; text-align: center; padding: 0 0 4%; /*40/30/750*/ }
#footer small { text-align: center; color: #fff; font-size: 11px; }