@charset "utf-8";
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
main {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  /* background: #fff; */
  /* 1 */
  color: #000;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*!
style.css (C) Cosa-L Co.,Ltd.All Rights Reserved. http://www.cosa-l.co.jp/ Modified: 2015/01/30 Editor: Toshiyuki Hara */
html, body {
  height: 100%;
}

body {
  color: #000;
  font: 12px/1.7 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background-color: #fff;
}

/* text link */
a {
  cursor: pointer;
  text-decoration: underline;
  /* @include transition; */
  /* link-colors($normal, $hover, $active, $visited, $focus) */
  color: #000;
}
a:visited {
  color: #000;
}
a:focus {
  color: #000;
}
a:hover {
  color: #000;
}
a:active {
  color: #000;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.fs10 {
  font-size: 10px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs24 {
  font-size: 24px !important;
}

.fs26 {
  font-size: 26px !important;
}

.fs28 {
  font-size: 28px !important;
}

.fs30 {
  font-size: 30px !important;
}

.fs32 {
  font-size: 32px !important;
}

.fs34 {
  font-size: 34px !important;
}

.fs36 {
  font-size: 36px !important;
}

.fs38 {
  font-size: 38px !important;
}

form {
  margin: 0;
}

[type="text"],
[type="number"],
[type="password"],
[type="search"],
select,
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

[type="text"],
[type="number"],
[type="password"],
[type="search"] {
  height: 26px;
}

[type="submit"] {
  -webkit-appearance: none;
}

.small {
  font-size: 91%;
}

.large {
  font-size: 120%;
}

.none {
  display: none;
}

.block {
  display: block;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.att {
  color: #ff0000;
}

.borderNone {
  border: 0 !important;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.hideText {
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
}

img {
  vertical-align: middle;
}

address {
  font-style: normal;
}

/* ==========================================================================
   SPRITES BTN
   ========================================================================== */
.btnSprites a {
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
  background-image: url('../img/btn_sprites.png');
  background-repeat: no-repeat;
}

/* ==========================================================================
   PAGE
   ========================================================================== */
.page {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  overflow: hidden;
}
.page.page--home {
  width: 980px;
}

/* ==========================================================================
   FIXED BG
   ========================================================================== */
.fixedBg {
  background-attachment: fixed;
  background-position: center bottom;
  background-size: cover;
}
.touch .fixedBg {
  background-attachment: scroll;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.header {
  width: 100%;
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.ie8 .header {
  z-index: 1;
}
.header .header__inr {
  width: 980px;
  height: 47px;
  position: relative;
  margin: 0 auto;
}
.header .header__logo {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  font: 24px/1 'HelveticaNeueW01-UltLt';
  z-index: 1;
}
.header .header__logo a {
  text-decoration: none;
}
.header.header--mini {
  width: 100%;
  height: 70px;
  margin: 0;
  position: fixed;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 10;
}
.header.header--mailMaga {
  height: 171px;
  position: relative;
  border-bottom: 1px solid #c1c0c2;
}
.header.header--mailMaga .header__logo {
  position: relative;
  top: 50px;
  text-align: center;
}

/* ==========================================================================
   SHOP LOGO
   ========================================================================== */
.shopLogo {
  width: 250px;
  min-width: 250px;
  height: 250px;
  min-height: 250px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.shopLogo .shopLogo__inner {
  width: 100%;
  height: 100%;
  display: table;
  background-color: rgba(255, 255, 255, 0.8);
}
.ie8 .shopLogo .shopLogo__inner {
  background-color: #fff;
}
.shopLogo .shopLogo__imgWrap {
  width: 100%;
  height: 100%;
  padding: 20px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* ==========================================================================
   navBtn
   ========================================================================== */
.navBtn {
  width: 45px;
  height: 40px;
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  z-index: 10;
}
.navBtn a {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
}

/* ==========================================================================
   navIco
   ========================================================================== */
.navIco {
  width: 22px;
  height: 22px;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.navIco .navIco__line {
  width: 22px;
  margin: 4px auto;
  overflow: hidden;
  display: block;
  border-top: 3px solid #777;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav--open .navIco {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.nav--open .navIco .navIco__line--fir {
  -moz-transform: rotate(45deg) translate(5px, 5px);
  -ms-transform: rotate(45deg) translate(5px, 5px);
  -webkit-transform: rotate(45deg) translate(5px, 5px);
  transform: rotate(45deg) translate(5px, 5px);
}
.nav--open .navIco .navIco__line--sec {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav--open .navIco .navIco__line--thi {
  opacity: 0;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer {
  width: 100%;
}

/* ==========================================================================
   GLOBAL NAV
   ========================================================================== */
.globalNav {
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  list-style: none;
  text-align: center;
  letter-spacing: -.4em;
}
.navigation--mini .globalNav {
  height: 70px;
  top: 0;
  line-height: 72px;
}
.globalNav > li {
  height: 25px;
  line-height: 25px;
  position: relative;
  display: inline-block;
  letter-spacing: 0;
}
.globalNav > li:before {
  content: '';
  height: 13px;
  display: inline-block;
  position: relative;
  top: 2px;
  border-left: 1px solid #9b9b9b;
}
.globalNav > li > a {
  display: inline-block;
  padding: 0 15px;
  font-family: 'HelveticaNeueW01-45Ligh';
  font-size: 16px;
  color: #333;
  text-decoration: none;
}
.globalNav > li > a span {
  padding: 0 3px 3px;
}
.globalNav > li.globalNav__saltGroup {
  position: absolute;
  bottom: 0;
  right: 0;
  border: 0;
  background-color: #b5b5b5;
}
.globalNav > li.globalNav__saltGroup:before {
  display: none;
}
.globalNav > li.globalNav__saltGroup a {
  padding-right: 10px;
  color: #fff;
}
.globalNav > li.globalNav__saltGroup a:after {
  content: '';
  width: 7px;
  height: 11px;
  display: inline-block;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALBAMAAABBvoqbAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMAqmEqKYEGno67ZOjOAAAAIUlEQVQI12NINWBgYGASZgACRTQmRwGI5QAUE0FmpAIZAFtGA21NzYVuAAAAAElFTkSuQmCC') 0 0 no-repeat;
}
.globalNav > li:first-child {
  border-left: 0;
}
.globalNav > li:first-child:before {
  display: none;
}
.globalNav > li.globalNav--current span {
  border-bottom: 2px solid #999;
}

/* ==========================================================================
   subNav
   ========================================================================== */
.subNav {
  width: 242px;
  margin-left: -121px;
  position: absolute;
  top: 25px;
  left: 50%;
  display: none;
  text-align: center;
}
.subNav:before {
  content: '';
  width: 10px;
  height: 14px;
  margin: 0 auto;
  display: block;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAQAAAC8qkUgAAAAWElEQVR4AWXLsRXAIAiEYdzHysIJaR2A0WxYxVy8pwbD332Pk3WWkTCxlaIfdnRhtoFyRJ2oEfvE/sUCYOWgbtSDvtGJHJ8qsQVsLybzgG5J8D6uKsex9gCw+pMnnrN9cgAAAABJRU5ErkJggg==') 0 0 no-repeat;
}
.subNav .subNav__lst {
  padding: 25px 20px;
  margin: 0 0 0;
  position: relative;
  list-style: none;
  text-align: left;
  background-color: #999;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.subNav .subNav__lst li {
  margin-top: 1em;
}
.subNav .subNav__lst li:first-child {
  margin-top: 0;
}
.subNav .subNav__lst li a {
  color: #fff;
  text-decoration: none;
}
.nav--open .subNav {
  display: none;
}

/* ==========================================================================
   MAIN VISUAL
   ========================================================================== */
.mainVisual {
  margin-top: 100px;
}
.mainVisual .mainVisual__slide {
  height: 552px;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  overflow: hidden;
}
.mainVisual .bx-caption {
  width: 100%;
  padding: 12px 0;
  font-size: 16px;
  text-align: center;
  position: absolute;
  bottom: 55px;
  left: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
}
.mainVisual .bx-pager {
  height: 6px;
  margin-top: 10px;
  overflow: hidden;
  text-align: center;
}
.mainVisual .bx-pager .bx-pager-item {
  width: 45px;
  height: 6px;
  margin: 0 3px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.mainVisual .bx-pager .bx-pager-item a {
  width: 43px;
  height: 4px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
  display: block;
  background-color: #fff;
  border: 1px solid #ddd;
}
.mainVisual .bx-pager .bx-pager-item a.active {
  background-color: #999;
  border-color: #999;
}

/* ==========================================================================
   SHOPMAINVISUAL
   ========================================================================== */
.shopMainVisual {
  height: 800px;
  position: relative;
  background-position: center center;
  background-size: cover;
}

/* ==========================================================================
   END CARD
   ========================================================================== */
.endCard {
  width: 100%;
  height: 450px;
  display: table;
  font: 55px/1 'HelveticaNeueW01-UltLt';
  color: #555;
  background-color: #fff;
}
.endCard .endCard__dtl {
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* ==========================================================================
   COPYRIGHT
   ========================================================================== */
.copyright {
  height: 31px;
  overflow: hidden;
  color: #aaa;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #ccc;
}
.copyright small {
  font: 10px/31px 'HelveticaNeueW01-45Ligh';
}

/* ==========================================================================
   MAIL MAGAZIN
   ========================================================================== */
.mailMagazin {
  height: 108px;
  background-color: #eee;
}
.mailMagazin p {
  width: 980px;
  height: 108px;
  margin: 0 auto;
  display: table;
  box-sizing: border-box;
}
.mailMagazin p a {
  width: 100%;
  height: 108px;
  display: block;
  background: url(../img/btn_mailMagazine_pc.png) center top no-repeat;
}
.mailMagazin p a span {
  width: 1px;
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
}

/* ==========================================================================
   CONTENTS
   ========================================================================== */
.contents {
  width: 100%;
  position: relative;
  z-index: 0;
}

/* ==========================================================================
   SECTION BOX
   ========================================================================== */
.sectionBox {
  margin-top: 55px;
}
.sectionBox .sectionBox__ttl {
  margin: 0;
  text-align: center;
  font-weight: normal;
  font: 70px/1 'HelveticaNeueW01-UltLt';
  color: #999;
}
.sectionBox .sectionBox__dtl {
  width: 980px;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sectionBox.sectionBox--news .sectionBox__ttl {
  font-size: 28px;
  border-bottom: 1px solid #e5e5e5;
}
.sectionBox.sectionBox--newsDetail {
  margin-top: 100px;
  padding-bottom: 100px;
}
.sectionBox.sectionBox--newsDetail .sectionBox__ttl {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.sectionBox.sectionBox--newsDetail .sectionBox__dtl {
  margin-top: 40px;
  font-size: 14px;
}
.sectionBox.sectionBox--shops .sectionBox__ttl {
  margin-bottom: 40px;
}
.sectionBox.sectionBox--menu {
  height: 835px;
  margin: 0;
  background-position: center center;
  background-size: cover;
}
.sectionBox.sectionBox--menu .sectionBox__inner {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.ie8 .sectionBox.sectionBox--menu .sectionBox__inner {
  background-color: #fff;
}
.sectionBox.sectionBox--menu .sectionBox__ttl {
  padding-top: 55px;
  font-size: 50px;
  color: #000;
}
.sectionBox.sectionBox--menu .sectionBox__dtl {
  padding: 45px 0;
}
.sectionBox.sectionBox--gallery {
  height: 828px;
  background-color: #fff;
}
.sectionBox.sectionBox--gallery .sectionBox__ttl {
  height: 88px;
  font-size: 50px;
  color: #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sectionBox.sectionBox--data {
  min-height: 645px;
  margin: 0;
  padding-bottom: 50px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.sectionBox.sectionBox--data .sectionBox__ttl {
  padding-top: 55px;
  font-size: 50px;
  color: #000;
}
.sectionBox.sectionBox--data .sectionBox__dtl {
  margin-top: 30px;
  overflow: hidden;
  letter-spacing: -.4em;
}
.sectionBox.sectionBox--csr {
  margin-top: 115px;
}

/* ==========================================================================
   SLIDE GALLERY
   ========================================================================== */
.slideGallery {
  width: 980px;
  height: 520px;
  margin: 0 auto;
}
.slideGallery .slideGallery__item {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slideGallery .slideGallery__item img {
  max-width: 100%;
  display: block;
}
.slideGallery .bx-wrapper {
  position: relative;
}
.slideGallery .bx-wrapper .bx-prev,
.slideGallery .bx-wrapper .bx-next {
  width: 70px;
  height: 70px;
  margin-top: -35px;
  position: absolute;
  top: 50%;
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
  background-image: url('../img/btn_sprites.png');
  background-repeat: no-repeat;
}
.slideGallery .bx-wrapper .bx-prev {
  left: 20px;
  background-position: 0 -236px;
}
.slideGallery .bx-wrapper .bx-next {
  right: 20px;
  background-position: 0 -166px;
}
.slideGallery .bx-wrapper .bx-caption {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(0, 0, 0, 0.4);
}
.slideGallery .bx-wrapper .bx-caption span {
  padding: 6px 10px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.slideGallery .bx-pager {
  width: 100%;
  padding-top: 20px;
  position: absolute;
  text-align: center;
}
.slideGallery .bx-pager .bx-pager-item {
  margin: 0 3px;
  display: inline-block;
  vertical-align: top;
}
.slideGallery .bx-pager .bx-pager-item .bx-pager-link {
  width: 70px;
  height: 70px;
  display: block;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.slideGallery .bx-pager .bx-pager-item .bx-pager-link.active {
  border: 3px solid #fff;
}
.slideGallery .bx-pager .bx-pager-item .bx-pager-link.active img {
  margin: -3px;
}
.slideGallery .bx-pager .bx-pager-item .bx-pager-link.active:before {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAAAAAAwWTskAAAAAnRSTlMAAHaTzTgAAAAeSURBVHgBYwCDmSACypw5E8EEIhgTQkBICAXBUA4AbhsL9emZs5EAAAAASUVORK5CYII=');
  width: 63px;
  position: absolute;
  top: -1px;
  text-align: center;
}

/* ==========================================================================
   SHOP DATA
   ========================================================================== */
.shopData {
  width: 430px;
  margin-top: 30px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
}
.shopData:nth-child(2n) {
  padding-left: 120px;
}
.shopData caption {
  margin-top: 35px;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
}
.shopData caption span {
  display: block;
  font-weight: normal;
  font-size: 12px;
}
.shopData th {
  width: 95px;
  height: 30px;
  text-align: left;
  vertical-align: top;
}
.shopData td {
  vertical-align: top;
}
.shopData a {
  color: #000;
}

/* ==========================================================================
   BTN SEND MAIL
   ========================================================================== */
.btnSendMail {
  margin-top: 20px;
  display: inline-block;
}
.btnSendMail a {
  display: block;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  /*
  		height: 50px;
  		padding-left: 65px;
  		overflow: hidden;
  		line-height: 50px;
  		display: block;
  		font-weight: bold;
  		font-size: 14px;
  		text-decoration: none;
  		background: sprite-url($btnImg) sprite-position($btnImg, 'btn_sendMail_pc') no-repeat;
  */
}
.btnSendMail a:before {
  content: '';
  margin: -2px 15px 0 0;
  width: 50px;
  height: 50px;
  background-position: 0 -116px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('../img/btn_sprites.png');
}

/* ==========================================================================
   SHOPS BOX
   ========================================================================== */
.shopsBox {
  width: 100%;
}
.shopsBox .shopsBox__inner {
  width: 980px;
  height: 430px;
  margin: 0 auto;
  overflow: hidden;
}
.shopsBox .shopsBox__dtl,
.shopsBox .shopsBox__img {
  width: 490px;
  height: 430px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.shopsBox .shopsBox__dtl {
  display: table;
}
.shopsBox .shopsBox__cat {
  width: 100%;
  height: 100%;
  padding: 40px 0;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.shopsBox .shopsBox__ttl {
  margin: 0;
  padding: 0 0 15px 20px;
  font-weight: normal;
  font: 36px/1 'HelveticaNeueW01-UltLt';
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.shopsBox .shopsBox__text {
  margin: 20px 0 18px 0;
  padding: 0 20px;
}
.shopsBox .shopsBox__text.shopsBox__text--cat {
  margin-bottom: 0;
  font-weight: bold;
  color: #876f60;
}
.shopsBox .shopsBox__list {
  margin: 20px 0;
  padding: 0 20px;
  list-style: none;
}
.shopsBox .shopsBox__list li {
  margin-top: 2px;
  padding-left: 18px;
}
.shopsBox .shopsBox__list li:first-child {
  margin-top: 0;
}
.shopsBox .shopsBox__list li:before {
  content: '';
  width: 6px;
  height: 10px;
  margin: 0 12px 0 -18px;
  display: inline-block;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAQAAAA9B+e4AAAAGElEQVR4AWMAAmMGODAGQvK4CA5hJoqlAE/aBS8E7RuyAAAAAElFTkSuQmCC') 0 0 no-repeat;
}
.shopsBox .shopsBox__list li a {
  font-size: 16px;
  color: #000;
  text-decoration: none;
  text-decoration: none;
}
.shopsBox .shopsBox__list li a:hover, .shopsBox .shopsBox__list li a:focus {
  text-decoration: underline;
}
.shopsBox .shopsBox__img {
  float: right;
  text-align: left;
}
.shopsBox .shopsBox__dtl {
  float: left;
  background-color: #fff;
}
.shopsBox .shopsBox__dtl .shopsBox__cat {
  padding-right: 17px;
}
.shopsBox:nth-child(2n) .shopsBox__img {
  float: left;
  text-align: right;
}
.shopsBox:nth-child(2n) .shopsBox__dtl {
  float: right;
}
.shopsBox:nth-child(2n) .shopsBox__dtl .shopsBox__cat {
  padding-left: 20px;
}
.shopsBox.shopsBox--ove .shopsBox__inner {
  background-color: #bcc1c5;
}
.shopsBox.shopsBox--fin .shopsBox__inner {
  background-color: #c1c0c2;
}
.shopsBox.shopsBox--oko .shopsBox__inner {
  background-color: #cacfbe;
}
.shopsBox.shopsBox--yak .shopsBox__inner {
  background-color: #cbc4bf;
}
.shopsBox.shopsBox--sha .shopsBox__inner {
  background-color: #c5b9b9;
}
.shopsBox.shopsBox--haw .shopsBox__inner {
  background-color: #c0c8cf;
}
.shopsBox.shopsBox--dog .shopsBox__inner {
  background-color: #b5c0bd;
}
.shopsBox.shopsBox--cof .shopsBox__inner {
  background-color: #cbc0b2;
}
.shopsBox.shopsBox--caf .shopsBox__inner {
  background-color: #cec4c2;
}
.shopsBox.shopsBox--cas .shopsBox__inner {
  background-color: #b5bfc1;
}
.shopsBox.shopsBox--des .shopsBox__inner {
  background-color: #cdc4cc;
}
.shopsBox.shopsBox--jap .shopsBox__inner {
  background-color: #cabfbd;
}
.shopsBox.shopsBox--con .shopsBox__inner {
  background-color: #c4ccd1;
}

/* ==========================================================================
   NEWS LIST
   ========================================================================== */
.newsList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.newsList li {
  margin-top: 25px;
  font-size: 16px;
}
.newsList li:first-child {
  margin-top: 0;
}
.newsList p {
  margin: 0;
}
.newsList .newsList__time {
  line-height: 1;
  color: #aaa;
}
.newsList .newsList__text {
  margin-top: 8px;
}

/* ==========================================================================
   ARTICLE HEADER
   ========================================================================== */
.articleHeader .articleHeader__date {
  width: 980px;
  margin: 24px auto 0;
  color: #aaa;
}
.articleHeader .articleHeader__ttl {
  width: 980px;
  margin: 40px auto 0;
  font-size: 20px;
  text-align: center;
}

/* ==========================================================================
   ARTICLE FOOTER
   ========================================================================== */
.articleFooter {
  margin-top: 70px;
  border-top: 1px solid #e5e5e5;
}
.articleFooter .articleFooter__inner {
  width: 980px;
  margin: 0 auto;
}

/* ==========================================================================
   BTN TRANSITION
   ========================================================================== */
.btnTransition a {
  min-height: 14px;
  line-height: 1;
  text-decoration: none;
}
.btnTransition.btnTransition--prev {
  text-align: left;
}
.btnTransition.btnTransition--prev a {
  padding-left: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAXklEQVR4AX2QwQkEMAgEt4h0lprsbl4p4gqwAQ85BA9B5+ewwax+w8F4OMHDOCgRyc11w7klLzFJLU5PfXr6COsqujbxhiqe8KEK18g19mf3g5av7CXs9SVVfPwX/wVkwjVPEB2lGgAAAABJRU5ErkJggg==') left center no-repeat;
}
.btnTransition.btnTransition--next {
  text-align: right;
}
.btnTransition.btnTransition--next a {
  padding-right: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAY0lEQVR4AYWQ2wkDAQgEtwgrO2uyu/k4uB5SgA2YSAjmuJfzOazo6jsYwUZ9WAkMNaJxkhpI/CcX6oSlpU3qtU+biFG11yFW6kJvGnXUIi9lPqy9Pej2FeHUCf5YXzPF53/xb3CHNUnZM6DvAAAAAElFTkSuQmCC') right center no-repeat;
}

/* ==========================================================================
   CONCEPT BOX
   ========================================================================== */
.conceptBox {
  width: 100%;
  height: 417px;
  display: table;
}
.conceptBox .conceptBox__inner {
  padding: 25px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.conceptBox .conceptBox__text {
  margin: 25px 0;
  font-size: 14px;
}
.conceptBox .conceptBox__text.conceptBox__text--bold {
  font-size: 22px;
  font-weight: bold;
}

/* ==========================================================================
   SHOP MENU LIST
   ========================================================================== */
.shopMenuList {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  display: table;
}
.shopMenuList li {
  display: table-cell;
  vertical-align: top;
  text-align: center;
}

.btnMenu {
  min-width: 248px;
  height: 62px;
  margin: 5px;
  overflow: hidden;
  display: block;
  line-height: 62px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.ie8 .btnMenu {
  border: 1px solid #000;
}
.btnMenu a {
  padding: 0 45px;
  display: block;
  font-size: 20px;
  color: #000;
  text-decoration: none;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAWCAQAAAAccsYGAAAAnElEQVR4AbXVsRHDIAxGYUpaNmA/JmCDtw+bsIImYII/pXNxnAju5NdQfQ1YSu8fhcbAEIvJoFFI+13HTGehjxadfIpWJnpoUk/QiqEfGXUXzUz0p0neQzty1HfQcrue9BVdFD/abmR6YJsfHcjJDj9qyMmaHxXysn50RaDTTVr8RcU/qfjHH/WbBg2UkNEXNKQD1snVtfiEnS++F3qxR6IZFzDJAAAAAElFTkSuQmCC') right center no-repeat;
}

/* ==========================================================================
   SHOP MENU LIST TEXT
   ========================================================================== */
.shopMenuListText {
  margin: 20px 0 0;
  padding: 0 5px;
}

/* ==========================================================================
   BTN PAGE TOP
   ========================================================================== */
.btnPageTop {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 62px;
  right: -40px;
  z-index: 10;
}
.btnPageTop a {
  width: 40px;
  height: 40px;
  display: block;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
  background: url('../img/btn_sprites.png') 0 0 no-repeat;
}

/* ==========================================================================
   PAGE NATION
   ========================================================================== */
.pageNation {
  margin: 50px 0 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  list-style: none;
}
.pageNation li {
  width: 23px;
  height: 23px;
  overflow: hidden;
  display: inline-block;
  line-height: 24px;
  font-size: 14px;
}
.pageNation li a {
  height: 23px;
  display: block;
  text-decoration: none;
}
.pageNation li span {
  height: 23px;
  display: block;
  color: #fff;
  background-color: #666;
}

/* ==========================================================================
   SALT PAPER
   ========================================================================== */
.saltPaper {
  width: 600px;
  margin: 60px auto 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.saltPaper .saltPaper__logo {
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: center;
}
.saltPaper .saltPaper__text1,
.saltPaper .saltPaper__text2 {
  font-size: 14px;
  text-align: center;
}

/* ==========================================================================
   MAIL FORM
   ========================================================================== */
.mailForm {
  width: 600px;
  margin: 0 auto;
  padding-bottom: 118px;
}
.mailForm .mailForm__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mailForm .mailForm__list li {
  width: 100%;
  margin-top: 30px;
  display: table;
}
.mailForm .mailForm__list li:first-child {
  margin-top: 0;
}
.mailForm .mailForm__list label {
  width: 180px;
  display: table-cell;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
}
.mailForm .mailForm__list .mailForm__cell {
  display: table-cell;
}
.mailForm .mailForm__list .mailForm__cell input[type="text"] {
  width: 100%;
}
.mailForm .mailForm__btn {
  width: 180px;
  height: 50px;
  margin: 50px 0 0 180px;
  border: 0;
  display: block;
  font-size: 20px;
  color: #fff;
  background: #bbb url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASAQAAAABKzHLmAAAAAnRSTlMAAHaTzTgAAAAwSURBVAgdBcExDQAgDACwLjv4pgAhO5GEBKQhBSm0Fo9NMykGecQVVx6DYtJsHssHr9EGe9MbmecAAAAASUVORK5CYII=') 156px center no-repeat;
}
.mailForm .mailForm__btn:hover {
  background-color: #d0d0d0;
}

/* ==========================================================================
   CSR DETAIL
   ========================================================================== */
.csrDetail {
  width: 100%;
  padding-bottom: 200px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.csrDetail .csrDetail__logo {
  width: 465px;
  float: left;
  text-align: center;
}
.csrDetail .csrDetail__ttl {
  width: 457px;
  height: 16px;
  margin: 65px 0 35px;
}
.csrDetail .csrDetail__text {
  width: 515px;
  padding-top: 30px;
  float: right;
}
.csrDetail .csrDetail__text p {
  margin: 0;
  font-size: 14px;
}

/* ==========================================================================
   FOR TABLET
   ========================================================================== */
@media only screen and (max-width: 980px) {
  .page {
    width: 100%;
  }
  .page.page--home {
    width: 100%;
  }

  .fixedBg {
    background-attachment: scroll;
    background-position: center top;
  }

  .header {
    height: 40px;
  }
  .header .header__inr {
    width: 100%;
    height: 40px;
  }
  .header .header__logo {
    position: relative;
    line-height: 40px;
    text-align: center;
  }
  .header.header--mini {
    display: none;
  }

  .globalNav {
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    line-height: normal;
    text-align: left;
    z-index: 9;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .globalNav li {
    height: auto;
    padding: 0;
    display: block;
    line-height: normal;
    border-bottom: 1px solid #fff;
  }
  .globalNav li:before {
    display: none;
  }
  .globalNav li a {
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    display: block;
    color: #fff;
    background-color: #666;
  }
  .globalNav li.globalNav--current a {
    border-bottom: 0;
  }
  .globalNav li.globalNav__saltGroup {
    position: relative;
    border-bottom: 1px solid #fff;
  }
  .globalNav.nav--open {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .nav--open {
    display: block;
  }

  .navBtn {
    display: table;
  }

  .mainVisual {
    margin: 0;
  }
  .mainVisual img {
    width: 100%;
  }
  .mainVisual .bx-caption {
    font-size: 15px;
    bottom: 30px;
  }

  .sectionBox .sectionBox__ttl {
    font-size: 35px;
  }
  .sectionBox .sectionBox__dtl {
    width: 100%;
    padding: 0 20px;
  }
  .sectionBox.sectionBox--news .sectionBox__ttl {
    font-size: 20px;
  }
  .sectionBox.sectionBox--menu {
    height: auto;
    min-height: 490px;
  }
  .sectionBox.sectionBox--menu .sectionBox__ttl {
    padding-top: 35px;
  }
  .sectionBox.sectionBox--gallery {
    height: auto;
  }
  .sectionBox.sectionBox--data {
    padding: 0 6px;
  }
  .sectionBox.sectionBox--data .sectionBox__ttl {
    padding-top: 35px;
  }
  .sectionBox.sectionBox--data .sectionBox__dtl {
    margin-top: 30px;
    padding: 0;
  }
  .sectionBox.sectionBox--csr {
    margin-top: 55px;
  }

  .newsList .newsList__text {
    font-size: 15px;
  }

  .articleHeader .articleHeader__date,
  .articleHeader .articleHeader__ttl {
    width: 100%;
  }

  .shopMenuList {
    display: block;
  }
  .shopMenuList li {
    display: block;
  }

  .slideGallery {
    width: 100%;
    height: auto;
  }
  .slideGallery .bx-pager {
    display: none;
  }
  .slideGallery .bx-wrapper .bx-prev,
  .slideGallery .bx-wrapper .bx-next {
    width: 35px;
    height: 35px;
    margin-top: -17.5px;
    background-size: 38px auto;
  }
  .slideGallery .bx-wrapper .bx-prev {
    left: 10px;
    /* background-position: 0 -63px; */
    /*
    	$wbgz: ceil(image-width(sprite-file($spritesImg, $spritesItem)) / 2);
    	$ypos: round(nth(sprite-position($spritesImg, $spritesItem), 2) / 2);
    	width: $wbgz;
    	height: image-height(sprite-file($spritesImg, $spritesItem)) / 2;
    	background-position: 0 $ypos;
    	@include background-size($wbgz auto);
    */
    width: 35px;
    height: 35px;
    background-position: 0 -118px;
    background-repeat: no-repeat;
    -moz-background-size: 38px auto;
    -o-background-size: 38px auto;
    -webkit-background-size: 38px auto;
    background-size: 38px auto;
  }
  .slideGallery .bx-wrapper .bx-next {
    right: 10px;
    /* background-position: 0 -98px; */
    /*
    	$wbgz: ceil(image-width(sprite-file($spritesImg, $spritesItem)) / 2);
    	$ypos: round(nth(sprite-position($spritesImg, $spritesItem), 2) / 2);
    	width: $wbgz;
    	height: image-height(sprite-file($spritesImg, $spritesItem)) / 2;
    	background-position: 0 $ypos;
    	@include background-size($wbgz auto);
    */
    width: 35px;
    height: 35px;
    background-position: 0 -83px;
    background-repeat: no-repeat;
    -moz-background-size: 38px auto;
    -o-background-size: 38px auto;
    -webkit-background-size: 38px auto;
    background-size: 38px auto;
  }
  .slideGallery .bx-wrapper .bx-caption {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(0, 0, 0, 0.4);
  }
  .slideGallery .bx-wrapper .bx-caption span {
    padding: 6px 10px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
  }

  .shopData {
    width: 100%;
    margin: 0;
    padding: 15px 10px 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .shopData:nth-child(2n) {
    padding-left: 10px;
  }
  .shopData table {
    width: 100%;
    font-size: 12px;
  }
  .shopData table caption {
    margin: 0 0 30px;
    font-size: 15px;
  }
  .shopData table caption span {
    font-size: 10px;
  }
  .shopData table th {
    width: 85px;
    height: 42px;
  }

  .btnSendMail {
    margin-top: 15px;
  }
  .btnSendMail a:before {
    margin-right: 5px;
    /*
    	$wbgz: ceil(image-width(sprite-file($spritesImg, $spritesItem)) / 2);
    	$ypos: round(nth(sprite-position($spritesImg, $spritesItem), 2) / 2);
    	width: $wbgz;
    	height: image-height(sprite-file($spritesImg, $spritesItem)) / 2;
    	background-position: 0 $ypos;
    	@include background-size($wbgz auto);
    */
    width: 38px;
    height: 38px;
    background-position: 0 -20px;
    background-repeat: no-repeat;
    -moz-background-size: 38px auto;
    -o-background-size: 38px auto;
    -webkit-background-size: 38px auto;
    background-size: 38px auto;
  }

  .shopsBox .shopsBox__inner {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .shopsBox .shopsBox__dtl,
  .shopsBox .shopsBox__img {
    width: 100%;
    height: auto;
    float: none;
  }
  .shopsBox .shopsBox__img img {
    width: 90%;
  }
  .shopsBox .shopsBox__dtl {
    padding-top: 30px;
  }
  .shopsBox .shopsBox__dtl .shopsBox__cat {
    padding: 0 14px;
  }

  .endCard {
    height: 231px;
    font-size: 32px;
  }

  .copyright {
    font-size: 12px;
  }

  .mailMagazin {
    height: 93px;
  }
  .mailMagazin p {
    width: 320px;
    height: 93px;
    margin: 0 auto;
  }
  .mailMagazin p a {
    background-image: url(../img/btn_mailMagazine.png);
    background-size: 100% auto;
  }

  .saltPaper {
    width: 100%;
    padding: 0 20px;
  }
  .saltPaper .saltPaper__text2 {
    text-align: left;
  }

  .mailForm {
    width: 100%;
    padding-bottom: 78px;
  }
  .mailForm .mailForm__list li {
    display: block;
  }
  .mailForm .mailForm__list li label {
    display: block;
  }
  .mailForm .mailForm__list .mailForm__cell {
    margin-top: 13px;
    display: block;
  }
  .mailForm .mailForm__list .mailForm__cell input[type="text"],
  .mailForm .mailForm__list .mailForm__cell select {
    width: 100%;
    height: 30px;
  }
  .mailForm .mailForm__btn {
    margin: 50px auto 0;
  }

  .csrDetail {
    padding-bottom: 50px;
  }
  .csrDetail .csrDetail__logo {
    width: 100%;
    float: none;
  }
  .csrDetail .csrDetail__logo img {
    width: 65%;
  }
  .csrDetail .csrDetail__catch {
    width: 100%;
  }
  .csrDetail .csrDetail__catch img {
    width: 93%;
  }
  .csrDetail .csrDetail__ttl {
    width: 63%;
    padding-top: 10%;
    margin: 12% 0 10%;
    background: url(../img/csr/ttl_csr_sp.png) 0 center no-repeat;
    background-size: 100% auto;
  }
  .csrDetail .csrDetail__ttl img {
    display: none;
  }
  .csrDetail .csrDetail__text {
    width: 100%;
    float: none;
    padding: 0;
    margin-top: 25px;
  }
  .csrDetail .csrDetail__text p {
    font-size: 12px;
  }
}
/* ==========================================================================
   FOR SMART PHONE
   ========================================================================== */
/* ==========================================================================
   ARTICLE
   ========================================================================== */
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
  max-width: 100%;
  height: auto;
}

/* Images */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}