@charset "UTF-8";
/* ----------------------------

	FileName : common.css

---------------------------- */
/* extend_set */
@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300);
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.textOver {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

/* mixin_SET */
/* reset style (html5 set)
-------------------------------------------------------------------- */
article, section, header, footer, nav, menu, aside, figure, figcaption, main {
  display: block;
  padding: 0;
  margin: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

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

fieldset, img {
  border: 0;
}

img {
  vertical-align: top;
}

address, caption, cite, code, dfn, em, strong, th, var, u {
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

a {
  outline: 0;
  vertical-align: baseline;
}

a > * {
  cursor: pointer;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

/* html
-------------------------------------------------------------------- */
html {
  width: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
@media only screen and (max-width: 640px) {
  html.spActive {
    overflow: hidden;
  }
}

/* body
-------------------------------------------------------------------- */
body {
  background: #fff;
  width: 100%;
  min-width: 1100px;
  font: 12px/1.231 Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’ , Meiryo, メイリオ, sans-serif;
  *font-size: small;
  *font: x-small;
  line-height: 1.65;
  margin: 0;
  padding: 0;
  position: relative;
  color: #313131;
}
@media only screen and (max-width: 640px) {
  body {
    min-width: 320px;
  }
}

img {
  max-width: 100%;
  width: auto;
}

a {
  color: #8a6201;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

ul, ol {
  list-style-type: none;
}

input,
textarea,
button {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',  Helvetica, Arial, 游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’ , Meiryo, メイリオ, sans-serif;
}

body[onload="initialize();"] #wrapper {
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 9px 5px -8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 9px 5px -8px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 9px 5px -8px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 640px) {
  body[onload="initialize();"] #wrapper {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

/* ヘッダー領域スタイル
-------------------------------------------------------------------- */
header {
  border-top: 26px solid #303030;
  margin: 0 auto;
  padding: 0;
}
header #menu a {
  display: none;
}
header .headerDesk {
  color: #fff;
  width: 1000px;
  height: 26px;
  margin: -26px auto 0;
  position: relative;
}
header .headerDesk p {
  padding: 5px 0 0;
  vertical-align: middle;
  font-size: 83.33333%;
}
header .headerDesk a.contact {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  display: block;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 180px;
  height: 38px;
  background-position: 0 -1429px;
}
header .headerDesk a.contact:hover {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 180px;
  height: 38px;
  background-position: 0 -1472px;
}
header .headerDesk a.recruit {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  display: block;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 160px;
  height: 38px;
  background-position: 0 -1515px;
}
header .headerDesk a.recruit:hover {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 160px;
  height: 38px;
  background-position: 0 -1558px;
}
header .headerDesk a.appDownload {
  display: inline-block;
  position: absolute;
  right: 163px;
  top: 0;
  z-index: 2;
  display: block;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 160px;
  height: 38px;
  background-position: 0 -1343px;
}
header .headerDesk a.appDownload:hover {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 160px;
  height: 38px;
  background-position: 0 -1386px;
}
header .headerInner {
  width: 1000px;
  height: 100px;
  margin: 0 auto 10px;
  position: relative;
}
header .headerInner:before {
  content: "";
  position: absolute;
  left: -140px;
  top: 0px;
  z-index: 1;
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 340px;
  height: 360px;
  background-position: 0 -580px;
}
header .headerInner:after {
  content: "";
  position: absolute;
  right: -50px;
  top: 0px;
  z-index: 1;
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 320px;
  height: 285px;
  background-position: 0 -290px;
}
header .headerInner h1 {
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 99;
}
header .headerInner .sitemapLink {
  position: absolute;
  left: 235px;
  top: 35px;
}
header .headerInner .sitemapLink a {
  position: relative;
  padding: 0 0 0 12px;
}
header .headerInner .sitemapLink a:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 2px;
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 4px;
  height: 7px;
  background-position: 0 0;
}
header .headerInner ul.areaLink {
  position: absolute;
  left: 235px;
  top: 60px;
}
header .headerInner ul.areaLink li {
  display: inline-block;
}
header .headerInner ul.areaLink li span {
  display: block;
  width: 120px;
  height: 32px;
  padding: 10px 0;
  background: #8a6201;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
header .headerInner ul.areaLink li a {
  display: block;
  width: 120px;
  height: 32px;
  padding: 10px 0;
  background: #bfbfbf;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
header .headerInner ul.areaLink li.active a {
  background: #9b3847;
}
header .headerInner ul.areaLink li:hover a {
  background: #9b3847;
}
header .headerInner #headerInfo {
  position: absolute;
  right: 0;
  top: 42px;
  z-index: 2;
}
header .headerInner #headerInfo a {
  display: inline-block;
  width: 205px;
  height: 23px;
}
header .headerInner #headerInfo .order .txt {
  display: block;
  margin: 0 0 4px 6px;
}
header .headerInner #headerInfo .order .tel {
  margin: 0 12px 0 0;
  display: inline-block;
}
header #globalNav {
  width: 100%;
}
header #globalNav ul {
  width: 1000px;
  margin: 0 auto 20px;
  display: table;
  table-layout: fixed;
}
header #globalNav ul li {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
header #globalNav ul li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #dcdcdc;
  position: absolute;
  left: 0;
  top: 5px;
}
header #globalNav ul li a {
  display: block;
  position: relative;
  z-index: 10;
  display: block;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
header #globalNav ul li:last-child:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #dcdcdc;
  position: absolute;
  right: 0;
  top: 5px;
}
header #globalNav ul li.gnav01 a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -2069px;
  width: 100%;
}
header #globalNav ul li.gnav01:hover a, header #globalNav ul li.gnav01.active a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -2108px;
  width: 100%;
}
header #globalNav ul li.gnav02 a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1601px;
  width: 100%;
}
header #globalNav ul li.gnav02:hover a, header #globalNav ul li.gnav02.active a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1640px;
  width: 100%;
}
header #globalNav ul li.gnav03 a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1913px;
  width: 100%;
}
header #globalNav ul li.gnav03:hover a, header #globalNav ul li.gnav03.active a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1952px;
  width: 100%;
}
header #globalNav ul li.gnav04 a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1757px;
  width: 100%;
}
header #globalNav ul li.gnav04:hover a, header #globalNav ul li.gnav04.active a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1796px;
  width: 100%;
}
header #globalNav ul li.gnav05 a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1991px;
  width: 100%;
}
header #globalNav ul li.gnav05:hover a, header #globalNav ul li.gnav05.active a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -2030px;
  width: 100%;
}
header #globalNav ul li.gnav06 a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1679px;
  width: 100%;
}
header #globalNav ul li.gnav06:hover a, header #globalNav ul li.gnav06.active a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1718px;
  width: 100%;
}
header #globalNav ul li.gnav07 a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1835px;
  width: 100%;
}
header #globalNav ul li.gnav07:hover a, header #globalNav ul li.gnav07.active a {
  background: url('../img/common-s7607ddfa12.png');
  background-repeat: no-repeat;
  overflow: hidden;
  width: 142px;
  height: 34px;
  background-position: 0 -1874px;
  width: 100%;
}
header #spNav {
  display: none;
}
@media only screen and (min-widh: 641px) {
  header #spNav {
    display: none !important;
  }
}
@media only screen and (max-width: 640px) {
  header {
    border-top: none;
  }
  header #menu a {
    display: inline-block;
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 100;
    display: block;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 55px;
    height: 55px;
    background-position: 0 -743px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  header #menu a.active {
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 55px;
    height: 55px;
    background-position: 0 -800.5px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
}
@media only screen and (max-width: 640px) and (max-width: 374px) {
  header #menu a {
    top: 10px;
  }
}
@media only screen and (max-width: 640px) {
  header .headerDesk {
    display: none;
  }
  header .headerInner {
    width: 100%;
    height: 145px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 640px) and (max-width: 374px) {
  header .headerInner {
    height: 120px;
  }
}
@media only screen and (max-width: 640px) {
  header .headerInner:before {
    content: "";
    position: absolute;
    left: 5px;
    top: -30px;
    z-index: 1;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 152px;
    height: 160px;
    background-position: 0 -580.5px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  header .headerInner:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 186px;
    height: 179px;
    background-position: 0 -399px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  header .headerInner h1 {
    position: absolute;
    left: 11px;
    top: 13px;
  }
  header .headerInner h1 a {
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 272px;
    height: 61px;
    background-position: 0 -1180.5px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  header .headerInner h1 a img {
    display: none;
  }
}
@media only screen and (max-width: 640px) and (max-width: 374px) {
  header .headerInner h1 {
    top: 15px;
    zoom: 0.8;
  }
}
@media only screen and (max-width: 640px) {
  header .headerInner .sitemapLink,
  header .headerInner .areaLink {
    display: none;
  }
  header .headerInner #headerInfo {
    position: absolute;
    top: initial;
    left: 0;
    bottom: 0;
  }
  header .headerInner #headerInfo .order {
    background: #313131;
    padding: 10px 10px 0px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  header .headerInner #headerInfo .order:after {
    content: "";
    display: block;
    clear: both;
  }
}
@media only screen and (max-width: 640px) and (max-width: 374px) {
  header .headerInner #headerInfo .order {
    padding: 10px 15px 0;
  }
}
@media only screen and (max-width: 640px) {
  header .headerInner #headerInfo .order img {
    display: none;
  }
  header .headerInner #headerInfo .order span {
    text-align: center;
  }
  header .headerInner #headerInfo .order span.txt {
    margin: 0 auto 7px;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 337px;
    height: 12px;
    background-position: 0 -2165px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  header .headerInner #headerInfo .order span.tel {
    margin: 0 0 3px;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 160px;
    height: 17px;
    background-position: 0 -2194px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
    display: inline-block;
  }
  header .headerInner #headerInfo .order span.fax {
    margin: 0 0 3px 10px;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 167px;
    height: 17px;
    background-position: 0 -2106.5px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) and (max-width: 374px) {
  header .headerInner #headerInfo .order span {
    zoom: 0.8;
  }
}
@media only screen and (max-width: 640px) {
  header #globalNav {
    display: none;
  }
  header #spNav {
    display: none;
    width: 100%;
    height: 100%;
    padding: 80px 15px 40px;
    background: #313131;
    background: rgba(49, 49, 49, 0.9);
    position: fixed;
    top: 0;
    z-index: 99;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  header #spNav ul#globalNavSp li {
    text-align: center;
  }
  header #spNav ul#globalNavSp li a {
    display: block;
    margin: 0 auto 24px;
    color: #fff;
    text-decoration: none;
    font-family: "ヒラギノ明朝 ProN W3", YuMincho, "游明朝", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝" , "游ゴシック" , "Yu Gothic","Helvetica Neue" , Helvetica , Arial , Verdana , Roboto, serif;
    font-size: 116.66667%;
  }
  header #spNav ul#globalNavSp + ul li {
    text-align: center;
  }
  header #spNav ul#globalNavSp + ul li a {
    display: block;
    margin: 0 0 2px;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    font-family: "ヒラギノ明朝 ProN W3", YuMincho, "游明朝", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝" , "游ゴシック" , "Yu Gothic","Helvetica Neue" , Helvetica , Arial , Verdana , Roboto, serif;
    font-size: 108.33333%;
  }
  header #spNav ul#globalNavSp + ul li.appDownload {
    background: #303872;
    background: rgba(48, 56, 114, 0.8);
  }
  header #spNav ul#globalNavSp + ul li.recruit {
    background: #7f5d05;
    background: rgba(127, 93, 5, 0.8);
  }
  header #spNav ul#globalNavSp + ul li.store {
    background: #9b3847;
    background: rgba(155, 56, 71, 0.8);
  }
}

/* パンくずリストスタイル
-------------------------------------------------------------------- */
#topicPath {
  margin: 0 auto;
  padding: 12px 0 0;
  width: 100%;
}
#topicPath ol {
  width: 95%;
  margin: 0 auto;
  max-width: 1200px;
  min-width: 960px;
}
#topicPath ol:after {
  content: "";
  display: block;
  clear: both;
}
#topicPath ol li {
  float: left;
  font-size: 100%;
}
#topicPath ol li a {
  background: url(/img/common/arrow.png) center right no-repeat;
  margin-right: 15px;
  padding: 5px 20px 5px 0;
  line-height: 1.3;
}
@media only screen and (max-width: 640px) {
  #topicPath ol {
    min-width: 320px;
  }
}

.accessBtn {
  display: none;
}
@media only screen and (max-width: 640px) {
  .accessBtn {
    display: block;
    padding: 20px 10px 15px;
    background: #ecedee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .accessBtn a {
    display: inline-block;
    width: 100%;
    padding: 8px 20px 2px;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #8a6201;
    font-family: "ヒラギノ明朝 ProN W3", YuMincho, "游明朝", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝" , "游ゴシック" , "Yu Gothic","Helvetica Neue" , Helvetica , Arial , Verdana , Roboto, serif;
    font-weight: bold;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font-size: 108.33333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .accessBtn a:before {
    content: "";
    margin: -15px 5px 0 -20px;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 51px;
    height: 49.5px;
    background-position: 0 -858px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px;
  }
  .accessBtn a:hover {
    background: #5c131e;
  }
}

#accessMap {
  height: 460px;
}
@media only screen and (max-width: 640px) {
  #accessMap {
    height: auto;
  }
  #accessMap div {
    display: none;
  }
}

/* フッター領域スタイル
-------------------------------------------------------------------- */
footer {
  background: url("/img/common/bg_footer.png") center bottom no-repeat #604607;
  margin: 0px auto;
  padding: 0;
  width: 100%;
}
footer #footerInner {
  width: 1000px;
  margin: auto;
  padding: 30px 0;
  display: table;
  position: relative;
}
footer #footerInner:after {
  content: "";
  display: block;
  clear: both;
}
footer #footerInner #footerLogo {
  float: left;
}
footer #footerInner #footerLogo p.address {
  color: #c7b27e;
  font-weight: bold;
  font-size: 108.33333%;
}
footer #footerInner #footerLogo p.address br {
  display: none;
}
footer #footerInner #footerLogo p.mail a {
  color: #c7b27e;
  text-decoration: none;
  font-size: 91.66667%;
}
footer #footerInner #footerLogo p.mail a:hover {
  text-decoration: underline;
}
footer #footerInner #footerNav {
  float: right;
  text-align: right;
}
footer #footerInner #footerNav p {
  color: #c7b27e;
  font-family: "ヒラギノ明朝 ProN W3", YuMincho, "游明朝", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝" , "游ゴシック" , "Yu Gothic","Helvetica Neue" , Helvetica , Arial , Verdana , Roboto, serif;
  font-size: 116.66667%;
}
footer #footerInner #footerNav p.info {
  text-align: right;
  font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’ , Meiryo, メイリオ, sans-serif;
  font-size: 91.66667%;
}
footer #footerInner #footerNav p a {
  margin: 0 5px;
}
footer #footerInner #footerNav ul.store {
  margin-top: 15px;
  padding: 15px 10px 0;
  border-top: 1px solid #c7b27e;
  display: inline-block;
}
footer #footerInner #footerNav ul.store:after {
  content: "";
  display: block;
  clear: both;
}
footer #footerInner #footerNav ul.store li {
  margin: 0 15px 0 0;
  padding: 0;
  float: left;
  position: relative;
}
footer #footerInner #footerNav ul.store li:nth-child(2n) {
  margin: 0 0 0 15px;
}
footer #footerInner #footerNav ul.store li:nth-child(2n):before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  position: absolute;
  left: -15px;
  top: 0;
  background: #c7b27e;
}
footer #footerInner #footerNav ul.store li a {
  color: #c7b27e;
  font-size: 91.66667%;
}
footer #footerInner #footerNav ul.store li a img {
  margin: 0 5px 0 0;
}
footer p#copyright {
  position: relative;
  background: #3b2a07;
  text-align: center;
  display: block;
  z-index: 1;
  color: #fff;
  padding: 10px 0;
  font-family: "ヒラギノ明朝 ProN W3", YuMincho, "游明朝", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝" , "游ゴシック" , "Yu Gothic","Helvetica Neue" , Helvetica , Arial , Verdana , Roboto, serif;
  font-size: 91.66667%;
}
@media only screen and (max-width: 640px) {
  footer {
    background: #604607;
    position: relative;
  }
  footer:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 171px;
    height: 180px;
    background-position: 0 -25.5px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  footer:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 45px;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 181.5px;
    height: 188.5px;
    background-position: 0 -208px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  footer #footerInner {
    width: 100%;
    padding: 0;
    display: block;
  }
  footer #footerInner #footerLogo {
    float: none;
    margin: 0 0 5px;
    padding: 20px 10px 5px;
  }
  footer #footerInner #footerLogo:before {
    content: "";
    display: inline-block;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 272.5px;
    height: 61px;
    background-position: 0 -1307.5px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  footer #footerInner #footerLogo img {
    display: none;
  }
  footer #footerInner #footerLogo p.address {
    font-size: 100%;
  }
  footer #footerInner #footerLogo p.address br {
    display: inline-block;
  }
  footer #footerInner #footerLogo p.maill {
    font-size: 100%;
  }
  footer #footerInner #footerNav {
    float: none;
  }
  footer #footerInner #footerNav > p:first-child {
    padding: 8px 10px;
    text-align: left;
    color: #604607;
    background: #c6a659;
    text-align: center;
    letter-spacing: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
  }
  footer #footerInner #footerNav > p:first-child span {
    font-size: 91.66667%;
  }
  footer #footerInner #footerNav > p:first-child a {
    display: inline-block !important;
    position: relative;
    z-index: 1;
  }
  footer #footerInner #footerNav > p:first-child a img {
    display: none;
  }
}
@media only screen and (max-width: 640px) and (max-width: 374px) {
  footer #footerInner #footerNav > p:first-child a {
    zoom: 0.8;
  }
}
@media only screen and (max-width: 640px) {
  footer #footerInner #footerNav > p:first-child a:first-of-type {
    margin: 5px 0 0 0;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 160px;
    height: 17px;
    background-position: 0 -2233px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  footer #footerInner #footerNav > p:first-child a:last-child {
    margin: 5px 0 0 10px;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 167px;
    height: 17px;
    background-position: 0 -2145.5px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  footer #footerInner #footerNav ul.store {
    display: block;
    margin-top: 0;
    padding: 5px 15px;
    border-top: none;
  }
  footer #footerInner #footerNav ul.store li {
    display: block;
    margin: 0;
    padding: 10px 0 10px 65px;
    float: none;
    text-align: left;
    border-bottom: 1px solid #c6a659;
    position: relative;
  }
  footer #footerInner #footerNav ul.store li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  footer #footerInner #footerNav ul.store li img {
    display: none;
  }
  footer #footerInner #footerNav ul.store li:first-child:after {
    left: 5px;
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 40px;
    height: 20px;
    background-position: 0 -957px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  footer #footerInner #footerNav ul.store li:nth-child(2n) {
    margin: 0;
  }
  footer #footerInner #footerNav ul.store li:nth-child(2n):before {
    display: none;
  }
  footer #footerInner #footerNav ul.store li:nth-child(2n):after {
    display: block;
    background: url('../img/commonSp-sd8195f74ef.png');
    background-repeat: no-repeat;
    overflow: hidden;
    width: 51px;
    height: 14px;
    background-position: 0 -910px;
    -moz-background-size: 357px auto;
    -o-background-size: 357px auto;
    -webkit-background-size: 357px auto;
    background-size: 357px auto;
  }
  footer #footerInner #footerNav > p:last-child {
    padding: 5px 15px 20px;
    text-align: left;
    line-height: 1.3;
    font-size: 100%;
  }
  footer p#copyright {
    font-weight: normal;
    font-size: 91.66667%;
  }
}

#pagetop {
  position: fixed;
  left: 0;
  bottom: 20px;
  width: 100%;
  z-index: 2;
}
#pagetop p {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
#pagetop p a {
  position: absolute;
  right: 20px;
  bottom: 0;
}