@charset "UTF-8";

ins,
mark {
  background-color: #ff9;
  color: #000
}

.ir,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
  display: block
}

.hidden,
.invisible {
  visibility: hidden
}

.default-btn,
.outline-btn,
.tag,
a:active,
a:hover,
html:not([data-whatinput=mouse]):not([data-whatinput=touch]) :focus {
  outline: 0
}

.sp-layer,
.sp-slides,
a.sp-video img {
  -webkit-backface-visibility: hidden
}

@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: normal;
  font-weight: 400;
  src: local('Sorts Mill Goudy Regular'), local('SortsMillGoudy-Regular'), url(https://fonts.gstatic.com/s/sortsmillgoudy/v9/Qw3GZR9MED_6PSuS_50nEaVrfzgEbHoEig.ttf) format('truetype')
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  list-style: none;
  line-height: 1
}

blockquote,
q {
  quotes: none
}

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

ins {
  text-decoration: none
}

mark {
  font-style: italic;
  font-weight: 700
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

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

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

input,
select {
  vertical-align: middle
}

button,
input,
select,
textarea {
  font: 99% sans-serif
}

code,
kbd,
pre,
samp {
  font-family: monospace, sans-serif
}

html {
  overflow-y: scroll
}

ol {
  list-style-type: decimal
}

nav li,
nav ul {
  margin: 0;
  list-style: none
}

small {
  font-size: 100%
}

strong,
th {
  font-weight: 700
}

td {
  vertical-align: top
}

.ie7 input[type=checkbox],
sub,
sup {
  vertical-align: baseline
}

sub,
sup {
  height: 0;
  line-height: 1;
  position: relative
}

sup {
  bottom: 1ex
}

sub {
  top: .5ex
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px
}

.image-replace,
.nowrap {
  white-space: nowrap
}

textarea {
  overflow: auto
}

.ie6 legend,
.ie7 legend {
  margin-left: -7px
}

.ie6 input {
  vertical-align: text-bottom
}

button,
input[type=image],
input[type=button],
input[type=submit],
label {
  cursor: pointer
}

button,
input,
select,
textarea {
  margin: 0
}

::-moz-selection {
  background: #e8e8e8;
  color: #fff;
  text-shadow: none
}

::selection {
  background: #e8e8e8;
  color: #fff;
  text-shadow: none
}

a:link {
  -webkit-tap-highlight-color: #e8e8e8
}

button {
  width: auto;
  overflow: visible
}

.ie7 img {
  -ms-interpolation-mode: bicubic
}

.ir {
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr
}

.hidden {
  display: none
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.clearfix:after,
.clearfix:before {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden
}

a,
body {
  color: #000
}

body,
html {
  width: 100%
}

html {
  font-size: 62.5%;
  padding-top: var(--headerH)
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  font-feature-settings: "palt";
  letter-spacing: .05em;
  line-break: strict
}

a {
  text-decoration: none;
  display: inline-block
}

img {
  vertical-align: bottom
}

button,
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=number],
input[type=datetime],
input[type=reset],
input[type=submit],
option,
select,
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: "メイリオ", meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif
}

#gnav .gnav__list.__lv1,
#gnav .gnav__list.__lv2,
.tag {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=number],
input[type=datetime],
textarea {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px;
  width: 100%;
  border: 1px solid #000
}

button,
input[type=reset],
input[type=submit] {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  background: 0 0;
  border: none
}

input[type=radio],
input[type=checkbox] {
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  top: -.05em
}

.site-signature__inner,
.wrapper--pc,
.wrapper--wide {
  margin-left: auto;
  margin-right: auto
}

.wrapper--wide {
  max-width: 1280px
}

.wrapper--pc {
  max-width: 980px
}

.default-btn,
.outline-btn {
  padding-left: 8.8px;
  padding-right: 8.8px;
  text-align: center
}

.color--back {
  color: #fff
}

.color--base {
  color: #fffbf1
}

.color--negative {
  color: #222021
}

.color--main {
  color: #aa222a
}

.color--compatibile {
  color: #cb5f12
}

.color--refer {
  color: #b0b35c
}

.color--approx {
  color: #726d40
}

.color--border,
.color--text {
  color: #000
}

.color--hover {
  color: #aa222a
}

.color--fill {
  color: #e8e8e8
}

.font--gothic,
body {
  font-family: '"メイリオ", meiryo, "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif'
}

.font--mincho {
  font-family: '"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif'
}

.font--serif {
  font-family: '"Sorts Mill Goudy", serif'
}

.default-btn {
  display: block;
  color: #fff;
  background-color: #000;
  line-height: 44px;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease
}

.default-btn.back {
  background-color: #fff
}

.default-btn.base {
  background-color: #fffbf1
}

.default-btn.negative {
  background-color: #222021
}

.default-btn.main {
  background-color: #aa222a
}

.default-btn.compatibile {
  background-color: #cb5f12
}

.default-btn.refer {
  background-color: #b0b35c
}

.default-btn.approx {
  background-color: #726d40
}

.default-btn.border,
.default-btn.text {
  background-color: #000
}

.default-btn.hover {
  background-color: #aa222a
}

.default-btn.fill {
  background-color: #e8e8e8
}

.default-btn:hover {
  background-color: #666
}

.default-btn.back:hover {
  background-color: #e6e6e6
}

.default-btn.base:hover {
  background-color: #ffecbe
}

.default-btn.negative:hover {
  background-color: #080708
}

.default-btn.main:hover {
  background-color: #801a20
}

.default-btn.compatibile:hover {
  background-color: #9c490e
}

.default-btn.refer:hover {
  background-color: #939646
}

.default-btn.approx:hover {
  background-color: #514e2e
}

.default-btn.border:hover,
.default-btn.text:hover {
  background-color: #000
}

.default-btn.hover:hover {
  background-color: #801a20
}

.default-btn.fill:hover {
  background-color: #cfcfcf
}

.default-btn.min {
  line-height: 32px;
  font-size: 14px;
  padding: 0.3em;
}

.default-btn.sm {
  line-height: 35px;
  font-size: 14px
}

.default-btn.med {
  line-height: 40px;
  font-size: 15px
}

.default-btn.ml {
  line-height: 50px;
  font-size: 16px
}

.default-btn.max {
  line-height: 58px;
  font-size: 18px
}

.default-btn.corner100p {
  border-radius: 58px
}

#gnav .gnav__list .gnav_switch_container,
.outline-btn {
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-timing-function: ease
}

.outline-btn {
  display: block;
  border: 1px solid rgba(0, 0, 0, .2)
}

.outline-btn.back {
  border-color: #fff;
  color: #fff
}

.outline-btn.base {
  border-color: #fffbf1;
  color: #fffbf1
}

.outline-btn.negative {
  border-color: #222021;
  color: #222021
}

.outline-btn.main {
  border-color: #aa222a;
  color: #aa222a
}

.outline-btn.compatibile {
  border-color: #cb5f12;
  color: #cb5f12
}

.outline-btn.refer {
  border-color: #b0b35c;
  color: #b0b35c
}

.outline-btn.approx {
  border-color: #726d40;
  color: #726d40
}

.outline-btn.border,
.outline-btn.text {
  border-color: #000;
  color: #000
}

.outline-btn.hover {
  border-color: #aa222a;
  color: #aa222a
}

.outline-btn.fill {
  border-color: #e8e8e8;
  color: #e8e8e8
}

.outline-btn:hover {
  background-color: #666;
  color: #fff
}

.outline-btn.back:hover {
  background-color: #e6e6e6;
  color: #fff
}

.outline-btn.base:hover {
  background-color: #ffecbe;
  color: #fff
}

.outline-btn.negative:hover {
  background-color: #080708;
  color: #fff
}

.outline-btn.main:hover {
  background-color: #801a20;
  color: #fff
}

.outline-btn.compatibile:hover {
  background-color: #9c490e;
  color: #fff
}

.outline-btn.refer:hover {
  background-color: #939646;
  color: #fff
}

.outline-btn.approx:hover {
  background-color: #514e2e;
  color: #fff
}

.outline-btn.border:hover,
.outline-btn.text:hover {
  background-color: #000;
  color: #fff
}

.outline-btn.hover:hover {
  background-color: #801a20;
  color: #fff
}

.outline-btn.fill:hover {
  background-color: #cfcfcf;
  color: #fff
}

.outline-btn {
  line-height: 44px;
  -webkit-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  transition-property: background-color, color;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: #fff;
  color: #000
}

.outline-btn.min {
  line-height: 32px;
  font-size: 13px
}

.outline-btn.sm {
  line-height: 35px;
  font-size: 14px
}

.outline-btn.med {
  line-height: 40px;
  font-size: 15px
}

.outline-btn.max {
  line-height: 58px;
  font-size: 18px
}

.outline-btn.corner100p {
  border-radius: 58px
}

.tag {
  color: #fff;
  background-color: #000;
  line-height: 23px
}

.tag.back {
  background-color: #fff
}

.tag.base {
  background-color: #fffbf1
}

.tag.negative {
  background-color: #222021
}

.tag.main {
  background-color: #aa222a
}

.tag.compatibile {
  background-color: #cb5f12
}

.tag.refer {
  background-color: #b0b35c
}

.tag.approx {
  background-color: #726d40
}

.tag.border,
.tag.text {
  background-color: #000
}

.tag.hover {
  background-color: #aa222a
}

.tag.fill {
  background-color: #e8e8e8
}

.tag:hover {
  background-color: #666
}

.tag.back:hover {
  background-color: #e6e6e6
}

.tag.base:hover {
  background-color: #ffecbe
}

.tag.negative:hover {
  background-color: #080708
}

.tag.main:hover {
  background-color: #801a20
}

.tag.compatibile:hover {
  background-color: #9c490e
}

.tag.refer:hover {
  background-color: #939646
}

.tag.approx:hover {
  background-color: #514e2e
}

.tag.border:hover,
.tag.text:hover {
  background-color: #000
}

.tag.hover:hover {
  background-color: #801a20
}

.tag.fill:hover {
  background-color: #cfcfcf
}

.tag.min {
  line-height: 18px
}

.tag.max {
  line-height: 28px
}

.tag.corner100p {
  border-radius: 28px
}

.tag {
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  width: 100px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem
}

.fix-header {
  width: 100%;
  position: fixed;
  z-index: 600;
  top: 0;
  left: 0
}

#gnav,
#gnav .gnav__list.__lv1>.on--active>a {
  position: relative
}

.site-signature {
  background-color: #aa222a
}

.site-signature,
.site-signature a {
  color: #f7c0c5
}

.site-signature__inner {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 1280px;
  padding-left: 30px;
  padding-right: 30px
}

.site-signature__concept {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 25px
}

#gnav .gnav__list.__lv1,
#gnav .gnav__list.__lv2,
.site-signature__corporate {
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-align-content: center
}

.site-signature__corporate {
  display: flex;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  align-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-bottom: 10px
}

.site-signature .corporate-logo {
  width: 160px;
  min-width: 160px
}

.site-signature .corporate-logo img {
  width: 100%;
  height: auto
}

.site-signature .corporate-nav {
  margin-left: 30px
}

.site-signature .corporate-lang {
  margin-left: auto
}

.site-signature__heading {
  font-size: 11px;
  font-size: 1.1rem
}

.site-signature__desc {
  font-size: 10px;
  font-size: 1rem;
  margin-left: 10px
}

#gnav {
  z-index: 100
}

#gnav .gnav__list .on--active>a+.gnav__list {
  visibility: visible;
  z-index: 1
}

#gnav .gnav__list.__lv1>.on--active>a:after {
  content: "";
  background-color: #aa222a;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}

#gnav .gnav__list.__lv2>.on--active>a {
  position: relative
}

#gnav .gnav__list.__lv2>.on--active>a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 5px;
  border-color: transparent transparent #aa222a;
  position: absolute;
  bottom: 0
}

#gnav .gnav__list.__lv1,
#gnav .gnav__list.__lv2 {
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  padding: 0 calc((100vw - 1280px)/ 2);
  display: flex;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  align-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: absolute;
  top: auto;
  left: 0
}

#gnav .gnav__list.__lv1>li>a,
#gnav .gnav__list.__lv2>li>a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: bottom;
  padding: 0 10px;
  height: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  flex-direction: row
}

#gnav .gnav__list.__lv1:before,
#gnav .gnav__list.__lv2:before {
  content: "";
  background-color: #e8e8e8;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

#gnav .gnav__list.__lv1>*+*,
#gnav .gnav__list.__lv2>*+* {
  margin-left: 20px
}

#gnav .gnav__list.__lv1.modifier--many,
#gnav .gnav__list.__lv2.modifier--many {
  -webkit-justify-content: space-between;
  justify-content: space-between
}

#gnav .gnav__list.__lv1.modifier--many>*+*,
#gnav .gnav__list.__lv2.modifier--many>*+* {
  margin-left: 0
}

#gnav .gnav__list.__lv1>.on--active>.gnav_switch_container {
  height: 60px;
  pointer-events: auto;
  z-index: 499
}

#gnav .gnav__list.__lv1>.on--active>.gnav_switch_container>.gnav_switch_layer {
  top: 0
}

#gnav .gnav__list.__lv1>.on--active>.gnav_switch_container.on--animated {
  overflow: visible
}

#gnav .gnav__list .gnav_switch_container {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  overflow: hidden;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  z-index: 500;
  top: auto;
  left: 0
}

#gnav .gnav__list .gnav_slidedown_container,
#gnav .gnav__list .gnav_switch_layer {
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  -o-transition-timing-function: ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  left: 0
}

#gnav .gnav__list .gnav_switch_layer {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  transition-property: top;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  pointer-events: auto;
  box-sizing: border-box;
  top: -60px
}

#gnav .gnav__list.__lv2>.on--active>.gnav_slidedown_container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

#gnav .gnav__list.__lv2>.on--active>.gnav_slidedown_container>.gnav_slidedown_layer {
  z-index: 499;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  top: 0
}

#gnav .gnav__list.__lv2>.on--active>.gnav_slidedown_container>.gnav_slidedown_layer:before {
  -webkit-box-shadow: -2px 0 5px rgba(0, 0, 0, .1);
  -moz-box-shadow: -2px 0 5px rgba(0, 0, 0, .1);
  -ms-box-shadow: -2px 0 5px rgba(0, 0, 0, .1);
  box-shadow: -2px 0 5px rgba(0, 0, 0, .1)
}

#gnav .gnav__list .gnav_slidedown_container {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  overflow: hidden;
  pointer-events: none;
  box-sizing: border-box;
  height: 0;
  top: auto
}

#gnav .gnav__list .gnav_slidedown_layer {
  pointer-events: auto;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  transform-origin: center top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 30px calc((100vw - 1280px)/ 2);
  position: absolute;
  z-index: 500;
  top: -1px;
  left: 0
}

#gnav .gnav__list .gnav_slidedown_layer * {
  position: relative;
  z-index: 1
}

#gnav .gnav__list .gnav_slidedown_layer:before {
  content: "";
  border-top: 1px solid #aa222a;
  width: 100%;
  height: calc(100% - 0px);
  position: absolute;
  top: 0;
  left: 0;
  background-color: #edeff0
}

#gnav .gnav__list .has--arrow:before {
  content: "";
  width: 4px;
  height: 4px;
  border: 1px solid #000;
  border-left: none;
  border-bottom: none;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

#gnav .gnav__list .nav-label {
  font-size: 15px;
  font-size: 1.5rem;
  padding-top: 13px;
  padding-bottom: 13px
}

#gnav .gnav__list .nav-label.modifier--callout {
  font-size: 17px;
  font-size: 1.7rem;
  padding-top: 10px;
  padding-bottom: 10px
}

#gnav .gnav__list .nav-label>i {
  margin-right: 7px;
  margin-top: -.1em;
  margin-bottom: -.1em
}

#gnav .gnav__list .gnav__genus+.gnav__genus {
  margin-top: 10px
}

#gnav .gnav__list .gnav-group__heading {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 700;
  background-color: #ddd;
  padding: 10px 20px
}

#gnav .gnav__list .gnav-group__grid .__chunk {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 15px 14px
}

#gnav .gnav__list .gnav-group__grid>.__column>* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px dotted #cdcfcc;
  border-left: 1px dotted #cdcfcc;
  position: relative
}

#gnav .gnav__list .gnav-group__grid>.__column>*+* {
  left: -1px
}

#gnav .gnav__list .gnav-group__grid>.__column .__column>:nth-child(odd) {
  border-right: 1px dotted #cdcfcc
}

#gnav .gnav__list .gnav-group__grid>.__column .__column>:nth-child(odd):first-child:last-child {
  border-right: none
}

#gnav .gnav__list .gnav-group__grid .__column {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-flex-direction: row;
  flex-direction: row
}

#gnav .gnav__list .gnav-group__grid .__column>* {
  width: calc(1 / 2 * 100%)
}

#gnav .gnav__list.__lv3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% + 50px);
  padding-left: 12.5px;
  padding-right: 12.5px;
  margin-top: -25px;
  margin-left: -37.5px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-flex-direction: row;
  flex-direction: row
}

#gnav .gnav__list.__lv3>* {
  display: inline-block;
  width: calc(1 / 4 * 100% - 25px);
  padding-top: 25px;
  padding-left: 12.5px;
  margin-left: 12.5px
}

#subnav .__btn,
#subnav>.__logo {
  margin-left: auto
}

#gnav .gnav__list.__lv3>:first-child,
#gnav .gnav__list.__lv3>:first-child+*,
#gnav .gnav__list.__lv3>:first-child+*+*,
#gnav .gnav__list.__lv3>:first-child+*+*+* {
  margin-top: 25px;
  padding-top: 0
}

#gnav .gnav__list.__lv3.modifier--divider>* {
  position: relative
}

#gnav .gnav__list.__lv3.modifier--divider>:nth-child(4n+1):before {
  display: none
}

#gnav .gnav__list.__lv4,
#subnav {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap
}

#gnav .gnav__list.__lv3.modifier--divider>:before {
  content: "";
  border-left: 1px dotted #acaea9;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

#gnav .gnav__list.__lv4 {
  padding: 0 10px;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-flex-direction: row;
  flex-direction: row
}

#subnav,
.home-category {
  -webkit-align-content: stretch
}

#gnav .gnav__list.__lv4>* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  border-bottom: 1px solid #ddd;
  padding: 15px 2px;
  white-space: nowrap
}

#gnav .gnav__list.__lv4>.modifier--full {
  -webkit-flex: 1 0 100%;
  flex: 1 0 100%
}

#gnav .gnav__list.__lv4 .font_small {
  font-size: 10px;
  font-size: 1rem
}

#gnav .gnav__list.__lv4+.__lv4 {
  margin-top: 0
}

#gnav .gnav__list .__lv3 a.is--descendant:not(.nav-label):not(.nav-banner):before,
#gnav .gnav__list .__lv4 a.is--descendant:not(.nav-label):not(.nav-banner):before {
  content: "";
  width: 4px;
  height: 4px;
  border: 1px solid #000;
  border-left: none;
  border-bottom: none;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

#subnav {
  position: absolute;
  left: 50%;
  top: 7px;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  align-content: stretch;
  -webkit-flex-direction: row;
  flex-direction: row
}

#subnav .__btn {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  flex-direction: row
}

#subnav .__btn>* {
  width: 100px
}

#subnav .__btn>*+* {
  margin-left: 5px
}

.site-container {
  padding: 40px 0
}

.site-footer {
  border-top: 3px solid #666;
  background-color: #eee
}

.site-footer__inner {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px
}

.site-footer__nav,
.site-footer__nav a {
  color: #000
}

.site-footer__nav .__lv2_contents {
  margin-top: 5px;
  margin-bottom: 10px
}

.site-footer__logo {
  width: 300px
}

.site-footer__logo img {
  width: 100%;
  height: auto
}

.site-footer__signature {
  font-size: 17px;
  font-size: 1.7rem;
  margin-top: 20px
}

.site-footer__signature .__logo {
  font-size: 23px;
  font-size: 2.3rem
}

.site-footer__signature .__kana:after,
.site-footer__signature .__kana:before {
  content: "-";
  margin: 0 5px
}

.site-footer__address:after,
.site-footer__copyright:after {
  margin-bottom: -.225em
}

.site-footer__address {
  margin-top: 5px;
  line-height: 1.45
}

.site-footer__address:after,
.site-footer__address:before {
  content: "";
  display: table
}

.site-footer__address:before {
  margin-top: -.225em
}

.site-footer__address * {
  line-height: inherit
}

.site-footer__address a {
  color: #000;
  text-decoration: underline
}

.site-footer__link {
  margin-top: 15px
}

.site-footer__lang {
  margin-top: 10px
}

.site-footer__lang .corporate-lang {
  display: inline-block
}

.site-footer__social {
  margin-top: 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin-left: -20px
}

.site-footer__social>* {
  display: block;
  margin-left: 20px
}

.site-footer__contact:after,
.site-footer__contact:before {
  content: "";
  display: table
}

.site-footer__social i {
  font-size: 24px;
  font-size: 2.4rem;
  color: #aa222a
}

.site-footer__contact {
  line-height: 1.45
}

.site-footer__contact:before {
  margin-top: -.225em
}

.site-footer__contact:after {
  margin-bottom: -.225em;
  clear: both
}

.site-footer__contact * {
  line-height: inherit
}

.site-footer__contact a {
  text-decoration: underline
}

.kk-store-oike dd a,
.kk-store__box,
.kk-store__info dl dd a,
.kk-store__map .__link a,
a.sp-video {
  text-decoration: none
}

.site-footer__contact>* {
  float: left
}

.site-footer__contact dt {
  clear: both;
  font-weight: 700
}

.site-footer__contact dt:after {
  content: "："
}

.site-footer__brands img {
  max-width: 100%;
  height: 60px
}

.site-footer__copyright {
  line-height: 1.45;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  margin-top: 30px
}

.home-category-section__grid>.__view .__copy,
.home-category-section__heading,
.home-main-area__copy {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.site-footer__copyright:after,
.site-footer__copyright:before {
  content: "";
  display: table
}

.site-footer__copyright:before {
  margin-top: -.225em
}

.site-footer__copyright * {
  line-height: inherit
}

*+.section {
  margin-top: 40px
}

.section__heading {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  color: #aa222a;
  padding-left: 15px;
  padding-right: 15px
}

.section__body {
  margin-top: 20px
}

.centering {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto
}

.clearfix {
  zoom: 1
}

.clearfix:after {
  content: '';
  display: block;
  clear: both
}

.image-replace {
  text-align: left;
  text-indent: -300%;
  overflow: hidden
}

.valign-middle {
  vertical-align: middle;
  position: relative;
  top: -.2em
}

.list-square {
  text-indent: -1em;
  margin-left: 1em
}

.list-square:before {
  content: "■";
  margin-right: .4em
}

.list-square * {
  text-indent: 0
}

.notes {
  text-indent: -1.4em;
  margin-left: 1.4em
}

.notes:before {
  content: "※";
  margin-right: .4em
}

.notes * {
  text-indent: 0
}

.newline-unit {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  vertical-align: baseline
}

.resp-iframe {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}

.resp-iframe.aspect4-3 {
  padding-top: 75%
}

.resp-iframe.aspect1 {
  padding-top: 100%
}

.resp-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important
}

.vertical-container {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl
}

.corporate-lang,
.corporate-nav {
  overflow: hidden;
  position: relative
}

.corporate-lang select,
.corporate-nav select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: .01px;
  text-overflow: ellipsis;
  outline: 0;
  background: 0 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}

.corporate-lang:after,
.corporate-nav:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  content: "";
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border: 2.5px solid #9a9899;
  border-left: none;
  border-top: none;
  position: absolute;
  z-index: 100;
  right: 15px;
  top: -5px;
  bottom: 0;
  margin: auto
}

.corporate-lang select,
.corporate-nav select {
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #fff;
  border: 2px solid #9a9899;
  padding: 5px 30px 5px 20px
}

.corporate-lang select::-ms-expand,
.corporate-nav select::-ms-expand {
  display: none
}

.nav-banner,
.nav-label {
  display: -webkit-flex;
  -webkit-align-content: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif
}

.nav-banner {
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #999;
  background: center center no-repeat #fffbf1;
  background-size: cover;
  padding-left: 100px;
  height: 60px;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  align-content: center;
  -webkit-flex-direction: row;
  flex-direction: row
}

.nav-banner:before {
  content: ""
}

.nav-label {
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #999;
  padding: 10px 20px;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  align-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: relative
}

.nav-label.modifier--callout:before {
  content: "";
  width: 12px;
  height: 12px;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  background-color: #fff;
  position: absolute;
  bottom: -7px;
  left: 22px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.nav-label i {
  font-size: 1.1em;
  color: #ed7979;
  margin-right: 5px
}

.home-main-area {
  position: relative;
  z-index: 0;
  overflow: hidden
}

.home-main-area,
.home-main-area .home-main-area__view,
.home-main-area .sp-mask,
.home-main-area .sp-slide,
.home-main-area .sp-slides,
.home-main-area .sp-slides-container,
.home-main-area__slider {
  height: 600px
}

.home-main-area__contents {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 500;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif
}

.home-main-area__copy {
  box-sizing: border-box;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  background-color: rgba(255, 255, 255, .4);
  border-bottom: 3px solid #aa222a;
  color: #000;
  padding: 30px;
  width: 100%;
  max-height: 80px
}

.home-main-area__view {
  background: center top no-repeat;
  background-size: cover
}

.home-main-area__view.modifier--middle {
  background: center center no-repeat;
  background-size: cover
}

.home-heading {
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif
}

.home-pick__item img {
  width: 100%;
  height: auto
}

.home-pick .sp-previous-arrow {
  left: 15px
}

.home-pick .sp-next-arrow {
  right: 15px
}

.home-concept {
  background-color: #aa222a;
  padding: 40px 0
}

.home-concept,
.home-concept a {
  color: #fff
}

.home-concept__heading {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.45;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  text-align: center
}

.home-concept__heading:after,
.home-concept__heading:before {
  content: "";
  display: table
}

.home-concept__heading:before {
  margin-top: -.225em
}

.home-concept__heading:after {
  margin-bottom: -.225em
}

.home-concept__heading * {
  line-height: inherit
}

.home-concept__body {
  line-height: 1.75;
  margin-top: 30px
}

.home-concept__body:after,
.home-concept__body:before {
  content: "";
  display: table
}

.home-concept__body:before {
  margin-top: -.375em
}

.home-concept__body:after {
  margin-bottom: -.375em
}

.home-concept__body * {
  line-height: inherit
}

.home-concept__more {
  text-align: center;
  margin-top: 40px
}

.home-concept .home-concept__btn {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
  background-color: #fff;
  color: #aa222a;
  width: 180px;
  padding: 10px
}

.home-choose-btn+.home-choose-btn {
  margin-top: 15px
}

.home-choose-btn {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease
}

.home-choose-btn__collision {
  color: #aa222a;
  padding: 20px 10px 30px
}

.home-choose-btn__heading {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center
}

.home-choose-btn__desc {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  margin-top: 5px
}

.home-choose-btn__body {
  padding: 5px 0
}

.drawer_direction_nav a,
.home-category {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box
}

.home-banner-objective {
  position: relative;
  overflow: hidden
}

.home-banner-objective__view {
  background: center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.home-banner-objective__collision {
  display: block;
  position: relative;
  z-index: 100;
  padding: 10px;
  min-height: 225px
}

.home-banner-objective__base {
  width: 100%;
  background-color: rgba(255, 255, 255, .8);
  padding: 15px 10px 10px;
  position: absolute;
  left: 0;
  bottom: 0
}

.home-banner-objective__heading {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  text-align: center
}

.home-banner-objective__desc {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin-top: 5px
}

.home-banner-objective .select-nav {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  display: block;
  background-color: transparent;
  border: 1px solid #000;
  margin: 10px auto 0;
  padding: 5px;
  font-size: 16px;
  -webkit-transform: scale(.8, .8);
  -moz-transform: scale(.8, .8);
  -ms-transform: scale(.8, .8);
  -o-transform: scale(.8, .8);
  transform: scale(.8, .8)
}

.home-category {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  align-content: stretch;
  -webkit-flex-direction: row;
  flex-direction: row;
  box-sizing: content-box;
  margin-top: -5px
}

.home-category>* {
  width: calc(50% - 2.5px);
  margin-top: 5px
}

.home-category-section {
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-flex-direction: row;
  flex-direction: row
}

.home-category-section__grid {
  position: relative
}

.home-category-section__grid>.__view {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative
}

.home-category-section__grid>.__view img {
  width: 100%;
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease
}

.home-category-section__grid>.__view .__copy {
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  width: 32px;
  overflow: hidden;
  padding: 10px 5px;
  line-height: 1.34;
  letter-spacing: .34em;
  text-align: left;
  vertical-align: middle;
  height: 100%;
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0
}

.home-category-section__grid>.__view .__copy:after,
.home-category-section__grid>.__view .__copy:before {
  content: "";
  display: inline-block
}

.home-category-section__grid>.__view .__copy:before {
  display: block;
  width: 1em;
  height: 1em;
  background-color: #fff;
  border-left: none;
  border-bottom: none;
  margin-bottom: 10px
}

.home-category-section__grid>.__view .__copy:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #aa222a;
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  margin: auto
}

.home-category-section__grid>.__view .__copy .__typo {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl
}

.home-category-section__heading {
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  border: 1px solid #fff;
  border-top: none;
  background-color: #f4f8d7;
  color: #000;
  text-align: center;
  vertical-align: middle;
  position: relative;
  z-index: 500;
  line-height: 1.23;
  height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-direction: column;
  flex-direction: column
}

.home-category-section.opened .home-category-section__heading {
  background-color: #fff;
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px
}

.home-category-section__heading>.__suf {
  font-size: 10px;
  font-size: 1rem;
  padding-right: calc(1em + 5px)
}

.home-category-section__heading>.__suf:after,
.home-category-section__heading>.__suf:before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto
}

.home-category-section__heading>.__suf:before {
  border: 1px solid #000;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.home-category-section.valid--accordion .home-category-section__heading>.__suf:before {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: .5em
}

.home-category-section.valid--accordion.opened .home-category-section__heading>.__suf:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -.5em
}

.home-category-section__contents {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, .8);
  height: calc(100% - 40px + 2px);
  width: 100%;
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-direction: column;
  flex-direction: column
}

.home-category-section__contents>.__layer {
  width: calc(100% - 20px)
}

.home-category-section__contents .default-btn {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  display: block;
  text-align: left;
  position: relative;
  line-height: 34px
}

.home-category-section__contents .default-btn>.__suf {
  font-size: 10px;
  font-size: 1rem;
  padding-right: calc(1em + 5px)
}

.home-category-section__contents .default-btn>.__suf:after,
.home-category-section__contents .default-btn>.__suf:before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto
}

.home-category-descendant__nav>*+*,
.home-category-section__list>*+* {
  margin-top: 10px
}

.home-category-section__contents .default-btn>.__suf:before {
  border: 1px solid #000;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: .5em;
  height: .5em
}

.home-category-descendant.back .home-category-descendant__label {
  color: #fff;
  border-color: #fff
}

.home-category-descendant.back .home-category-descendant__body {
  border-color: #fff
}

.home-category-descendant.base .home-category-descendant__label {
  color: #fffbf1;
  border-color: #fffbf1
}

.home-category-descendant.base .home-category-descendant__body {
  border-color: #fffbf1
}

.home-category-descendant.negative .home-category-descendant__label {
  color: #222021;
  border-color: #222021
}

.home-category-descendant.negative .home-category-descendant__body {
  border-color: #222021
}

.home-category-descendant.main .home-category-descendant__label {
  color: #aa222a;
  border-color: #aa222a
}

.home-category-descendant.main .home-category-descendant__body {
  border-color: #aa222a
}

.home-category-descendant.compatibile .home-category-descendant__label {
  color: #cb5f12;
  border-color: #cb5f12
}

.home-category-descendant.compatibile .home-category-descendant__body {
  border-color: #cb5f12
}

.home-category-descendant.refer .home-category-descendant__label {
  color: #b0b35c;
  border-color: #b0b35c
}

.home-category-descendant.refer .home-category-descendant__body {
  border-color: #b0b35c
}

.home-category-descendant.approx .home-category-descendant__label {
  color: #726d40;
  border-color: #726d40
}

.home-category-descendant.approx .home-category-descendant__body {
  border-color: #726d40
}

.home-category-descendant.border .home-category-descendant__label {
  color: #000;
  border-color: #000
}

.home-category-descendant.border .home-category-descendant__body {
  border-color: #000
}

.home-category-descendant.text .home-category-descendant__label {
  color: #000;
  border-color: #000
}

.home-category-descendant.text .home-category-descendant__body {
  border-color: #000
}

.home-category-descendant.hover .home-category-descendant__label {
  color: #aa222a;
  border-color: #aa222a
}

.home-category-descendant.hover .home-category-descendant__body {
  border-color: #aa222a
}

.home-category-descendant.fill .home-category-descendant__label {
  color: #e8e8e8;
  border-color: #e8e8e8
}

.home-category-descendant.fill .home-category-descendant__body {
  border-color: #e8e8e8
}

.home-category-descendant__label {
  padding: 8px;
  font-weight: 700
}

.home-category-descendant__body {
  border: 1px solid;
  border-right: none;
  border-bottom: none;
  padding: 10px
}

.home-category-descendant__nav a {
  padding: 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  flex-direction: row
}

.home-category-descendant__nav a:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #aa222a;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  top: -.1em
}

*+.home-map {
  margin-top: 30px
}

.home-map-section {
  padding: 20px 15px;
  border: 5px solid #000;
  background-color: #fffde8;
  position: relative
}

.home-map-section__heading {
  font-size: 18px;
  font-size: 1.8rem;
  color: #aa222a;
  font-weight: 700
}

.home-map-section__body {
  line-height: 1.45;
  margin-top: 15px
}

.home-map-section__body:after,
.home-map-section__body:before {
  content: "";
  display: table
}

.home-map-section__body:before {
  margin-top: -.225em
}

.home-map-section__body:after {
  margin-bottom: -.225em
}

.home-map-section__body * {
  line-height: inherit
}

.home-map-section__more {
  margin-top: 15px
}

.home-map-section__more [class*=btn] {
  width: 160px;
  margin-left: auto;
  margin-right: auto;
  position: relative
}

.home-map-section__more [class*=btn] .__pre {
  font-size: 14px;
  font-size: 1.4rem;
  height: 14px;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto
}

.home-contact-section__heading {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  background-color: #000;
  color: #fff;
  padding: 10px
}

.home-contact-section__body {
  background-color: #fffde8;
  padding: 40px 15px;
  border: 5px solid #000;
  border-top: none
}

.home-contact-section__tel {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center
}

.home-contact-section__tel,
.home-contact-section__tel a {
  color: #aa222a;
  font-weight: 700
}

.home-contact-section__tel .__pre {
  color: #000;
  margin-right: 10px
}

.home-contact-section__desc {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.75;
  margin-top: 35px;
  text-align: center
}

.home-contact-section__desc:after,
.home-contact-section__desc:before {
  content: "";
  display: table
}

.home-contact-section__desc:before {
  margin-top: -.375em
}

.home-contact-section__desc:after {
  margin-bottom: -.375em
}

.home-contact-section__desc * {
  line-height: inherit
}

.home-choose-store {
  margin-top: 6px
}

.home-store-jumbotron {
  position: relative;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.home-store-jumbotron__view {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin-top: -6px
}

.home-store-jumbotron__view>* {
  overflow: hidden;
  margin-top: 6px;
  width: 100%
}

.home-store-jumbotron__view>.__col2 {
  width: calc(50% - 3px)
}

.home-store-jumbotron__view img {
  max-width: none;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%)
}

.home-store-jumbotron__base {
  background-color: #fff;
  padding: 15px;
  max-width: calc(100% - 30px);
  min-width: 260px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #000
}

.home-store-jumbotron__heading {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center
}

.home-store-jumbotron__description {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.45;
  margin-top: 15px;
  text-align: center
}

.home-store-jumbotron__description:after,
.home-store-jumbotron__description:before {
  content: "";
  display: table
}

.home-store-jumbotron__description:before {
  margin-top: -.225em
}

.home-store-jumbotron__description:after {
  margin-bottom: -.225em
}

.home-store-jumbotron__description * {
  line-height: inherit
}

.home-store-jumbotron__more {
  margin-top: 15px
}

.kk-container {
  padding: 0
}

.kk-grid {
  display: flex;
  justify-content: space-between
}

.kk-front-grid__item {
  width: 50%;
  height: calc(100vh - 194.45px)
}

.kk-front-grid__view {
  width: 100%;
  height: 45vh
}

.kk-front-grid__view img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 70%
}

.kk-front-grid__txt {
  height: 30vh;
  padding: 0 20px;
  text-align: center
}

.kk-front-grid__txt-logo {
  width: 280px;
  margin: 20px auto
}

.kk-front-grid__txt-logo img {
  width: 100%
}

.kk-front-oike .kk-front-grid__txt-logo {
  width: 220px;
  margin: 10px auto 14px
}

.kk-front-grid__txt-name {
  margin: 20px 0 40px;
  font-size: 24px;
  font-weight: 700
}

.kk-front-grid__txt-desc {
  font-size: 20px
}

.kk-front-grid__txt-angle {
  width: 43px;
  height: 43px;
  margin: 0 auto;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg)
}

.kk-front-grid__txt-angle a {
  display: inline-block;
  width: 100%;
  height: 100%
}

.kk-front-gojo {
  border: 1px solid #aa222a
}

.kk-front-gojo .kk-front-grid__txt-angle {
  border-right: 1px solid #aa222a;
  border-bottom: 1px solid #aa222a
}

.kk-front-oike {
  background: url(../img/kimono-kankou/oike_bg.jpg) center/cover no-repeat
}

.kk-front-oike .kk-front-grid__txt-desc {
  color: #fff
}

.kk-store {
  width: 100%;
  max-width: 1280px;
  margin: 100px auto 0;
  padding: 80px 25px 33px
}

.kk-store__thumb {
  margin: 50px 0
}

.kk-store__thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.slick-arrow {
  position: absolute;
  top: 47%;
  z-index: 100;
  width: 9.5%;
  height: 275px;
  padding: 4px 8px;
  background: rgba(255, 255, 255, .6);
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  cursor: pointer
}

.slick-arrow img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px
}

.slider-next {
  right: 0
}

.kk-store__heading {
  margin: 65px 0 56px;
  text-align: center;
  font-size: 32px;
  font-weight: 700
}

.kk-storename {
  margin: 0 0 56px
}

.kk-store__desc {
  margin-top: 50px;
  text-align: center;
  font-size: 20px
}

.kk-store__place {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px
}

.kk-store__txt {
  font-size: 16px
}

.kk-store__txt p {
  line-height: 1.8
}

.kk-store__view {
  width: 45%
}

.kk-store-place__grid {
  width: 50%
}

.kk-store__view img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.kk-store__selector {
  width: 50%;
  margin-top: 32px;
  text-align: center;
  font-size: 20px
}

.kk-store__selector .__trigger {
  position: relative;
  border: 2px solid
}

.kk-store__selector .__trigger p {
  width: 100%;
  padding: 4px 0
}

.kk-store__selector .__trigger i {
  position: absolute;
  top: 15px;
  transform: translateY(-50%);
  right: 10px
}

.kk-store__selector .__child {
  background-color: #fff;
  position: absolute;
  left: -2px;
  display: block;
  width: 100%;
  margin: 0;
  padding-left: 0;
  border: 2px solid #999;
  list-style-type: none
}

.kk-store__selector .__child a {
  display: block;
  width: 100%;
  padding: 10px 0;
  color: #000;
  text-decoration: none
}

.kk-store__info {
  width: 100%;
  margin: 50px auto 123px;
  padding-top: 5px
}

.kk-store__info dl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  padding: 30px 20px;
  border-bottom: 1px solid
}

.kk-store__info dl dt {
  font-size: 20px;
  font-weight: 700
}

.kk-store__info dl dd {
  margin-left: 3em;
  font-size: 20px
}

.kk-store__info dl dd a {
  color: #000
}

.kk-store__info dl:first-of-type {
  border-top: 1px solid
}

.kk-store__map,
.kk-store__map .__view {
  width: 100%
}

.kk-store__map .__view iframe {
  width: 100%;
  height: 450px
}

.kk-store__map .__link {
  margin-top: 10px;
  text-align: right;
  font-size: 20px
}

.kk-store__map .__link a {
  color: #aa222a
}

.kk-store__map .__link-oike a {
  color: #f8f400
}

.kk-store__box {
  position: relative;
  display: block;
  width: 50%;
  margin: 81px auto 0;
  padding: 20px 0;
  background-color: #000;
  color: #fff;
  text-align: center
}

.kk-store__box p {
  margin: 0;
  line-height: 1.5
}

.kk-store__box .__title {
  font-size: 24px;
  font-weight: 700
}

.kk-store__box .__note {
  font-size: 20px
}

.kk-store__box .__line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 65px;
  height: 7px;
  background-color: #fff
}

.uk-offcanvas,
.uk-offcanvas-bar {
  top: 0;
  left: 0;
  position: fixed;
  bottom: 0
}

.kk-store-oike {
  background: url(../img/kimono-kankou/oike_bg.jpg) center/contain;
  color: #fff
}

.kk-store-oike .__child a,
.kk-store-oike .__trigger a {
  color: #fff
}

.kk-store-oike dd a {
  color: #f8f400 !important
}

.uk-offcanvas {
  display: none;
  right: 0;
  z-index: 1000;
  touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.uk-offcanvas.uk-active {
  display: block
}

.uk-offcanvas-page {
  position: fixed;
  -webkit-transition: margin-left .3s ease-in-out;
  transition: margin-left .3s ease-in-out;
  margin-left: 0 !important
}

.uk-offcanvas-bar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: 1010;
  width: calc(100vw - 60px);
  max-width: 100%;
  background: #333;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform .3s ease-in-out !important;
  transition: transform .3s ease-in-out !important;
  -ms-scroll-chaining: none;
  border-left: 6px solid #cb5f12
}

.__lv2 .uk-offcanvas-bar {
  border-left-color: #b0b35c
}

.__lv2 .uk-offcanvas-bar .drawer_list {
  border-top-color: #b0b35c
}

.__lv3 .uk-offcanvas-bar {
  border-left-color: #726d40
}

.__lv3 .uk-offcanvas-bar .drawer_list {
  border-top-color: #726d40
}

.__lv4 .uk-offcanvas-bar {
  border-left-color: #222021
}

.__lv4 .uk-offcanvas-bar .drawer_list {
  border-top-color: #222021
}

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.uk-offcanvas-bar-flip {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.uk-offcanvas .uk-panel {
  margin: 20px 15px;
  color: #777
}

.uk-offcanvas .uk-panel a:not([class]),
.uk-offcanvas .uk-panel-title {
  color: #ccc
}

.uk-offcanvas .uk-panel a:not([class]):hover {
  color: #fff
}

#__bs_notify__ {
  display: none !important
}

.resp_show {
  display: none;
  visibility: hidden
}

.resp_hide {
  visibility: visible
}

.resp_hide.inline {
  display: inline
}

.resp_hide.inline-block {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1
}

.resp_hide.block {
  display: block
}

.drawer_btn {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  position: fixed;
  z-index: 1020;
  top: 15px;
  right: 15px;
  cursor: pointer
}

.drawer_btn a {
  display: block;
  width: 24px;
  height: 17px;
  position: relative
}

body.uk-offcanvas-page .drawer_btn a {
  width: 20px
}

.drawer_btn a:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.drawer_btn i {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.drawer_btn i:nth-child(1) {
  top: 0
}

.drawer_btn i:nth-child(2) {
  top: 9px
}

.drawer_btn i:nth-child(3) {
  top: 18px
}

body.uk-offcanvas-page .drawer_btn i {
  background-color: #000
}

body.uk-offcanvas-page .drawer_btn i:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}

body.uk-offcanvas-page .drawer_btn i:nth-child(2) {
  opacity: 0
}

body.uk-offcanvas-page .drawer_btn i:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.drawer_direction_nav a:after,
.sp-full-screen-button {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg)
}

.drawer_btn.fix_header a i {
  background: #000
}

.drawer_nav+.drawer_close {
  display: none;
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 1030;
  top: 5px;
  right: 5px
}

.drawer_nav.uk-active+.drawer_close {
  display: block
}

.drawer_nav .uk-offcanvas-bar {
  -webkit-box-shadow: -2px 0 5px rgba(0, 0, 0, .1);
  -moz-box-shadow: -2px 0 5px rgba(0, 0, 0, .1);
  -ms-box-shadow: -2px 0 5px rgba(0, 0, 0, .1);
  box-shadow: -2px 0 5px rgba(0, 0, 0, .1);
  background-color: #f4f8d7;
  padding: 50px 15px 0
}

.drawer_direction_nav a {
  box-sizing: content-box;
  padding: 15px;
  margin: 0 -15px;
  border-top: 1px solid rgba(255, 255, 255, .4);
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  display: block;
  position: relative
}

.drawer_direction_nav a:after {
  content: "";
  border: 2px solid #cb5f12;
  border-left: none;
  border-bottom: none;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.drawer_direction_nav a.has--descendant:after {
  display: none
}

.drawer_direction_nav a .__suf {
  font-size: 14px;
  font-size: 1.4rem;
  height: 14px;
  color: #cb5f12;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto
}

.slider-pro,
.sp-mask,
.sp-slides,
.sp-slides-container {
  position: relative
}

.drawer_direction_nav .drawer_list {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 1px solid #cb5f12;
  padding: 0 15px;
  margin: 0 -15px
}

.sp-image,
.sp-thumbnail {
  border: none
}

.drawer_direction_nav li:nth-child(odd)>a {
  background-color: rgba(0, 0, 0, .02)
}

.uk-offcanvas-returner {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 700;
  display: block;
  padding: 15px 0;
  cursor: pointer
}

.uk-offcanvas-returner .__pre {
  font-size: 13px;
  font-size: 1.3rem;
  color: #cb5f12;
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -.1em
}

.sp-image-container,
.sp-mask,
.sp-no-js,
.sp-thumbnail-container {
  overflow: hidden
}

/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
.slider-pro {
  margin: 0 auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.sp-slides {
  -webkit-perspective: 1000
}

.sp-slide {
  position: absolute
}

.sp-image {
  position: relative;
  display: block
}

.sp-no-js {
  max-width: 100%
}

.sp-thumbnails-container {
  position: relative;
  overflow: hidden;
  direction: ltr
}

.sp-left-thumbnails,
.sp-right-thumbnails,
.sp-top-thumbnails {
  position: absolute;
  top: 0
}

.sp-bottom-thumbnails,
.sp-top-thumbnails {
  left: 0;
  margin: 0 auto
}

.sp-top-thumbnails {
  margin-bottom: 4px
}

.sp-bottom-thumbnails {
  margin-top: 4px
}

.sp-right-thumbnails {
  right: 0;
  margin-left: 4px
}

.sp-left-thumbnails {
  left: 0;
  margin-right: 4px
}

.sp-thumbnails {
  position: relative
}

.sp-thumbnail-container {
  position: relative;
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.sp-rtl .sp-thumbnail-container {
  float: right
}

.sp-bottom-thumbnails .sp-thumbnail-container,
.sp-top-thumbnails .sp-thumbnail-container {
  margin-left: 2px;
  margin-right: 2px
}

.sp-bottom-thumbnails .sp-thumbnail-container:first-child,
.sp-top-thumbnails .sp-thumbnail-container:first-child {
  margin-left: 0
}

.sp-bottom-thumbnails .sp-thumbnail-container:last-child,
.sp-top-thumbnails .sp-thumbnail-container:last-child {
  margin-right: 0
}

.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
  margin-top: 2px;
  margin-bottom: 2px
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
  margin-top: 0
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
  margin-bottom: 0
}

.sp-right-thumbnails.sp-has-pointer {
  margin-left: -13px
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  left: 18px;
  margin-left: 0 !important
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 5px solid red;
  left: 0;
  top: 0;
  margin-left: 13px
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  margin-top: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  left: 0;
  top: 50%;
  border-right: 13px solid red
}

.sp-left-thumbnails.sp-has-pointer {
  margin-right: -13px
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  right: 18px
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 5px solid red;
  right: 0;
  top: 0;
  margin-right: 13px
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  right: 0;
  top: 50%;
  border-left: 13px solid red
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  height: 0;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute
}

.sp-bottom-thumbnails.sp-has-pointer {
  margin-top: -13px
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  top: 18px;
  margin-top: 0 !important
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 5px solid red;
  top: 0;
  margin-top: 13px
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  width: 0;
  top: 0;
  border-bottom: 13px solid red
}

.sp-top-thumbnails.sp-has-pointer {
  margin-bottom: -13px
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  bottom: 18px
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 5px solid red;
  bottom: 0;
  margin-bottom: 13px
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  width: 0;
  bottom: 0;
  border-top: 13px solid red
}

.sp-layer {
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased
}

.sp-black {
  color: #FFF;
  background: #000;
  background: rgba(0, 0, 0, .7)
}

.sp-white {
  color: #000;
  background: #fff;
  background: rgba(255, 255, 255, .7)
}

.sp-rounded {
  border-radius: 10px
}

.sp-padding {
  padding: 10px
}

.sp-grab {
  cursor: url(images/openhand.cur), move
}

.sp-grabbing {
  cursor: url(images/closedhand.cur), move
}

.sp-selectable {
  cursor: default
}

.sp-caption-container {
  text-align: center;
  margin-top: 10px
}

.sp-full-screen {
  margin: 0 !important;
  background-color: #000
}

.sp-full-screen-button {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  transform: rotate(45deg)
}

.sp-full-screen-button:before {
  content: '\2195'
}

.sp-fade-full-screen {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}

.slider-pro:hover .sp-fade-full-screen {
  opacity: 1
}

.sp-buttons {
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 20px
}

.sp-rtl .sp-buttons {
  direction: rtl
}

.sp-full-screen .sp-buttons {
  display: none
}

.sp-button {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #aaa;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}

.sp-selected-button {
  background-color: #aa222a
}

.sp-thumbnail-arrows {
  position: absolute
}

.sp-fade-thumbnail-arrows {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
  opacity: 1
}

.sp-bottom-thumbnails .sp-thumbnail-arrows,
.sp-top-thumbnails .sp-thumbnail-arrows {
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -12px
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -7px
}

.sp-thumbnail-arrow {
  position: absolute;
  display: block;
  width: 15px;
  height: 25px;
  cursor: pointer
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.sp-top-thumbnails .sp-previous-thumbnail-arrow {
  left: 0
}

.sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.sp-top-thumbnails .sp-next-thumbnail-arrow {
  right: 0
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
  top: 0
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
  bottom: 0
}

.sp-next-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-previous-thumbnail-arrow:before {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF
}

.sp-previous-thumbnail-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg)
}

.sp-previous-thumbnail-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg)
}

.sp-next-thumbnail-arrow:before {
  right: 30%;
  top: 0;
  -webkit-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg)
}

.sp-next-thumbnail-arrow:after {
  right: 30%;
  top: 50%;
  -webkit-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg)
}

.ie7 .sp-thumbnail-arrow,
.ie8 .sp-thumbnail-arrow {
  width: 0;
  height: 0
}

.ie7 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie8 .sp-thumbnail-arrow:before {
  content: none
}

.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow {
  border-right: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent
}

.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow {
  border-left: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent
}

.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  border-bottom: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent
}

.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
  border-top: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent
}

a.sp-video img {
  border: none
}

a.sp-video:after {
  content: '\25B6';
  position: absolute;
  width: 45px;
  padding-left: 5px;
  height: 50px;
  border: 2px solid #FFF;
  text-align: center;
  font-size: 30px;
  border-radius: 30px;
  top: 0;
  color: #FFF;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .2);
  margin: auto;
  line-height: 52px
}

.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
  max-width: none;
  max-height: none;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -mox-box-shadow: none !important;
  box-shadow: none !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none
}

.slider-pro a {
  position: static;
  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important
}

.slider-pro canvas,
.slider-pro embed,
.slider-pro iframe,
.slider-pro object,
.slider-pro video {
  max-width: none;
  max-height: none
}

.slider-pro p.sp-layer {
  font-size: 14px;
  line-height: 1.4;
  margin: 0
}

.slider-pro h1.sp-layer {
  font-size: 32px;
  line-height: 1.4;
  margin: 0
}

.slider-pro h2.sp-layer {
  font-size: 24px;
  line-height: 1.4;
  margin: 0
}

.slider-pro h3.sp-layer {
  font-size: 19px;
  line-height: 1.4;
  margin: 0
}

.slider-pro h4.sp-layer {
  font-size: 16px;
  line-height: 1.4;
  margin: 0
}

.slider-pro h5.sp-layer {
  font-size: 13px;
  line-height: 1.4;
  margin: 0
}

.slider-pro h6.sp-layer {
  font-size: 11px;
  line-height: 1.4;
  margin: 0
}

.slider-pro img.sp-layer {
  border: none
}

.sp-next-arrow,
.sp-previous-arrow {
  cursor: pointer;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  width: 44px;
  height: 44px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
  content: "";
  width: 8px;
  height: 25%;
  position: absolute;
  background-color: #222021;
  left: 0;
  right: 0;
  margin: auto
}

.sp-next-arrow:before,
.sp-previous-arrow:before {
  top: 49.5%
}

.sp-next-arrow:after,
.sp-previous-arrow:after {
  bottom: 49.5%
}

.sp-previous-arrow {
  left: 70px
}

.sp-previous-arrow:before {
  -webkit-transform: skewX(40deg);
  -moz-transform: skewX(40deg);
  -ms-transform: skewX(40deg);
  -o-transform: skewX(40deg);
  transform: skewX(40deg)
}

.sp-previous-arrow:after {
  -webkit-transform: skewX(-40deg);
  -moz-transform: skewX(-40deg);
  -ms-transform: skewX(-40deg);
  -o-transform: skewX(-40deg);
  transform: skewX(-40deg)
}

.sp-next-arrow {
  right: 70px
}

.sp-next-arrow:before {
  -webkit-transform: skewX(-40deg);
  -moz-transform: skewX(-40deg);
  -ms-transform: skewX(-40deg);
  -o-transform: skewX(-40deg);
  transform: skewX(-40deg)
}

.sp-next-arrow:after {
  -webkit-transform: skewX(40deg);
  -moz-transform: skewX(40deg);
  -ms-transform: skewX(40deg);
  -o-transform: skewX(40deg);
  transform: skewX(40deg)
}

@media only screen and (min-width:320px) and (max-width:568px){
  .sp-button {
    width: 10px;
    height: 10px
  }
}

@media only screen and (min-width:568px) and (max-width:768px){
  .sp-button {
    width: 10px;
    height: 10px
  }
}

@media screen and (min-width:751px){
  a {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  a:hover {
    filter: alpha(Opacity=70);
    opacity: .7
  }
  .default-btn {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .default-btn:hover {
    filter: alpha(Opacity=100);
    opacity: 1
  }
  .outline-btn {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .outline-btn:hover {
    filter: alpha(Opacity=100);
    opacity: 1
  }
  .tag {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tag:hover {
    filter: alpha(Opacity=100);
    opacity: 1
  }
  .site-footer__nav {
    margin-left: calc(((100vw - 100%)/ 2) * -1);
    margin-right: calc(((100vw - 100%)/ 2) * -1);
    padding-left: calc((100vw - 980px)/ 2);
    padding-right: calc((100vw - 980px)/ 2);
    padding-bottom: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row
  }

  @supports (--css:variables) {
    .site-footer__nav {
      margin-left: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      margin-right: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      padding-left: calc((var(--vw, 100vw) - 980px)/ 2);
      padding-right: calc((var(--vw, 100vw) - 980px)/ 2)
    }
  }

  *+.site-footer__nav {
    padding-top: 10px;
    border-top: 1px solid #666;
    margin-top: 30px
  }

  .site-footer__nav a {
    text-decoration: underline
  }
  .site-footer__nav a {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .site-footer__nav a:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
    color: #aa222a;
    text-decoration: none
  }
  .site-footer__nav .__grid {
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%
  }

  .site-footer__nav .__column+.__column {
    margin-top: 30px
  }

  .site-footer__nav .__column .__label {
    font-size: 13px;
    font-size: 1.3rem;
    cursor: auto !important;
    font-weight: 700
  }

  .site-footer__nav .__column .__lv2 li {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.45
  }

  .site-footer__nav .__column .__lv2 li:after,
  .site-footer__nav .__column .__lv2 li:before {
    content: "";
    display: table
  }

  .site-footer__nav .__column .__lv2 li:before {
    margin-top: -.225em
  }

  .site-footer__nav .__column .__lv2 li:after {
    margin-bottom: -.225em
  }

  .site-footer__nav .__column .__lv2 li * {
    line-height: inherit
  }

  .site-footer__nav .__pane {
    display: block !important
  }
  .site-footer__own>.__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-left: -20px
  }

  .site-footer__own>.__grid>.__column {
    margin-left: 20px
  }

  .site-footer__own>.__grid>.__left {
    -webkit-flex: 1;
    flex: 1
  }

  .site-footer__own>.__grid>.__right {
    width: 250px
  }
  .site-footer__corp:after {
    content: "";
    display: table;
    clear: both
  }
  .site-footer__address a {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .site-footer__address a:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
    color: #aa222a;
    text-decoration: none
  }

  .site-footer__contact {
    float: right;
    width: calc(100% - 340px)
  }
  .site-footer__contact a {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .site-footer__contact a:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
    color: #aa222a;
    text-decoration: none
  }

  .site-footer__brands>*+* {
    margin-top: 5px
  }

  .site-footer__copyright {
    margin-left: calc(((100vw - 100%)/ 2) * -1);
    margin-right: calc(((100vw - 100%)/ 2) * -1);
    padding-left: calc((100vw - 980px)/ 2);
    padding-right: calc((100vw - 980px)/ 2)
  }

  @supports (--css:variables) {
    .site-footer__copyright {
      margin-left: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      margin-right: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      padding-left: calc((var(--vw, 100vw) - 980px)/ 2);
      padding-right: calc((var(--vw, 100vw) - 980px)/ 2)
    }
  }
  .site-container {
    padding-top: 0
  }
  .home-pick__item {
    width: 526px
  }

  .home-pick__item a {
    display: block
  }

  .home-pick .sp-mask {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
  }
  .home-concept {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 80px
  }
  .home-concept__heading {
    font-size: 40px;
    font-size: 4rem
  }

  .home-concept__heading:after {
    content: "";
    background-color: #fff;
    display: block;
    width: 40px;
    height: 3px;
    margin: 40px auto
  }

  .home-concept__body {
    text-align: center
  }
  .home-choose .fn-accordion__body {
    display: block !important;
    height: auto !important
  }

  .home-choose-btn__collision {
    cursor: default !important;
    margin-top: 40px
  }
  .home-choose-objective {
    margin-left: calc(((100vw - 100%)/ 2) * -1);
    margin-right: calc(((100vw - 100%)/ 2) * -1);
    padding-left: calc((100vw - 980px)/ 2);
    padding-right: calc((100vw - 980px)/ 2)
  }

  @supports (--css:variables) {
    .home-choose-objective {
      margin-left: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      margin-right: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      padding-left: calc((var(--vw, 100vw) - 980px)/ 2);
      padding-right: calc((var(--vw, 100vw) - 980px)/ 2)
    }
  }
  .home-choose-objective {
    padding-left: 30px !important;
    padding-right: 30px !important;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row
  }

  .home-choose-objective>* {
    width: calc(25% - 2.5px)
  }
  .home-category {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: calc(100% + 5px);
    margin-left: -5px
  }

  .home-category>* {
    width: calc(20% - 5px);
    padding-left: 5px
  }

  .home-category-section {
    overflow: hidden
  }
  .home-category-section__grid>.__view {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .home-category-section__grid>.__view:hover {
    filter: alpha(Opacity=100);
    opacity: 1
  }

  .home-category-section__grid>.__view:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
  }
  .home-category-section__contents {
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
  }

  .home-category-section.opened .home-category-section__contents {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }

  .home-category-section__contents .__layer {
    margin-top: -10px
  }

  .home-category-section__contents .__layer>* {
    margin-top: 10px
  }
  .home-category-section__contents .default-btn {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .home-category-section__contents .default-btn:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
    border-color: #aa222a;
    color: #aa222a
  }

  .home-category-section__contents .default-btn:hover>.__suf:before {
    border-color: #aa222a
  }
  .home-map-section__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 10px
  }

  .home-map-section__grid>* {
    width: calc(1 / 3 * 100% - 10px);
    margin-top: 20px
  }

  .home-map-section__grid>:first-child:last-child {
    margin-left: auto;
    margin-right: auto
  }

  .home-map-section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .home-contact-section__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row
  }

  .home-contact-section__grid>* {
    width: calc(1 / 3 * 100% - 2px)
  }

  .home-contact-section__tel a {
    pointer-events: none
  }
  .home-choose-store {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 0
  }

  .home-choose-store>* {
    margin-top: 6px;
    width: calc(50% - 3px)
  }
  .kk-store .slider-container {
    margin-left: calc(((100vw - 100%)/ 2) * -1);
    margin-right: calc(((100vw - 100%)/ 2) * -1);
    padding-left: calc((100vw - 1280px)/ 2);
    padding-right: calc((100vw - 1280px)/ 2)
  }

  @supports (--css:variables) {
    .kk-store .slider-container {
      margin-left: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      margin-right: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      padding-left: calc((var(--vw, 100vw) - 1280px)/ 2);
      padding-right: calc((var(--vw, 100vw) - 1280px)/ 2)
    }
  }
  .kk-store__thumb {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-left: -25px;
    margin-top: 25px
  }

  .kk-store__thumb>* {
    width: calc(1 / 3 * 100% - 25px);
    margin-left: 25px;
    margin-top: 25px
  }
  .kk-store-oike {
    margin-left: calc(((100vw - 100%)/ 2) * -1);
    margin-right: calc(((100vw - 100%)/ 2) * -1);
    padding-left: calc((100vw - 1280px)/ 2);
    padding-right: calc((100vw - 1280px)/ 2)
  }

  @supports (--css:variables) {
    .kk-store-oike {
      margin-left: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      margin-right: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      padding-left: calc((var(--vw, 100vw) - 1280px)/ 2);
      padding-right: calc((var(--vw, 100vw) - 1280px)/ 2)
    }
  }
  .drawer_btn {
    top: 35px
  }
  .drawer_nav+.drawer_close {
    top: 25px
  }

  .drawer_nav .uk-offcanvas-bar {
    padding-top: 90px
  }
  .sp-slides-container {
    overflow: hidden
  }
}

@media screen and (min-width:751px) and (max-width:1024px){
  .wrapper {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
  }
  .home-choose-objective>* {
    width: calc(50% - 2.5px)
  }
  .home-category>* {
    width: calc(1 / 3 * 100% - 5px)
  }
  .home-map-section__grid>* {
    width: 100%
  }
  .home-contact-section__grid>*+* {
    margin-top: 20px
  }

  .home-contact-section__grid>* {
    width: 100%
  }
}

@media screen and (min-width:751px) and (max-width:1040px){
  .site-signature .corporate-lang {
    margin-right: 25px
  }
  .kk-store__thumb>* {
    width: calc(1 / 3 * 100% - 25px)
  }
}

@media screen and (min-width:751px) and (max-width:1340px){
  .home-category__wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important
  }
  .home-map-section__grid {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px !important;
    padding-right: 30px !important
  }
  .home-contact-section__grid {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px !important;
    padding-right: 30px !important
  }

  .kk-store {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .kk-store-oike {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0
  }
}

@media only screen and (min-width:768px) and (max-width:1024px){
  .sp-button {
    width: 10px;
    height: 10px
  }
}

@media screen and (min-width:1025px){
  .wrapper {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
  }
}

@media screen and (min-width:1025px) and (max-width:1330px){
  #gnav .gnav__list.__lv3 {
    width: calc(100% + 25px);
    margin-left: -25px
  }
}

@media screen and (min-width:1041px){
  .drawer_btn {
    display: none
  }
}

@media screen and (min-width:1041px) and (max-width:1340px){
  .kk-store__thumb>* {
    width: calc(1 / 4 * 100% - 25px)
  }
}

@media screen and (min-width:1281px){
  #subnav {
    width: 640px
  }
}

@media screen and (max-width:1340px){
  .resp_show {
    visibility: visible
  }

  .resp_show.viewport.inline {
    display: inline
  }

  .resp_show.viewport.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1
  }

  .resp_show.viewport.block {
    display: block
  }

  .resp_hide.viewport.block,
  .resp_hide.viewport.inline,
  .resp_hide.viewport.inline-block {
    display: none;
    visibility: hidden
  }
}

@media screen and (max-width:1280px){
  .wrapper--wide {
    overflow: hidden;
    max-width: 100%
  }
  .kk-store .slider-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px
  }
  .kk-store-oike {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px
  }
}

@media screen and (max-width:1040px){
  .site-signature__inner {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
  }
  #gnav {
    display: none
  }
  .home-pick__container {
    padding-left: 0;
    padding-right: 0
  }
  .resp_show {
    visibility: visible
  }

  .resp_show.mobile.inline {
    display: inline
  }

  .resp_show.mobile.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1
  }

  .resp_show.mobile.block {
    display: block
  }

  .resp_hide.mobile.block,
  .resp_hide.mobile.inline,
  .resp_hide.mobile.inline-block {
    display: none;
    visibility: hidden
  }
}

@media screen and (max-width:1024px){
  .resp_show {
    visibility: visible
  }

  .resp_show.tablet.inline {
    display: inline
  }

  .resp_show.tablet.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1
  }

  .resp_show.tablet.block {
    display: block
  }

  .resp_hide.tablet.block,
  .resp_hide.tablet.inline,
  .resp_hide.tablet.inline-block {
    display: none;
    visibility: hidden
  }
}

@media screen and (max-width:980px){
  .wrapper--pc {
    overflow: hidden;
    max-width: 100%
  }
  .site-footer__nav {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px
  }
  .site-footer__copyright {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px
  }
  .home-choose-objective {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px
  }
}

@media screen and (max-width:750px){
  .wrapper {
    padding-left: 15px;
    padding-right: 15px
  }
  .tag {
    line-height: 15px;
    padding-left: 3px;
    padding-right: 3px
  }

  .tag.min {
    line-height: 11px
  }

  .tag.max {
    line-height: 18px
  }

  .tag.corner100p {
    border-radius: 18px
  }
  .site-signature__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: auto
  }
  .tag {
    font-size: 10px;
    font-size: 1rem
  }

  .site-signature__concept {
    display: none
  }
  .site-signature__corporate {
    padding: 5px 0
  }

  .site-signature .corporate-lang {
    margin-right: 35px;
    padding-left: 10px
  }
  .site-footer__inner {
    width: auto;
    padding: 0 15px 20px
  }
  .site-footer__nav {
    border-bottom: 1px solid #666;
    background: 0 0;
    padding-left: 15px;
    padding-right: 15px
  }

  .site-footer__nav .__item {
    font-size: 15px;
    font-size: 1.5rem
  }

  .site-footer__nav .__item .__label,
  .site-footer__nav .__item a {
    display: block;
    color: #000;
    line-height: 1.45;
    padding: 18px 25px 18px 15px;
    text-decoration: none
  }

  .site-footer__nav .__item:not(.valid--accordion) a,
  .site-footer__nav .__item:not(.valid--accordion)>.__label {
    position: relative
  }

  .site-footer__nav .__item:not(.valid--accordion) a:after,
  .site-footer__nav .__item:not(.valid--accordion)>.__label:after {
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    border: 2px solid #000;
    border-left: none;
    border-top: none;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 19px;
    top: 0;
    bottom: 0;
    margin: auto
  }

  .site-footer__nav .__item.valid--accordion>.__label,
  .site-footer__nav .__item.valid--accordion>a {
    position: relative
  }

  .site-footer__nav .__item.valid--accordion>.__label:after,
  .site-footer__nav .__item.valid--accordion>.__label:before,
  .site-footer__nav .__item.valid--accordion>a:after,
  .site-footer__nav .__item.valid--accordion>a:before {
    content: "";
    background-color: #000;
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto
  }

  .site-footer__nav .__item br,
  .site-footer__nav .__item.opened>.__label:before,
  .site-footer__nav .__item.opened>a:before {
    display: none
  }

  .site-footer__nav .__item.valid--accordion>.__label:before,
  .site-footer__nav .__item.valid--accordion>a:before {
    width: 2px;
    height: 10px;
    margin-right: 4px
  }

  .site-footer__nav .__item.valid--accordion>.__label:after,
  .site-footer__nav .__item.valid--accordion>a:after {
    width: 10px;
    height: 2px
  }

  .site-footer__nav .__lv1>.__item {
    max-width: none;
    margin-left: -15px;
    margin-right: -15px;
    border-top: 1px solid #666
  }

  .site-footer__nav .__lv1>.__item.on--active>* {
    color: #aa222a
  }

  .site-footer__nav .__lv2 {
    background-color: #dadbdf
  }

  .site-footer__nav .__lv2 li:last-child {
    border-bottom: none
  }

  .site-footer__nav .__lv2 li a {
    font-size: 12px;
    font-size: 1.2rem;
    border-top: 1px solid #666
  }
  .site-footer__own>.__grid>*+* {
    margin-top: 20px
  }

  .site-footer__corp {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: column;
    flex-direction: column
  }

  .site-footer__corp .site-footer__signature {
    -webkit-order: -1;
    order: -1
  }

  .site-footer__logo {
    display: none
  }

  .site-footer__signature {
    margin-top: 0
  }

  .site-footer__signature .__logo {
    font-size: 20px;
    font-size: 2rem
  }
  .site-footer__address {
    display: none
  }

  .site-footer__link a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px
  }

  .site-footer__lang {
    -webkit-order: 2;
    order: 2
  }
  .site-footer__social {
    margin-left: -15px
  }
  .site-footer__social>* {
    margin-left: 15px
  }

  .site-footer__social i {
    font-size: 20px;
    font-size: 2rem
  }

  .site-footer__social {
    -webkit-order: -1;
    order: -1
  }

  .site-footer__contact {
    -webkit-order: 1;
    order: 1;
    margin-top: 15px
  }

  .site-footer__brands>* a {
    height: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column
  }
  .site-footer__brands>* a {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px
  }
  .site-footer__brands img {
    max-width: 260px;
    max-height: 100%;
    height: 40px;
    width: auto;
    vertical-align: middle
  }

  .site-footer__copyright {
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 40px
  }

  .site-footer__copyright small {
    display: block
  }
  .corporate-nav {
    display: none
  }

  .corporate-lang select,
  .corporate-nav select {
    max-width: none;
    width: 130%;
    margin-left: -15%;
    -webkit-transform: scale(.7, .7);
    -moz-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    -o-transform: scale(.7, .7);
    transform: scale(.7, .7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 5px
  }

  .home-main-area,
  .home-main-area .home-main-area__view,
  .home-main-area .sp-mask,
  .home-main-area .sp-slide,
  .home-main-area .sp-slides,
  .home-main-area .sp-slides-container,
  .home-main-area__slider {
    min-height: calc(100vh - var(--headerH))
  }
  .home-pick {
    height: 144px;
    padding-left: 0;
    padding-right: 0
  }
  .home-concept {
    display: none
  }
  .home-choose-btn__collision {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    border: 2px solid #aa222a;
    position: relative
  }

  .home-choose-btn__collision:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0;
    border-color: #aa222a transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;
    margin: auto
  }

  .home-choose-btn.opened,
  .home-choose-btn.opened .home-choose-btn__collision {
    color: #fff
  }

  .home-choose-btn.opened .home-choose-btn__collision {
    background-color: #aa222a;
    padding-bottom: 20px
  }

  .home-choose-btn.opened .home-choose-btn__collision:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 7px;
    border-color: transparent transparent #fff;
    bottom: -2px
  }

  .home-banner-objective+.home-banner-objective {
    margin-top: 5px
  }
  .home-category-section__contents {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    filter: alpha(Opacity=0);
    opacity: 0;
    z-index: 510;
    max-width: none;
    width: calc(200% + 5px);
    height: calc(100% - 40px);
    pointer-events: none
  }

  .home-category-section__contents .__layer {
    width: 100%;
    padding: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-left: -5.5px;
    margin-top: -5.5px
  }

  .home-category-section__contents .__layer>* {
    min-width: calc(50% - 5.5px);
    -webkit-flex: 1;
    flex: 1;
    white-space: nowrap;
    margin-top: 5.5px;
    margin-left: 5.5px
  }

  .home-category-section:nth-child(odd) .home-category-section__contents {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .home-category-section.opened .home-category-section__contents {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    filter: alpha(Opacity=100);
    opacity: 1;
    max-width: none;
    pointer-events: auto
  }

  .home-category-section.opened:nth-child(even) .home-category-section__contents {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: -2.5px
  }
  .home-contact-section+.home-contact-section {
    margin-top: 15px
  }
  .home-choose-store>.__item+.__item:before {
    content: "";
    display: block;
    background-color: #e8e8e8;
    height: 1px;
    width: 100%;
    margin: 15px 0
  }
  .kk-grid {
    justify-content: flex-start;
    flex-wrap: wrap
  }

  .kk-grid__item {
    width: 100%
  }

  .kk-front-grid {
    width: 100vw;
    height: 100vh
  }
  .kk-front-grid__item {
    width: 100%;
    height: calc(50vh - 23.5px)
  }
  .kk-front-grid__view {
    height: 23vh
  }

  .kk-front-grid__view img {
    object-position: 50% 70%
  }
  .kk-front-grid__txt {
    height: 24vh
  }

  .kk-front-grid__txt-logo {
    width: 40%;
    margin: 0 auto
  }
  .kk-front-oike .kk-front-grid__txt-logo {
    width: 86px
  }

  .kk-front-grid__txt-name {
    margin: 10px 0 27px;
    font-size: 16px
  }
  .kk-front-grid__txt-desc {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 auto
  }

  .kk-front-grid__txt-desc p {
    line-height: 1.5
  }

  .kk-front-grid__txt-angle {
    width: 21.5px;
    height: 21.5px
  }
  .kk-store {
    margin: 8px auto;
    padding: 1px 15px 17px
  }
  .kk-store .slider-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    max-width: none
  }

  .kk-store__thumb {
    display: block
  }

  .kk-store__thumb-item {
    height: 275px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
  }

  .kk-store__thumb-item img {
    display: inline-block
  }

  .slick-counter {
    text-align: center
  }
  .kk-store__heading {
    margin: 32.5px 0 28px;
    font-size: 16px
  }
  .kk-store__desc {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 25px;
    text-align: left
  }

  .kk-store__desc p {
    line-height: 1.5
  }
  .kk-store__place {
    display: block;
    margin-top: 0
  }

  .kk-store__txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 15px;
    line-height: 1.5
  }

  .kk-store__txt p {
    line-height: 1.8
  }

  .kk-store-place__grid {
    width: 100%
  }

  .kk-store__view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: none;
    width: auto;
    height: 216px;
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px
  }
  .kk-store__selector {
    width: 200px;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 16px auto 51px
  }

  .kk-store__selector .__trigger>:first-child {
    position: relative
  }

  .kk-store__selector .__trigger>:first-child a {
    padding: 5px
  }

  .kk-store__selector .__trigger>:first-child i {
    height: 10px;
    top: 2px;
    bottom: 0;
    margin: auto
  }

  .kk-store__selector .__child {
    max-width: none;
    width: calc(100% + 4px);
    background-color: #fff
  }

  .kk-store__selector .__child:after,
  .kk-store__selector .__child:before {
    content: "";
    display: block;
    height: 10px
  }

  .kk-store__selector .__child a {
    color: #000 !important;
    padding: 10px
  }
  .kk-store__info {
    margin: 0 auto 61.5px
  }

  .kk-store__info dl {
    display: block;
    margin: 0;
    padding: 15px 10px
  }

  .kk-store__info dl dt {
    font-size: 14px;
    font-size: 1.4rem
  }
  .kk-store__info dl dd {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
    line-height: 1.45;
    margin-left: inherit
  }

  .kk-store__map .__view iframe {
    height: 300px
  }
  .kk-store__map .__link {
    margin-top: 5px;
    font-size: 10px
  }
  .kk-store__box {
    width: 100%
  }

  .kk-store__box .__title {
    font-size: 14px;
    font-size: 1.4rem
  }
  .kk-store__box .__note {
    font-size: 10px
  }

  .kk-store__box .__line {
    width: 32.5px;
    height: 3.5px
  }

  .kk-store-oike {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0
  }
  .resp_show {
    visibility: visible
  }

  .resp_show.sp.inline {
    display: inline
  }

  .resp_show.sp.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1
  }

  .resp_show.sp.block {
    display: block
  }

  .resp_hide.sp.block,
  .resp_hide.sp.inline,
  .resp_hide.sp.inline-block {
    display: none;
    visibility: hidden
  }
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    height: auto
  }

  .gm-style,
  .gm-style *,
  .resp-table__wrapper>table,
  .slick-track,
  .slick-track *,
  .sp-slides,
  .sp-slides *,
  .swiper-wrapperm,
  .swiper-wrapperm * {
    max-width: none
  }

  .resp-table__wrapper {
    overflow-x: scroll;
    padding-bottom: 10px
  }

  .sp-next-arrow,
  .sp-previous-arrow {
    width: 30px;
    height: 30px
  }

  .sp-next-arrow:after,
  .sp-next-arrow:before,
  .sp-previous-arrow:after,
  .sp-previous-arrow:before {
    width: 4px
  }

  .sp-previous-arrow {
    left: -10px
  }

  .sp-next-arrow {
    right: -10px
  }
}

@media print{

  blockquote,
  img,
  pre,
  tr {
    page-break-inside: avoid
  }

  * {
    background: 0 0 !important;
    color: #000 !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important
  }

  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""
  }

  blockquote,
  pre {
    border: 1px solid #999
  }

  thead {
    display: table-header-group
  }

  @page {
    margin: .5cm
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }
  .wrapper {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
  }
  a {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  a:hover {
    filter: alpha(Opacity=70);
    opacity: .7
  }
  .default-btn {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .default-btn:hover {
    filter: alpha(Opacity=100);
    opacity: 1
  }
  .outline-btn {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .outline-btn:hover {
    filter: alpha(Opacity=100);
    opacity: 1
  }
  .tag {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .tag:hover {
    filter: alpha(Opacity=100);
    opacity: 1
  }
  #subnav {
    width: 640px
  }
  .site-footer__nav {
    margin-left: calc(((100vw - 100%)/ 2) * -1);
    margin-right: calc(((100vw - 100%)/ 2) * -1);
    padding-left: calc((100vw - 980px)/ 2);
    padding-right: calc((100vw - 980px)/ 2)
  }

  @supports (--css:variables) {
    .site-footer__nav {
      margin-left: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      margin-right: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      padding-left: calc((var(--vw, 100vw) - 980px)/ 2);
      padding-right: calc((var(--vw, 100vw) - 980px)/ 2)
    }
  }
  .site-footer__nav {
    padding-bottom: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row
  }

  *+.site-footer__nav {
    padding-top: 10px;
    border-top: 1px solid #666;
    margin-top: 30px
  }

  .site-footer__nav a {
    text-decoration: underline;
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .site-footer__nav a:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
    color: #aa222a;
    text-decoration: none
  }

  .site-footer__nav .__grid {
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%
  }

  .site-footer__nav .__column+.__column {
    margin-top: 30px
  }

  .site-footer__nav .__column .__label {
    font-size: 13px;
    font-size: 1.3rem;
    cursor: auto !important;
    font-weight: 700
  }

  .site-footer__nav .__column .__lv2 li {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.45
  }

  .site-footer__nav .__column .__lv2 li:after,
  .site-footer__nav .__column .__lv2 li:before {
    content: "";
    display: table
  }

  .site-footer__nav .__column .__lv2 li:before {
    margin-top: -.225em
  }

  .site-footer__nav .__column .__lv2 li:after {
    margin-bottom: -.225em
  }

  .site-footer__nav .__column .__lv2 li * {
    line-height: inherit
  }

  .site-footer__nav .__pane {
    display: block !important
  }
  .site-footer__own>.__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-left: -20px
  }

  .site-footer__own>.__grid>.__column {
    margin-left: 20px
  }

  .site-footer__own>.__grid>.__left {
    -webkit-flex: 1;
    flex: 1
  }

  .site-footer__own>.__grid>.__right {
    width: 250px
  }

  .site-footer__corp:after {
    content: "";
    display: table;
    clear: both
  }
  .site-footer__address a {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .site-footer__address a:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
    color: #aa222a;
    text-decoration: none
  }

  .site-footer__contact {
    float: right;
    width: calc(100% - 340px)
  }
  .site-footer__contact a {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .site-footer__contact a:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
    color: #aa222a;
    text-decoration: none
  }

  .site-footer__brands>*+* {
    margin-top: 5px
  }
  .site-footer__copyright {
    margin-left: calc(((100vw - 100%)/ 2) * -1);
    margin-right: calc(((100vw - 100%)/ 2) * -1);
    padding-left: calc((100vw - 980px)/ 2);
    padding-right: calc((100vw - 980px)/ 2)
  }

  @supports (--css:variables) {
    .site-footer__copyright {
      margin-left: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      margin-right: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      padding-left: calc((var(--vw, 100vw) - 980px)/ 2);
      padding-right: calc((var(--vw, 100vw) - 980px)/ 2)
    }
  }
  .site-container {
    padding-top: 0
  }
  .home-pick__item {
    width: 526px
  }

  .home-pick__item a {
    display: block
  }
  .home-pick .sp-mask {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
  }
  .home-concept {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 80px
  }
  .home-concept__heading {
    font-size: 40px;
    font-size: 4rem
  }

  .home-concept__heading:after {
    content: "";
    background-color: #fff;
    display: block;
    width: 40px;
    height: 3px;
    margin: 40px auto
  }

  .home-concept__body {
    text-align: center
  }
  .home-choose .fn-accordion__body {
    display: block !important;
    height: auto !important
  }

  .home-choose-btn__collision {
    cursor: default !important;
    margin-top: 40px
  }
  .home-choose-objective {
    margin-left: calc(((100vw - 100%)/ 2) * -1);
    margin-right: calc(((100vw - 100%)/ 2) * -1);
    padding-left: calc((100vw - 980px)/ 2);
    padding-right: calc((100vw - 980px)/ 2)
  }

  @supports (--css:variables) {
    .home-choose-objective {
      margin-left: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      margin-right: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      padding-left: calc((var(--vw, 100vw) - 980px)/ 2);
      padding-right: calc((var(--vw, 100vw) - 980px)/ 2)
    }
  }
  .home-choose-objective {
    padding-left: 30px !important;
    padding-right: 30px !important;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row
  }

  .home-choose-objective>* {
    width: calc(25% - 2.5px)
  }
  .home-category {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: calc(100% + 5px);
    margin-left: -5px
  }

  .home-category>* {
    width: calc(20% - 5px);
    padding-left: 5px
  }

  .home-category-section {
    overflow: hidden
  }
  .home-category-section__grid>.__view {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .home-category-section__grid>.__view:hover {
    filter: alpha(Opacity=100);
    opacity: 1
  }

  .home-category-section__grid>.__view:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
  }
  .home-category-section__contents {
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
  }

  .home-category-section.opened .home-category-section__contents {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }

  .home-category-section__contents .__layer {
    margin-top: -10px
  }

  .home-category-section__contents .__layer>* {
    margin-top: 10px
  }
  .home-category-section__contents .default-btn {
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
  }

  .home-category-section__contents .default-btn:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
    border-color: #aa222a;
    color: #aa222a
  }

  .home-category-section__contents .default-btn:hover>.__suf:before {
    border-color: #aa222a
  }
  .home-map-section__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 10px
  }

  .home-map-section__grid>* {
    width: calc(1 / 3 * 100% - 10px);
    margin-top: 20px
  }

  .home-map-section__grid>:first-child:last-child {
    margin-left: auto;
    margin-right: auto
  }
  .home-map-section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
  .home-contact-section__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row
  }

  .home-contact-section__grid>* {
    width: calc(1 / 3 * 100% - 2px)
  }

  .home-contact-section__tel a {
    pointer-events: none
  }
  .home-choose-store {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-top: 0
  }

  .home-choose-store>* {
    margin-top: 6px;
    width: calc(50% - 3px)
  }
  .kk-store .slider-container {
    margin-left: calc(((100vw - 100%)/ 2) * -1);
    margin-right: calc(((100vw - 100%)/ 2) * -1);
    padding-left: calc((100vw - 1280px)/ 2);
    padding-right: calc((100vw - 1280px)/ 2)
  }

  @supports (--css:variables) {
    .kk-store .slider-container {
      margin-left: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      margin-right: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      padding-left: calc((var(--vw, 100vw) - 1280px)/ 2);
      padding-right: calc((var(--vw, 100vw) - 1280px)/ 2)
    }
  }
  .kk-store__thumb {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-left: -25px;
    margin-top: 25px
  }

  .kk-store__thumb>* {
    width: calc(1 / 3 * 100% - 25px);
    margin-left: 25px;
    margin-top: 25px
  }
  .kk-store-oike {
    margin-left: calc(((100vw - 100%)/ 2) * -1);
    margin-right: calc(((100vw - 100%)/ 2) * -1);
    padding-left: calc((100vw - 1280px)/ 2);
    padding-right: calc((100vw - 1280px)/ 2)
  }

  @supports (--css:variables) {
    .kk-store-oike {
      margin-left: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      margin-right: calc(((var(--vw, 100vw) - 100%)/ 2) * -1);
      padding-left: calc((var(--vw, 100vw) - 1280px)/ 2);
      padding-right: calc((var(--vw, 100vw) - 1280px)/ 2)
    }
  }
  .drawer_btn {
    display: none;
    top: 35px
  }
  .drawer_nav+.drawer_close {
    top: 25px
  }

  .drawer_nav .uk-offcanvas-bar {
    padding-top: 90px
  }
  .sp-slides-container {
    overflow: hidden
  }
}