@charset "utf-8";
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}
legend {
  color: #000;
}
#yui3-css-stamp.cssreset {
  display: none;
}

html,
body {
  position: relative;
  min-width: 1180px;
  font-family: "inconsolata", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 10px;
  line-height: 1;
}
a {
  text-decoration: inherit;
  color: inherit;
}
img,
svg,
video,
iframe,
picture {
  display: block;
  width: 100%;
}
@media screen and (min-width: 737px) {
  .mo_op {
    display: inline-block;
    -webkit-transition: opacity 160ms ease-in-out;
    -moz-transition: opacity 160ms ease-in-out;
    -o-transition: opacity 160ms ease-in-out;
    -ms-transition: opacity 160ms ease-in-out;
    transition: opacity 160ms ease-in-out;
    -webkit-font-smoothing: antialiased;
  }
  .mo_op:hover {
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
  }
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 736px) {
  html,
  body {
    min-width: 320px;
  }
  .pc {
    display: none !important;
  }
}
.column {
  width: 1000px;
  margin: 157px auto 0;
  padding-bottom: 60px;
  border-radius: 8px;
}
.column__head {
  position: relative;
}
.column__head.inview--enter .column__headPic {
  -webkit-animation: katakata 1000ms 1500ms steps(1) infinite;
  -moz-animation: katakata 1000ms 1500ms steps(1) infinite;
  -o-animation: katakata 1000ms 1500ms steps(1) infinite;
  -ms-animation: katakata 1000ms 1500ms steps(1) infinite;
  animation: katakata 1000ms 1500ms steps(1) infinite;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 250ms 300ms
      cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms 300ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 250ms 300ms
      cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms 300ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: -o-transform 250ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms 300ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: -ms-transform 250ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms 300ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 250ms 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms 300ms cubic-bezier(0.19, 1, 0.22, 1);
}
.column__head.inview--enter .column__label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 250ms 600ms
      cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms 600ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 250ms 600ms
      cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms 600ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: -o-transform 250ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms 600ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: -ms-transform 250ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 250ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
.column__pageTtl {
  position: absolute;
  top: 20px;
  left: 26px;
  font-size: 12px;
  line-height: 1.333333333333333;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.column__ttl {
  width: 243px;
  margin-left: 375px;
  padding-top: 82px;
}
.column__subttl {
  width: 422px;
  margin: 20px 0 0 280px;
}
.column__headPic {
  position: absolute;
  top: 40px;
  right: 243px;
  width: 97px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -o-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
.column__label {
  position: absolute;
  top: 38px;
  left: 233px;
  width: 83px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -o-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
.column__month {
  position: absolute;
  right: 74px;
  bottom: 5px;
}
.column__cont {
  width: 900px;
  margin: 30px auto 0;
  padding: 45px 0 138px 0;
  background-color: #fff;
  border-radius: 7px;
}
.column__slider {
  position: relative;
  width: 500px;
  margin: 0 auto;
}
.column__sliderCap {
  position: absolute;
  right: -15px;
  bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.06em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.column__copy {
  margin: 50px auto 0;
}
.column__lead {
  width: 885.6px;
  margin: 27px 77px;
  text-align: center;
  font-size: 16px;
  line-height: 1.61875;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  color: #666;
  -webkit-font-smoothing: antialiased;
}
.column__talks {
  width: 640px;
  margin: 38px auto 0;
}
.column__talks:after {
  content: " ";
  display: block;
  clear: both;
}
.column__talk {
  position: relative;
  float: right;
  margin-top: 32px;
  font-size: 18px;
  line-height: 1.555555555555556;
  clear: both;
}
.column__talk:first-child {
  margin-top: 0;
}
.column__talk:nth-child(even) {
  float: left;
}
.column__talk.inview--enter .column__ico {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1) translate(0, 0);
  -moz-transform: scale(1) translate(0, 0);
  -o-transform: scale(1) translate(0, 0);
  -ms-transform: scale(1) translate(0, 0);
  transform: scale(1) translate(0, 0);
  -webkit-transition: -webkit-transform 250ms
      cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: -o-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: -ms-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
}
.column__talk.inview--enter .column__talkTxt {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(0.8, 1) translate(0, 0);
  -moz-transform: scale(0.8, 1) translate(0, 0);
  -o-transform: scale(0.8, 1) translate(0, 0);
  -ms-transform: scale(0.8, 1) translate(0, 0);
  transform: scale(0.8, 1) translate(0, 0);
  -webkit-transition: -webkit-transform 250ms
      cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: -o-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: -ms-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
}
.column__ico {
  position: absolute;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.column__ico--ama {
  width: 33px;
}
.column__ico--beams {
  width: 46px;
  right: 0;
}
.column__talkTxt {
  display: inline-block;
  width: 436.65;
  padding: 15px;
  border-radius: 5px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.column__talkTxt--ama {
  position: relative;
  background-color: #e0e0e0;
  margin-left: 60px;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: scale(0.77, 0.93) translate(-2%, 4%);
  -moz-transform: scale(0.77, 0.93) translate(-2%, 4%);
  -o-transform: scale(0.77, 0.93) translate(-2%, 4%);
  -ms-transform: scale(0.77, 0.93) translate(-2%, 4%);
  transform: scale(0.77, 0.93) translate(-2%, 4%);
}
.column__talkTxt--ama:before {
  position: absolute;
  top: 20px;
  left: -12px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 8px 0;
  border-color: transparent #e0e0e0 transparent transparent;
}
.column__talkTxt--beams {
  background-color: #d8e5ef;
  margin-right: 70px;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(0.77, 0.93) translate(2%, 4%);
  -moz-transform: scale(0.77, 0.93) translate(2%, 4%);
  -o-transform: scale(0.77, 0.93) translate(2%, 4%);
  -ms-transform: scale(0.77, 0.93) translate(2%, 4%);
  transform: scale(0.77, 0.93) translate(2%, 4%);
}
.column__talkTxt--beams:before {
  position: absolute;
  top: 20px;
  right: -12px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 12px 0 0;
  border-color: #d8e5ef transparent transparent transparent;
}
.column__prof {
  margin-top: 57px;
  margin-left: 132px;
}
.prof {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.prof--wh {
  color: #fff !important;
  background-color: !important;
}
.prof--wh .prof__snsTxt:after {
  background-color: #fff !important;
}
.prof--wh .amatatsuclose:after {
  background-image: -webkit-linear-gradient(
    left,
    #fff,
    #fff 4px,
    transparent 4px,
    transparent 8px
  );
  background-image: -moz-linear-gradient(
    left,
    #fff,
    #fff 4px,
    transparent 4px,
    transparent 8px
  );
  background-image: -o-linear-gradient(
    left,
    #fff,
    #fff 4px,
    transparent 4px,
    transparent 8px
  );
  background-image: -ms-linear-gradient(
    left,
    #fff,
    #fff 4px,
    transparent 4px,
    transparent 8px
  );
  background-image: linear-gradient(
    to right,
    #fff,
    #fff 4px,
    transparent 4px,
    transparent 8px
  );
}
.prof--amatatsuclose {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 37px;
  margin-left: 70px;
}
.prof--amatatsuclose .prof__pic {
  width: 182px;
}
.prof--amatatsuclose .prof__name {
  margin-top: 35px;
  margin-left: 15px;
}
.prof--amatatsuclose .prof__desc {
  width: 701.1px;
  margin-top: 19px;
  margin-left: 15px;
}
.prof--amatatsuclose .prof__sns {
  width: auto;
  margin-left: 15px;
}
.prof__pic {
  width: 128px;
  margin-right: 25px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.prof__pic img {
  border-radius: 5px;
}
.prof__txts {
  width: 594px;
}
.prof__name {
  width: 155px;
}
.prof__desc {
  width: 742.92px;
  margin-top: 5px;
  text-align: justify;
  font-size: 14px;
  line-height: 1.857142857142857;
  letter-spacing: 0.06em;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.prof__snsA {
  display: inline-block;
  -webkit-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.prof__snsA:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.prof__snsIco {
  display: inline-block;
  width: 15px;
  margin-right: 10px;
  vertical-align: middle;
}
.prof__snsTxt {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 1.470588235294118;
  letter-spacing: 0.06em;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.prof__snsTxt:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
}
.amatatsuclose {
  position: relative;
  width: 100%;
  padding-bottom: 20px;
}
.amatatsuclose:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-image: -webkit-linear-gradient(
    left,
    #000,
    #000 4px,
    transparent 4px,
    transparent 8px
  );
  background-image: -moz-linear-gradient(
    left,
    #000,
    #000 4px,
    transparent 4px,
    transparent 8px
  );
  background-image: -o-linear-gradient(
    left,
    #000,
    #000 4px,
    transparent 4px,
    transparent 8px
  );
  background-image: -ms-linear-gradient(
    left,
    #000,
    #000 4px,
    transparent 4px,
    transparent 8px
  );
  background-image: linear-gradient(
    to right,
    #000,
    #000 4px,
    transparent 4px,
    transparent 8px
  );
  -webkit-background-size: 10px 1px;
  -moz-background-size: 10px 1px;
  background-size: 10px 1px;
  background-repeat: repeat-x;
}
.amatatsuclose__ttl {
  background-color: #000;
  padding: 3px 20px;
  font-size: 20px;
}
.amatatsuclose__ttlTxt {
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}
.amatatsuclose__txt {
  width: 701.1px;
  margin-top: 18px;
  margin-left: 15px;
  text-align: justify;
  font-size: 14px;
  line-height: 1.857142857142857;
  letter-spacing: 0.06em;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
@media screen and (max-width: 736px) {
  .column {
    width: 100%;
    margin: 19.066666666666666vw auto 0;
    padding-bottom: 14.533333333333333vw;
    border-radius: 0;
  }
  .column__pageTtl {
    display: none;
  }
  .column__ttl {
    width: 46.4vw;
    margin: 0 auto;
    padding-top: 9.333333333333334vw;
  }
  .column__subttl {
    width: 80.53333333333333vw;
    margin: 3.066666666666666vw auto 0;
  }
  .column__headPic {
    position: absolute;
    top: 2vw;
    right: 0;
    width: 18.4vw;
  }
  .column__label {
    position: absolute;
    top: 2vw;
    left: 2vw;
    width: 15.733333333333333vw;
  }
  .column__month {
    display: none;
  }
  .column__cont {
    width: 94vw;
    margin: 6.933333333333334vw auto 0;
    padding: 6.666666666666667vw 0 10.666666666666666vw 0;
    border-radius: 0.9333333333333333vw;
  }
  .column__slider {
    width: 78.66666666666667vw;
  }
  .column__sliderCap {
    right: -2.666666666666667vw;
    bottom: 2vw;
    font-size: 2.4vw;
  }
  .column__copy {
    margin: 5.333333333333333vw auto 0;
  }
  .column__lead {
    width: 101.02399999999999vw;
    margin: 6.666666666666667vw 6.724vw;
    text-align: left;
    font-size: 3.466666666666667vw;
    line-height: 1.423076923076923;
  }
  .column__talks {
    width: 86.66666666666667vw;
    margin: 10.933333333333334vw auto 0;
  }
  .column__talk {
    position: relative;
    margin-top: 6.4vw;
    font-size: 3.466666666666667vw;
    line-height: 1.538461538461539;
  }
  .column__ico {
    position: absolute;
  }
  .column__ico--ama {
    width: 6.4vw;
  }
  .column__ico--beams {
    width: 8.8vw;
    right: 0;
  }
  .column__talkTxt {
    display: inline-block;
    width: 85.28vw;
    padding: 3.333333333333333vw;
    border-radius: 0.6666666666666666vw;
  }
  .column__talkTxt--ama {
    position: relative;
    background-color: #e0e0e0;
    margin-left: 10.666666666666666vw;
  }
  .column__talkTxt--ama:before {
    position: absolute;
    top: 20px;
    left: -12px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 8px 0;
    border-color: transparent #e0e0e0 transparent transparent;
  }
  .column__talkTxt--beams {
    background-color: #d8e5ef;
    margin-right: 13.333333333333334vw;
  }
  .column__talkTxt--beams:before {
    position: absolute;
    top: 20px;
    right: -12px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 12px 0 0;
    border-color: #d8e5ef transparent transparent transparent;
  }
  .column__prof {
    width: 78.66666666666667vw;
    margin: 11.466666666666667vw auto 0;
  }
  .prof {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .prof--amatatsuclose {
    width: 91.73333333333333vw;
    margin: 7.2vw auto 0;
  }
  .prof--amatatsuclose .prof__pic {
    margin-top: 4vw;
    width: 30.666666666666668vw;
  }
  .prof--amatatsuclose .prof__name {
    margin-top: 4vw;
    margin-left: 0;
  }
  .prof--amatatsuclose .prof__desc {
    width: 67.076vw;
    margin-top: 4vw;
    margin-left: 0;
    font-size: 2.933333333333333vw;
    line-height: 1.5;
  }
  .prof--amatatsuclose .prof__sns {
    width: auto;
    margin-top: 2.666666666666667vw;
    margin-left: 0;
  }
  .prof__pic {
    width: 24.53333333333333vw;
    margin-right: 5.333333333333333vw;
  }
  .prof__pic img {
    border-radius: 0.6666666666666666vw;
  }
  .prof__txts {
    width: 48.666666666666664vw;
  }
  .prof__name {
    width: 29.599999999999998vw;
  }
  .prof__desc {
    width: 60.67999999999999vw;
    margin-top: 2.933333333333333vw;
    font-size: 3.2vw;
    line-height: 1.75;
  }
  .prof__snsA:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .prof__snsIco {
    width: 3.333333333333333vw;
    margin-right: 2vw;
  }
  .prof__snsTxt {
    font-size: 3.6vw;
    line-height: 1.481481481481481;
  }
  .amatatsuclose {
    position: relative;
    width: 100%;
    margin-top: 0;
    padding-bottom: 6vw;
  }
  .amatatsuclose:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: -webkit-linear-gradient(
      left,
      #000,
      #000 4px,
      transparent 4px,
      transparent 8px
    );
    background-image: -moz-linear-gradient(
      left,
      #000,
      #000 4px,
      transparent 4px,
      transparent 8px
    );
    background-image: -o-linear-gradient(
      left,
      #000,
      #000 4px,
      transparent 4px,
      transparent 8px
    );
    background-image: -ms-linear-gradient(
      left,
      #000,
      #000 4px,
      transparent 4px,
      transparent 8px
    );
    background-image: linear-gradient(
      to right,
      #000,
      #000 4px,
      transparent 4px,
      transparent 8px
    );
    -webkit-background-size: 1.333333333333333vw 0.13333333333333333vw;
    -moz-background-size: 1.333333333333333vw 0.13333333333333333vw;
    background-size: 1.333333333333333vw 0.13333333333333333vw;
    background-repeat: repeat-x;
  }
  .amatatsuclose__ttl {
    background-color: #000;
    padding: 0.4vw 4vw;
    font-size: 3.2vw;
  }
  .amatatsuclose__txt {
    width: 105.124vw;
    margin-top: 4vw;
    margin-left: 3.333333333333333vw;
    font-size: 3.466666666666667vw;
    line-height: 1.538461538461539;
    letter-spacing: 0;
  }
}
.ctg {
  width: 1180px;
  height: 66px;
  margin: 67px auto 0;
}
.ctg__lists {
  display: block;
  z-index: 99;
  margin-left: 388px;
  width: 395px;
  padding: 25px 0;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  -webkit-transition: top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ctg__list {
  display: inline-block;
  margin-left: 58px;
}
.ctg__list:first-child {
  margin-left: 0;
}
.ctg__listA {
  position: relative;
  padding: 10px 0 10px 24px;
  -webkit-transition: color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ctg__listA:hover {
  color: #fe5226;
  -webkit-transition: color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ctg__listA:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #d3d3d3;
}
.ctg__listA.ctg--show {
  pointer-events: none;
}
.ctg__listA.ctg--show:after {
  position: absolute;
  left: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fe5226;
}
@media screen and (max-width: 736px) {
  .ctg {
    width: 100%;
    height: 14.799999999999999vw;
    margin: 14.666666666666666vw auto 0;
  }
  .ctg__lists {
    width: 87.86666666666666vw;
    margin-left: 5.866666666666666vw;
    padding: 5.333333333333333vw 0;
    border-radius: 7.333333333333333vw;
    font-size: 4vw;
  }
  .ctg__list {
    margin-left: 12.933333333333334vw;
  }
  .ctg__list:first-child {
    margin-left: 0;
  }
  .ctg__listA {
    padding: 2.666666666666667vw 0 2.666666666666667vw 4.933333333333334vw;
  }
  .ctg__listA:hover {
    color: #000;
  }
  .ctg__listA:before {
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
  }
  .ctg__listA.ctg--show:after {
    left: 0.6666666666666666vw;
    width: 1.333333333333333vw;
    height: 1.333333333333333vw;
  }
}
.footer {
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 68px;
  text-align: center;
}
.footer__backnumber {
  margin-top: 92px;
}
.footer__backnumberTtl {
  width: 183px;
  margin: 0 auto;
}
.footer__backnumberSubttl {
  width: 91px;
  margin: 15px auto 0;
}
.footer__backnumberLead {
  margin-top: 18px;
  font-size: 14px;
  line-height: 2;
}
.footer__slider {
  position: relative;
  width: 798px;
  margin: 38px auto 0;
}
.footer__slide {
  position: relative;
  z-index: 1;
  width: 182px;
  height: 300px;
  margin: 0 10px;
  color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.footer__slide img {
  border-radius: 10px;
}
.footer__slideA {
  position: relative;
  display: inline-block;
}
.footer__slideA:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.footer__slideA:hover .footer__slideImg {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -o-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
  -webkit-transition: -webkit-transform 400ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.footer__slideA:hover:before {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  -webkit-transition: opacity 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: opacity 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: opacity 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: opacity 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.footer__slideImg {
  -webkit-transition: -webkit-transform 400ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.footer__centerTxt {
  position: absolute;
  z-index: 2;
  top: 40%;
  left: 40%;
  font-size: 21px;
  text-align: center;
  -webkit-transition: -webkit-transform 400ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.footer__monthEn {
  margin-top: 7px;
}
.footer__monthNum {
  position: absolute;
  z-index: 2;
  right: 11px;
  bottom: 19px;
  font-size: 49px;
  -webkit-transition: -webkit-transform 400ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.footer__arrow {
  position: absolute;
  width: 49px;
  top: 40%;
  left: -90px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.footer__arrow--right {
  left: auto;
  right: -90px;
}
.footer__dots {
  display: inline-block;
  text-align: center;
  color: #000;
  margin-top: 37px;
}
.footer__dots li {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  width: 10px;
  height: 15px;
  cursor: pointer;
}
.footer__dots li:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000;
}
.footer__dots li.slick-active:before {
  background-color: #fe5226;
}
.footer__border {
  margin: 115.5px auto 0;
}
.footer__share {
  margin-top: 70px;
}
.footer__shareTtl {
  font-size: 20px;
}
.footer__icos {
  margin: 0 auto;
}
.footer__ico {
  display: inline-block;
  width: 61px;
  margin: 30px 45px 0 0;
}
.footer__ico:last-child {
  margin-right: 0;
}
.footer__icoA {
  position: relative;
  display: inline-block;
}
.footer__icoA .ring {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background: rgba(254, 82, 38, 0.8);
  border-radius: 100px;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.footer__icoA:hover .ring {
  -webkit-animation: pulsate 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-animation: pulsate 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-animation: pulsate 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-animation: pulsate 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: pulsate 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
.footer__icoTxt {
  font-size: 14px;
  margin-top: 15px;
}
.footer__icoTxt--fb {
  color: #496fbe;
}
.footer__icoTxt--tw {
  color: #3ba4d4;
}
.footer__icoTxt--line {
  color: #00b900;
}
.footer__logo {
  width: 217px;
  margin: 95px auto 0;
}
.footer__logoA {
  display: inline-block;
}
.footer__note {
  margin-top: 60px;
  font-size: 14px;
  line-height: 2.642857142857143;
}
.footer__menus {
  margin-top: 40px;
}
.footer__menu {
  display: inline-block;
  margin-right: 25px;
  font-size: 12px;
  line-height: 3.083333333333333;
  text-decoration: underline;
}
.footer__menu:last-child {
  margin-right: 0;
}
.footer__menuA {
  display: inline-block;
  -webkit-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.footer__menuA:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -webkit-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.footer__copyright {
  margin-top: 58px;
  font-size: 16.8px;
  line-height: 1.125;
}
.footer__pageTop {
  position: absolute;
  width: 58px;
  right: 17px;
  bottom: 45px;
}
.footer__pageTopA {
  position: relative;
  display: inline-block;
}
.footer__pageTopA .ring {
  position: absolute;
  z-index: -1;
  top: 4px;
  left: 4px;
  width: 50px;
  height: 50px;
  background: rgba(254, 82, 38, 0.8);
  border-radius: 100px;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.footer__pageTopA:hover .ring {
  -webkit-animation: pulsate 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-animation: pulsate 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-animation: pulsate 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-animation: pulsate 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: pulsate 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@media screen and (max-width: 736px) {
  .footer {
    width: 100%;
    padding-bottom: 10.4vw;
  }
  .footer__backnumber {
    margin-top: 10.933333333333334vw;
  }
  .footer__backnumberTtl {
    width: 30.4vw;
  }
  .footer__backnumberSubttl {
    width: 17.333333333333332vw;
    margin: 3.2vw auto 0;
  }
  .footer__backnumberLead {
    margin-top: 5.066666666666666vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
  }
  .footer__backnumberLead.txt-thin {
    -webkit-transform: scale(0.8, 1.1);
    -moz-transform: scale(0.8, 1.1);
    -o-transform: scale(0.8, 1.1);
    -ms-transform: scale(0.8, 1.1);
    transform: scale(0.8, 1.1);
  }
  .footer__slider {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 8.533333333333333vw 0;
  }
  .footer__slide {
    position: relative;
    margin: 0;
    padding: 0 2.666666666666667vw;
    border-radius: 1.333333333333333vw;
  }
  .footer__slide img {
    border-radius: 1.333333333333333vw;
  }
  .footer__slideA:before {
    display: none;
  }
  .footer__slideA:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .footer__slideA:hover .footer__slideImg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .footer__centerTxt {
    font-size: 4vw;
  }
  .footer__monthEn {
    margin-top: 1.333333333333333vw;
  }
  .footer__monthNum {
    right: 2.533333333333333vw;
    bottom: 2.533333333333333vw;
    font-size: 9.333333333333334vw;
  }
  .footer__arrow {
    z-index: 99;
    width: 9.333333333333334vw;
    top: 28vw;
    left: 0;
  }
  .footer__arrow--right {
    left: auto;
    right: 0;
  }
  .footer__dots {
    margin: 0;
    margin-top: 6.8vw;
  }
  .footer__dots li {
    display: inline-block;
    position: relative;
    padding: 0 5px;
    width: 10px;
    height: 15px;
    cursor: pointer;
  }
  .footer__dots li:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000;
  }
  .footer__dots li.slick-active:before {
    background-color: #fe5226;
  }
  .footer__border {
    margin-top: 0;
  }
  .footer__border--long {
    margin-top: 14.533333333333333vw;
  }
  .footer__share {
    margin-top: 13.333333333333334vw;
  }
  .footer__shareTtl {
    font-size: 4vw;
  }
  .footer__ico {
    width: 11.733333333333333vw;
    margin: 6.266666666666667vw 8.533333333333333vw 0 0;
  }
  .footer__ico:last-child {
    margin-right: 0;
  }
  .footer__icoA:hover .footer__icoImg {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
  }
  .footer__icoTxt {
    font-size: 2.666666666666667vw;
    margin-top: 2.266666666666667vw;
  }
  .footer__logo {
    width: 41.333333333333336vw;
    margin: 15.333333333333334vw auto 0;
  }
  .footer__logoA:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .footer__note {
    margin-top: 12.266666666666666vw;
    font-size: 2.933333333333333vw;
    line-height: 2.409090909090909;
  }
  .footer__menus {
    margin-top: 9.866666666666667vw;
  }
  .footer__menu {
    margin-right: 4.666666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 2.65;
  }
  .footer__menu:last-child {
    margin-right: 0;
  }
  .footer__menuA:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .footer__copyright {
    margin-top: 13.733333333333333vw;
    font-size: 3.2vw;
    line-height: 1.125;
  }
  .footer__pageTop {
    width: 11.2vw;
    right: 3.2vw;
    bottom: 6.933333333333334vw;
  }
  .footer__pageTopA:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
  }
}
.header {
  position: relative;
  z-index: 99;
  padding: 20px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.header__logo {
  width: 77px;
  margin-left: 20px;
}
.header__ttl {
  width: 245px;
  margin-left: -25px;
}
.header__btn {
  margin-right: 30px;
}
.header__btnA {
  position: relative;
  display: inline-block;
  width: 27px;
  padding: 10px 5px;
}
.header__btnA:hover .header__bar--1 {
  -webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.header__btnA:hover .header__bar--3 {
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  -o-transform: translate3d(0, 10px, 0);
  -ms-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.header__bar {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 27px;
  height: 0;
  margin: auto;
  border-top: 2px solid #c9c9c9;
  border-radius: 10px;
  -webkit-transition: -webkit-transform 150ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.header__bar--1 {
  -webkit-transform: translate3d(0, -7px, 0);
  -moz-transform: translate3d(0, -7px, 0);
  -o-transform: translate3d(0, -7px, 0);
  -ms-transform: translate3d(0, -7px, 0);
  transform: translate3d(0, -7px, 0);
}
.header__bar--3 {
  -webkit-transform: translate3d(0, 7px, 0);
  -moz-transform: translate3d(0, 7px, 0);
  -o-transform: translate3d(0, 7px, 0);
  -ms-transform: translate3d(0, 7px, 0);
  transform: translate3d(0, 7px, 0);
}
@media screen and (max-width: 736px) {
  .header {
    padding: 4vw 0;
  }
  .header__logo {
    width: 15.733333333333333vw;
    margin-left: 4vw;
  }
  .header__ttl {
    width: 46.13333333333333vw;
    margin-left: -5.333333333333333vw;
  }
  .header__btn {
    margin-right: 2.666666666666667vw;
  }
  .header__btnA {
    display: inline-block;
    width: 5.066666666666666vw;
    padding: 2.666666666666667vw 2vw;
  }
  .header__btnA:hover .header__bar--1 {
    -webkit-transform: translate3d(0, -2vw, 0);
    -moz-transform: translate3d(0, -2vw, 0);
    -o-transform: translate3d(0, -2vw, 0);
    -ms-transform: translate3d(0, -2vw, 0);
    transform: translate3d(0, -2vw, 0);
  }
  .header__btnA:hover .header__bar--3 {
    -webkit-transform: translate3d(0, 2vw, 0);
    -moz-transform: translate3d(0, 2vw, 0);
    -o-transform: translate3d(0, 2vw, 0);
    -ms-transform: translate3d(0, 2vw, 0);
    transform: translate3d(0, 2vw, 0);
  }
  .header--1 {
    -webkit-transform: translate3d(0, -2vw, 0);
    -moz-transform: translate3d(0, -2vw, 0);
    -o-transform: translate3d(0, -2vw, 0);
    -ms-transform: translate3d(0, -2vw, 0);
    transform: translate3d(0, -2vw, 0);
  }
  .header--3 {
    -webkit-transform: translate3d(0, 2vw, 0);
    -moz-transform: translate3d(0, 2vw, 0);
    -o-transform: translate3d(0, 2vw, 0);
    -ms-transform: translate3d(0, 2vw, 0);
    transform: translate3d(0, 2vw, 0);
  }
  .header__bar {
    border-radius: 2.666666666666667vw;
    width: 5.066666666666666vw;
  }
}
.intro__copy {
  width: 340px;
  margin: 38px auto 0;
}
.intro__lead {
  margin-top: 30px;
  font-size: 15px;
  line-height: 2.053333333333333;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
.intro__border {
  margin-top: 43px;
}
@media screen and (max-width: 736px) {
  .intro__copy {
    width: 76vw;
    margin: 7.333333333333333vw auto 0;
  }
  .intro__lead {
    width: 87.2vw;
    margin: 8vw auto 0;
    font-size: 3.2vw;
    line-height: 1.818181818181818;
    text-align: justify;
    font-family: "ヒラギノ角ゴ Pro W3";
  }
  .intro__border {
    margin-top: 9.866666666666667vw;
  }
}
.items {
  position: relative;
  width: 1100px;
  min-height: 100vh;
  margin: 125px auto 0;
}
.items:after {
  content: " ";
  display: block;
  clear: both;
}
.item {
  float: left;
  position: relative;
  z-index: 1;
  width: 500px;
  height: 719px;
  overflow: hidden;
  border: 1px solid #e2e2e2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
.item.txt-white .item__for {
  color: #fff;
}
.item.txt-white .item__for:after {
  background-color: #fff;
}
.item.txt-white .item__num,
.item.txt-white .item__dots,
.item.txt-white .item__desc {
  color: #fff;
}
.item.txt-white .item__dots {
  fill: #fff;
}
.item.txt-white .item__dots .item__round {
  stroke: #fff;
}
.item--even {
  margin-top: 200px;
  margin-left: 100px;
}
.item__head {
  width: 118%;
}
.item__for {
  position: absolute;
  z-index: 10;
  top: 14px;
  left: 20px;
  font-size: 14px;
  line-height: 1.228668941979522;
  text-transform: uppercase;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.item__for:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
}
.item__num {
  position: absolute;
  z-index: 10;
  top: 15px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 1.228668941979522;
  display: inline-block;
}
.item__ttl {
  position: absolute;
  z-index: 10;
}
.item__credits {
  display: inline-block;
  position: absolute;
  z-index: 10;
  left: 32px;
  bottom: 82px;
  font-size: 16px;
  line-height: 1.5625;
}
.item__credits span {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.item__credits span .item__buyBtn {
  display: none;
}
.item__credits span:hover .item__name,
.item__credits span:hover .item__brand {
  color: #000;
  background-color: #fff;
}
.item__credits span:hover .item__buyBtn {
  color: #fff;
  background-color: #000;
}
.item__creditsA {
  white-space: nowrap;
  display: inline-block;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.item__creditsA:hover .item__name,
.item__creditsA:hover .item__brand,
.item__creditsA:hover .item__buyBtn {
  color: #fff;
  background-color: #fe5226;
}
.item__name,
.item__brand,
.item__buyBtn {
  -webkit-transition: color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    background-color 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.item__name {
  display: inline-block;
  background-color: #fff;
  margin-top: 3px;
  padding: 0 15px 0 5px;
}
.item__brand {
  display: inline-block;
  background-color: #fff;
  margin-top: 3px;
  padding: 0 15px 0 7px;
}
.item__buyBtn {
  display: inline-block;
  text-align: center;
  margin-left: 5px;
  width: 60px;
  background-color: #000;
  color: #fff;
}
.item__staff {
  position: absolute;
  z-index: 10;
  right: 73px;
  bottom: 173px;
  text-align: right;
  font-size: 15px;
  line-height: 1.363636363636364;
  color: #fff;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.75));
  -moz-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.75));
  -ms-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.75));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.75));
}
.item__staff--gray {
  filter: none;
  color: #666;
}
.item__arrow {
  z-index: 10;
  position: absolute;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 47px;
  -webkit-transition: -webkit-transform 160ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.item__arrow .a {
  -webkit-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
}
.item__arrow.arrow--animate {
  -webkit-animation: check 4000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  -moz-animation: check 4000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  -o-animation: check 4000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  -ms-animation: check 4000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  animation: check 4000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
@-moz-keyframes check {
  0% {
    right: -4px;
  }
  5% {
    right: -1px;
  }
  10% {
    right: -4px;
  }
  15% {
    right: -1px;
  }
  20% {
    right: -4px;
  }
  100% {
    right: -4px;
  }
}
@-webkit-keyframes check {
  0% {
    right: -4px;
  }
  5% {
    right: -1px;
  }
  10% {
    right: -4px;
  }
  15% {
    right: -1px;
  }
  20% {
    right: -4px;
  }
  100% {
    right: -4px;
  }
}
@-o-keyframes check {
  0% {
    right: -4px;
  }
  5% {
    right: -1px;
  }
  10% {
    right: -4px;
  }
  15% {
    right: -1px;
  }
  20% {
    right: -4px;
  }
  100% {
    right: -4px;
  }
}
@keyframes check {
  0% {
    right: -4px;
  }
  5% {
    right: -1px;
  }
  10% {
    right: -4px;
  }
  15% {
    right: -1px;
  }
  20% {
    right: -4px;
  }
  100% {
    right: -4px;
  }
}
.item__arrow:hover {
  border-radius: 5px;
}
.item__arrow:hover .a {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  fill: #fe5226;
  -webkit-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
}
.item__arrow.prev-arrow {
  left: -4px;
  -webkit-transform: scaleX(-1) translateY(-50%);
  -moz-transform: scaleX(-1) translateY(-50%);
  -o-transform: scaleX(-1) translateY(-50%);
  -ms-transform: scaleX(-1) translateY(-50%);
  transform: scaleX(-1) translateY(-50%);
}
.item__arrow.prev-arrow.item__arrow--hide {
  -webkit-transform: scaleX(-1) translate3d(100%, -50%, 0);
  -moz-transform: scaleX(-1) translate3d(100%, -50%, 0);
  -o-transform: scaleX(-1) translate3d(100%, -50%, 0);
  -ms-transform: scaleX(-1) translate3d(100%, -50%, 0);
  transform: scaleX(-1) translate3d(100%, -50%, 0);
  pointer-events: none;
}
.item__arrow.next-arrow {
  right: -4px;
}
.item__arrow.next-arrow.item__arrow--animation {
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -o-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right;
  -webkit-animation: item__arrow 4000ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
    infinite 1200ms;
  -moz-animation: item__arrow 4000ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
    infinite 1200ms;
  -o-animation: item__arrow 4000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite
    1200ms;
  -ms-animation: item__arrow 4000ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
    infinite 1200ms;
  animation: item__arrow 4000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite
    1200ms;
}
@-moz-keyframes item__arrow {
  0%,
  10%,
  20%,
  100% {
    -webkit-transform: scaleX(1) translateY(-50%);
    -moz-transform: scaleX(1) translateY(-50%);
    -o-transform: scaleX(1) translateY(-50%);
    -ms-transform: scaleX(1) translateY(-50%);
    transform: scaleX(1) translateY(-50%);
  }
  5%,
  15% {
    -webkit-transform: scaleX(1.12) translateY(-50%);
    -moz-transform: scaleX(1.12) translateY(-50%);
    -o-transform: scaleX(1.12) translateY(-50%);
    -ms-transform: scaleX(1.12) translateY(-50%);
    transform: scaleX(1.12) translateY(-50%);
  }
}
@-webkit-keyframes item__arrow {
  0%,
  10%,
  20%,
  100% {
    -webkit-transform: scaleX(1) translateY(-50%);
    -moz-transform: scaleX(1) translateY(-50%);
    -o-transform: scaleX(1) translateY(-50%);
    -ms-transform: scaleX(1) translateY(-50%);
    transform: scaleX(1) translateY(-50%);
  }
  5%,
  15% {
    -webkit-transform: scaleX(1.12) translateY(-50%);
    -moz-transform: scaleX(1.12) translateY(-50%);
    -o-transform: scaleX(1.12) translateY(-50%);
    -ms-transform: scaleX(1.12) translateY(-50%);
    transform: scaleX(1.12) translateY(-50%);
  }
}
@-o-keyframes item__arrow {
  0%,
  10%,
  20%,
  100% {
    -webkit-transform: scaleX(1) translateY(-50%);
    -moz-transform: scaleX(1) translateY(-50%);
    -o-transform: scaleX(1) translateY(-50%);
    -ms-transform: scaleX(1) translateY(-50%);
    transform: scaleX(1) translateY(-50%);
  }
  5%,
  15% {
    -webkit-transform: scaleX(1.12) translateY(-50%);
    -moz-transform: scaleX(1.12) translateY(-50%);
    -o-transform: scaleX(1.12) translateY(-50%);
    -ms-transform: scaleX(1.12) translateY(-50%);
    transform: scaleX(1.12) translateY(-50%);
  }
}
@keyframes item__arrow {
  0%,
  10%,
  20%,
  100% {
    -webkit-transform: scaleX(1) translateY(-50%);
    -moz-transform: scaleX(1) translateY(-50%);
    -o-transform: scaleX(1) translateY(-50%);
    -ms-transform: scaleX(1) translateY(-50%);
    transform: scaleX(1) translateY(-50%);
  }
  5%,
  15% {
    -webkit-transform: scaleX(1.12) translateY(-50%);
    -moz-transform: scaleX(1.12) translateY(-50%);
    -o-transform: scaleX(1.12) translateY(-50%);
    -ms-transform: scaleX(1.12) translateY(-50%);
    transform: scaleX(1.12) translateY(-50%);
  }
}
.item__arrow.next-arrow.item__arrow--hide {
  -webkit-transform: translate3d(100%, -50%, 0);
  -moz-transform: translate3d(100%, -50%, 0);
  -o-transform: translate3d(100%, -50%, 0);
  -ms-transform: translate3d(100%, -50%, 0);
  transform: translate3d(100%, -50%, 0);
  pointer-events: none;
}
.item__slide {
  position: relative;
  width: 500px;
  height: 720px;
}
.item__img {
  width: 500px;
  height: 720px;
}
.item__imgCont {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.item__imgCont.itemImg--show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.item__dots {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
}
.item__dots li {
  display: inline-block;
  width: 20px;
  padding: 5px 0;
}
.item__dots li.dot--pause .item__round {
  stroke-dashoffset: 37;
}
.item__dots li svg {
  width: 11px;
  height: 11px;
  margin: auto;
}
.item__dots li .item__round {
  width: 5px;
  fill: transparent;
  stroke-dashoffset: 37;
  stroke-dasharray: 37;
}
.item__dots li.slick-active.dot--pause .item__round {
  stroke-dashoffset: 0;
}
.item__dots li.slick-active .item__round {
  fill: transparent;
  stroke: #000;
  stroke-width: 1.5px;
}
.item__dots li.slick-active.dot--animate .item__round {
  stroke-dashoffset: 37;
  stroke-dasharray: 40;
}
.item__dots li.slick-active.dot--animate .item__round {
  -webkit-animation: circle 7200ms 0ms forwards;
  -moz-animation: circle 7200ms 0ms forwards;
  -o-animation: circle 7200ms 0ms forwards;
  -ms-animation: circle 7200ms 0ms forwards;
  animation: circle 7200ms 0ms forwards;
}
@-moz-keyframes circle {
  from {
    stroke-dashoffset: 37;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes circle {
  from {
    stroke-dashoffset: 37;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes circle {
  from {
    stroke-dashoffset: 37;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes circle {
  from {
    stroke-dashoffset: 37;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.item__desc {
  position: absolute;
  z-index: 10;
  text-align: justify;
  font-size: 17px;
  line-height: 1.52;
}
.item__temper {
  position: absolute;
  z-index: 10;
  width: 18px;
  top: 67px;
  right: 82px;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-animation: item__temper 4000ms infinite 1200ms;
  -moz-animation: item__temper 4000ms infinite 1200ms;
  -o-animation: item__temper 4000ms infinite 1200ms;
  -ms-animation: item__temper 4000ms infinite 1200ms;
  animation: item__temper 4000ms infinite 1200ms;
}
@-moz-keyframes item__temper {
  0%,
  10%,
  20%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
  5%,
  15% {
    -webkit-transform: scaleY(1.12);
    -moz-transform: scaleY(1.12);
    -o-transform: scaleY(1.12);
    -ms-transform: scaleY(1.12);
    transform: scaleY(1.12);
  }
}
@-webkit-keyframes item__temper {
  0%,
  10%,
  20%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
  5%,
  15% {
    -webkit-transform: scaleY(1.12);
    -moz-transform: scaleY(1.12);
    -o-transform: scaleY(1.12);
    -ms-transform: scaleY(1.12);
    transform: scaleY(1.12);
  }
}
@-o-keyframes item__temper {
  0%,
  10%,
  20%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
  5%,
  15% {
    -webkit-transform: scaleY(1.12);
    -moz-transform: scaleY(1.12);
    -o-transform: scaleY(1.12);
    -ms-transform: scaleY(1.12);
    transform: scaleY(1.12);
  }
}
@keyframes item__temper {
  0%,
  10%,
  20%,
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
  5%,
  15% {
    -webkit-transform: scaleY(1.12);
    -moz-transform: scaleY(1.12);
    -o-transform: scaleY(1.12);
    -ms-transform: scaleY(1.12);
    transform: scaleY(1.12);
  }
}
.item__style {
  position: absolute;
  z-index: 10;
  width: 61px;
  top: 97px;
  right: 63px;
}
.item__styling {
  position: absolute;
  z-index: 10;
  left: 63px;
  bottom: 163px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.item__stylingA {
  display: inline-block;
  width: 89px;
  height: 19px;
  padding: 10px;
}
.item__stylingA .itemStyling__a {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
}
.item__stylingA:hover .itemStyling__a {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  fill: #fe5226;
  -webkit-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: fill 150ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 150ms cubic-bezier(0.19, 1, 0.22, 1);
}
.item__comment {
  pointer-events: none;
  z-index: 10;
  position: absolute;
  top: 0;
  width: 24.4%;
  left: 0.9333333333333335%;
  margin-top: 14.399999999999999%;
}
.item__comment--1 {
  left: 0.9333333333333335%;
  margin-top: 14.399999999999999%;
}
.item__comment--2 {
  left: 72.39999999999999%;
  margin-top: 12.266666666666666%;
}
.item__comment--3 {
  left: 0.9333333333333335%;
  margin-top: 70.66666666666667%;
}
.item__comment--4 {
  left: 72.39999999999999%;
  margin-top: 57.599999999999994%;
}
.item__comment--show .item__commentTxts {
  -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 120ms;
  -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 120ms;
  -o-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 120ms;
  -ms-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 120ms;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 120ms;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.item__comment--show .item__commentPhImg {
  -webkit-transition: -webkit-transform 200ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0%, 0);
  -moz-transform: translate3d(0, 0%, 0);
  -o-transform: translate3d(0, 0%, 0);
  -ms-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.item__commentTxts {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 90.1639344262295%;
  -webkit-transition: opacity 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.item__commentTxt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: items__commentTxt 800ms steps(1) infinite;
  -moz-animation: items__commentTxt 800ms steps(1) infinite;
  -o-animation: items__commentTxt 800ms steps(1) infinite;
  -ms-animation: items__commentTxt 800ms steps(1) infinite;
  animation: items__commentTxt 800ms steps(1) infinite;
}
.item__commentTxt--show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@-moz-keyframes items__commentTxt {
  0%,
  100% {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
}
@-webkit-keyframes items__commentTxt {
  0%,
  100% {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
}
@-o-keyframes items__commentTxt {
  0%,
  100% {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
}
@keyframes items__commentTxt {
  0%,
  100% {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
}
.item__commentPh {
  overflow: hidden;
  position: relative;
  width: 54.644808743169406%;
  margin: 8.743169398907105% 0 0 17.48633879781421%;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: item__commentPh 3200ms steps(1) infinite;
  -moz-animation: item__commentPh 3200ms steps(1) infinite;
  -o-animation: item__commentPh 3200ms steps(1) infinite;
  -ms-animation: item__commentPh 3200ms steps(1) infinite;
  animation: item__commentPh 3200ms steps(1) infinite;
}
@-moz-keyframes item__commentPh {
  0%,
  76%,
  88%,
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  82%,
  94% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}
@-webkit-keyframes item__commentPh {
  0%,
  76%,
  88%,
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  82%,
  94% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}
@-o-keyframes item__commentPh {
  0%,
  76%,
  88%,
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  82%,
  94% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}
@keyframes item__commentPh {
  0%,
  76%,
  88%,
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  82%,
  94% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}
.item__commentPhImg {
  -webkit-transition: -webkit-transform 8ms 400ms,
    opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 8ms 400ms,
    opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 8ms 400ms,
    opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 8ms 400ms,
    opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 8ms 400ms,
    opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.slider {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.slider.slick-initialized {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 736px) {
  .items {
    width: 100%;
    margin: 16vw auto 0;
  }
  .item {
    float: none;
    width: 100vw;
    height: 143.86666666666667vw;
    border: none;
    border-top: 2px solid #000;
    border-radius: 0;
  }
  .item--even {
    margin: 0;
  }
  .item:last-child {
    border-bottom: 2px solid #000;
  }
  .item__for {
    position: absolute;
    z-index: 10;
    top: 3.733333333333333vw;
    left: 4vw;
    font-size: 2.933333333333333vw;
  }
  .item__num {
    position: absolute;
    z-index: 10;
    top: 4vw;
    width: 100%;
    text-align: center;
    font-size: 2.666666666666667vw;
  }
  .item__credits {
    left: 7.466666666666667vw;
    bottom: 14.666666666666666vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
  }
  .item__creditsA:hover .item__name,
  .item__creditsA:hover .item__brand {
    color: #000;
    background-color: #fff;
  }
  .item__creditsA:hover .item__buyBtn {
    background-color: #000;
  }
  .item__name {
    margin-top: 0.6666666666666666vw;
    padding: 0 2vw 0 0.6666666666666666vw;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .item__brand {
    margin-top: 0.6666666666666666vw;
    padding: 0 2vw 0 0.9333333333333333vw;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .item__buyBtn {
    margin-left: 0.6666666666666666vw;
    width: 10.666666666666666vw;
    font-weight: 600;
    margin-top: 0.13333333333333333vw;
  }
  .item__staff {
    right: 14.666666666666666vw;
    bottom: 34.666666666666664vw;
    font-size: 2.933333333333333vw;
  }
  .item__arrow {
    width: 9.333333333333334vw;
  }
  .item__arrow:hover .a {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    fill: #000;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .item__slide {
    width: 100vw;
    height: 143.86666666666667vw;
  }
  .item__img {
    width: 100vw;
    height: 143.86666666666667vw;
  }
  .item__dots {
    top: 2vw;
    right: 2vw;
  }
  .item__dots li {
    width: 5.333333333333333vw;
    padding: 2vw 0;
  }
  .item__dots li svg {
    width: 2.933333333333333vw;
    height: 2.933333333333333vw;
  }
  .item__dots li .item__round {
    width: auto;
  }
  .item__desc {
    font-size: 3.333333333333333vw;
  }
  .item__temper {
    width: 3.6vw;
    top: 13.333333333333334vw;
    right: 16.4vw;
  }
  .item__style {
    width: 12.133333333333333vw;
    top: 19.333333333333332vw;
    right: 12.666666666666666vw;
  }
  .item__styling {
    left: 12.666666666666666vw;
    bottom: 32.666666666666664vw;
  }
  .item__styling__stylingA {
    width: 17.866666666666667vw;
    height: 3.733333333333333vw;
    padding: 2.666666666666667vw;
  }
  .item__styling .itemStyling__a {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  .item__styling:hover .itemStyling__a {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    fill: #000;
  }
}
.menu {
  z-index: 99999 !important;
  position: relative;
  display: none;
  -webkit-transition: opacity 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: opacity 640ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 640ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.menu--show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: opacity 640ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 640ms cubic-bezier(0.19, 1, 0.22, 1);
}
.menu__cont {
  z-index: 99998;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}
.menu__box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1000px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  overflow: auto;
  -webkit-transition: -webkit-transform 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: -o-transform 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: -ms-transform 640ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate3d(375px, 0, 0);
  -moz-transform: translate3d(375px, 0, 0);
  -o-transform: translate3d(375px, 0, 0);
  -ms-transform: translate3d(375px, 0, 0);
  transform: translate3d(375px, 0, 0);
}
.menu__header {
  z-index: 99999;
  position: fixed;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1000px;
  padding: 20px 0;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  -webkit-transition: -webkit-transform 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: -o-transform 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: -ms-transform 640ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 640ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate3d(375px, 0, 0);
  -moz-transform: translate3d(375px, 0, 0);
  -o-transform: translate3d(375px, 0, 0);
  -ms-transform: translate3d(375px, 0, 0);
  transform: translate3d(375px, 0, 0);
}
.menu__headerLogo {
  width: 77px;
  margin-left: 20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.menu__headerTtl {
  width: 245px;
}
.menu__btn {
  margin-right: 30px;
}
.menu__btnA {
  display: inline-block;
  width: 20px;
  padding: 5px 5px;
  -webkit-transition: -webkit-transform 160ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.menu__btnA:hover {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: -webkit-transform 160ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.menu__head {
  position: relative;
  margin-top: 113px;
}
.menu__headTtl {
  padding-top: 17px;
  margin-left: 276px;
  width: 333px;
}
.menu__headPic {
  position: absolute;
  top: 50px;
  right: 230px;
  width: 97px;
}
.menu__headLabel {
  position: absolute;
  top: 0;
  right: 263px;
  width: 86px;
}
.menu__backnumber {
  margin-top: 40px;
}
.menu__backnumberTtl {
  width: 183px;
  margin: 0 auto;
}
.menu__backnumberSubttl {
  width: 91px;
  margin: 15px auto 0;
}
.menu__items {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -o-box-pack: left;
  -ms-flex-pack: left;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 798px;
  margin: 5px auto 80px;
}
.menu__item {
  position: relative;
  z-index: 1;
  width: 182px;
  height: 270px;
  margin-right: 23px;
  margin-top: 25px;
  border-radius: 10px;
  overflow: hidden;
  color: #fff;
}
.menu__item:nth-child(4n) {
  margin-right: 0;
}
.menu__itemA {
  display: inline-block;
  position: relative;
}
.menu__itemA:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.menu__itemA:hover .menu__itemImg {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -o-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
  -webkit-transition: -webkit-transform 400ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.menu__itemA:hover:before {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  -webkit-transition: opacity 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition: opacity 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: opacity 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -ms-transition: opacity 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 150ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.menu__itemImg {
  -webkit-transition: -webkit-transform 400ms
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.menu__centerTxt {
  position: absolute;
  z-index: 2;
  top: 40%;
  left: 40%;
  font-size: 21px;
  text-align: center;
}
.menu__monthEn {
  margin-top: 7px;
}
.menu__monthNum {
  position: absolute;
  z-index: 2;
  right: 11px;
  bottom: 19px;
  font-size: 49px;
}
.menu--show .menu__side,
.menu--show .menu__box,
.menu--show .menu__header {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 736px) {
  .menu__box {
    width: 100vw;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-transform: translate3d(100vw, 0, 0);
    -moz-transform: translate3d(100vw, 0, 0);
    -o-transform: translate3d(100vw, 0, 0);
    -ms-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0);
  }
  .menu__header {
    z-index: 99999;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translate3d(100vw, 0, 0);
    -moz-transform: translate3d(100vw, 0, 0);
    -o-transform: translate3d(100vw, 0, 0);
    -ms-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0);
    padding: 4vw 0;
  }
  .menu__headerLogo {
    width: 15.733333333333333vw;
    margin-left: 4vw;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .menu__headerTtl {
    width: 46.13333333333333vw;
  }
  .menu__btn {
    margin-right: 2.666666666666667vw;
  }
  .menu__btnA {
    display: block;
    width: 5.066666666666666vw;
    padding: 2.666666666666667vw 2vw;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .menu__btnA:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .menu__head {
    margin-top: 18.4vw;
    width: 100%;
  }
  .menu__headTtl {
    padding-top: 8.266666666666666vw;
    margin-left: 4vw;
    width: 63.46666666666667vw;
  }
  .menu__headPic {
    top: 17.066666666666666vw;
    right: 1.066666666666667vw;
    width: 18.4vw;
  }
  .menu__headLabel {
    top: 5.066666666666666vw;
    right: 7.2vw;
    width: 16.53333333333333vw;
  }
  .menu__backnumber {
    margin-top: 10.933333333333334vw;
  }
  .menu__backnumberTtl {
    width: 30.4vw;
  }
  .menu__backnumberSubttl {
    width: 17.333333333333332vw;
    margin: 3.2vw auto 0;
  }
  .menu__items {
    width: 74.26666666666667vw;
    margin: 1.333333333333333vw auto 50.13333333333333vw;
    -webkit-box-pack: left;
    -moz-box-pack: left;
    -o-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
  }
  .menu__item {
    width: 34.666666666666664vw;
    height: 51.46666666666667vw;
    margin-right: 4.933333333333334vw;
    border-radius: 1.333333333333333vw;
    margin-top: 5.333333333333333vw;
  }
  .menu__item:nth-child(2n) {
    margin-right: 0;
  }
  .menu__itemA:before {
    display: none;
  }
  .menu__itemA:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .menu__itemA:hover .menu__itemImg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .menu__centerTxt {
    font-size: 4vw;
  }
  .menu__monthEn {
    margin-top: 1.333333333333333vw;
  }
  .menu__monthNum {
    right: 2.533333333333333vw;
    bottom: 2.533333333333333vw;
    font-size: 9.333333333333334vw;
  }
  .menu--show .menu__side,
  .menu--show .menu__box {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.more {
  text-align: center;
}
.more__ttl {
  width: 300px;
  margin: 143px auto 0;
}
.more__btn {
  display: inline-block;
  margin: 34px 8px 0 0;
}
.more__btnA {
  display: inline-block;
  position: relative;
  width: 158px;
  height: 60px;
  background-color: #000;
  color: #fff;
  border-radius: 3px;
  font-size: 20px;
  -webkit-transition: background-color 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: background-color 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: background-color 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: background-color 150ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 150ms cubic-bezier(0.19, 1, 0.22, 1);
}
.more__btnA:hover {
  background-color: #fe5226;
  -webkit-transition: background-color 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: background-color 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: background-color 150ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: background-color 150ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: background-color 150ms cubic-bezier(0.19, 1, 0.22, 1);
}
.more__btnTxt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.8, 1);
  -moz-transform: translate(-50%, -50%) scale(0.8, 1);
  -o-transform: translate(-50%, -50%) scale(0.8, 1);
  -ms-transform: translate(-50%, -50%) scale(0.8, 1);
  transform: translate(-50%, -50%) scale(0.8, 1);
}
@media screen and (max-width: 736px) {
  .more .more {
    text-align: center;
  }
  .more .more__ttl {
    width: 60vw;
    margin-top: 16.133333333333333vw;
  }
  .more .more__btn {
    margin: 7.2vw 1.6vw 0 0;
  }
  .more .more__btnA {
    width: 34.13333333333333vw;
    height: 13.333333333333334vw;
    border-radius: 0.4vw;
    font-size: 4.266666666666667vw;
  }
  .more .more__btnA:hover {
    background-color: #000;
  }
}
.op {
  position: fixed;
  top: 0;
  z-index: 98;
  width: 100%;
  height: 100vh;
  min-height: 860px;
  background-color: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}
.op.op--show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  pointer-events: auto;
  -webkit-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.op__cont {
  position: absolute;
  top: 54%;
  left: 48%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.op__ttl {
  position: relative;
  width: 104px;
  height: 288px;
}
.op__ttlImg {
  position: absolute;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -o-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
.op__ttlImg--1 {
  width: 43px;
  top: 0;
  right: 0;
}
.op__ttlImg--2 {
  width: 47px;
  top: 19px;
  left: 0;
}
.op__ttlImg--show {
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: -moz-transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: -o-transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: -ms-transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 250ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.op__pic {
  position: relative;
  width: 139px;
  height: 139px;
}
.op__picImg {
  position: absolute;
  top: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.op__picImg.opPic--show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.op__date {
  margin-top: 33px;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 736px) {
  .op {
    min-height: 117.33333333333333vw;
  }
  .op__cont {
    left: 40vw;
  }
  .op__ttl {
    width: 20.8vw;
    height: 57.6vw;
  }
  .op__ttlImg--1 {
    width: 8.666666666666666vw;
  }
  .op__ttlImg--2 {
    width: 9.466666666666667vw;
    top: 3.733333333333333vw;
  }
  .op__pic {
    width: 27.733333333333334vw;
    height: 27.733333333333334vw;
  }
  .op__date {
    margin-top: 6.666666666666667vw;
    font-size: 4vw;
  }
}
.recommend {
  text-align: center;
}
.recommend__ttl {
  width: 220px;
  margin: 58px auto 0;
}
.recommend__subttl {
  width: 109px;
  margin: 15px auto 0;
}
.recommend__items {
  margin-top: 30px;
}
.recommend__item {
  display: inline-block;
  margin-right: 70px;
}
.recommend__item:last-child {
  margin-right: 0;
}
.recommend__pic {
  position: relative;
  margin: 0 auto;
  width: 116px;
  height: 116px;
}
.recommend__picImg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-animation: change 10500ms steps(1, end) infinite;
  -moz-animation: change 10500ms steps(1, end) infinite;
  -o-animation: change 10500ms steps(1, end) infinite;
  -ms-animation: change 10500ms steps(1, end) infinite;
  animation: change 10500ms steps(1, end) infinite;
}
.recommend__picImg:nth-child(2) {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.recommend__picImg:nth-child(1) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  -ms-animation-delay: 0ms;
  animation-delay: 0ms;
}
.recommend__picImg:nth-child(2) {
  -webkit-animation-delay: 1500ms;
  -moz-animation-delay: 1500ms;
  -o-animation-delay: 1500ms;
  -ms-animation-delay: 1500ms;
  animation-delay: 1500ms;
}
.recommend__picImg:nth-child(3) {
  -webkit-animation-delay: 3000ms;
  -moz-animation-delay: 3000ms;
  -o-animation-delay: 3000ms;
  -ms-animation-delay: 3000ms;
  animation-delay: 3000ms;
}
.recommend__picImg:nth-child(4) {
  -webkit-animation-delay: 4500ms;
  -moz-animation-delay: 4500ms;
  -o-animation-delay: 4500ms;
  -ms-animation-delay: 4500ms;
  animation-delay: 4500ms;
}
.recommend__picImg:nth-child(5) {
  -webkit-animation-delay: 6000ms;
  -moz-animation-delay: 6000ms;
  -o-animation-delay: 6000ms;
  -ms-animation-delay: 6000ms;
  animation-delay: 6000ms;
}
.recommend__picImg:nth-child(6) {
  -webkit-animation-delay: 7500ms;
  -moz-animation-delay: 7500ms;
  -o-animation-delay: 7500ms;
  -ms-animation-delay: 7500ms;
  animation-delay: 7500ms;
}
.recommend__picImg:nth-child(7) {
  -webkit-animation-delay: 9000ms;
  -moz-animation-delay: 9000ms;
  -o-animation-delay: 9000ms;
  -ms-animation-delay: 9000ms;
  animation-delay: 9000ms;
}
.recommend__picImg--2:nth-child(1) {
  -webkit-animation-delay: 750ms;
  -moz-animation-delay: 750ms;
  -o-animation-delay: 750ms;
  -ms-animation-delay: 750ms;
  animation-delay: 750ms;
}
.recommend__picImg--2:nth-child(2) {
  -webkit-animation-delay: 2250ms;
  -moz-animation-delay: 2250ms;
  -o-animation-delay: 2250ms;
  -ms-animation-delay: 2250ms;
  animation-delay: 2250ms;
}
.recommend__picImg--2:nth-child(3) {
  -webkit-animation-delay: 3750ms;
  -moz-animation-delay: 3750ms;
  -o-animation-delay: 3750ms;
  -ms-animation-delay: 3750ms;
  animation-delay: 3750ms;
}
.recommend__picImg--2:nth-child(4) {
  -webkit-animation-delay: 5250ms;
  -moz-animation-delay: 5250ms;
  -o-animation-delay: 5250ms;
  -ms-animation-delay: 5250ms;
  animation-delay: 5250ms;
}
.recommend__picImg--2:nth-child(5) {
  -webkit-animation-delay: 6750ms;
  -moz-animation-delay: 6750ms;
  -o-animation-delay: 6750ms;
  -ms-animation-delay: 6750ms;
  animation-delay: 6750ms;
}
.recommend__picImg--2:nth-child(6) {
  -webkit-animation-delay: 8250ms;
  -moz-animation-delay: 8250ms;
  -o-animation-delay: 8250ms;
  -ms-animation-delay: 8250ms;
  animation-delay: 8250ms;
}
.recommend__picImg--2:nth-child(7) {
  -webkit-animation-delay: 9750ms;
  -moz-animation-delay: 9750ms;
  -o-animation-delay: 9750ms;
  -ms-animation-delay: 9750ms;
  animation-delay: 9750ms;
}
.recommend__for,
.recommend__name {
  font-size: 16.8px;
  line-height: 1.125;
  text-transform: uppercase;
}
.recommend__for {
  margin-top: 18px;
}
.recommend__bnr {
  position: relative;
  width: 500px;
  margin: 60px auto 0;
}
.recommend__bnrPic {
  position: absolute;
  top: -25px;
  right: -25px;
  width: 118px;
  -webkit-animation: katakata 1000ms 1500ms steps(1) infinite;
  -moz-animation: katakata 1000ms 1500ms steps(1) infinite;
  -o-animation: katakata 1000ms 1500ms steps(1) infinite;
  -ms-animation: katakata 1000ms 1500ms steps(1) infinite;
  animation: katakata 1000ms 1500ms steps(1) infinite;
}
@-moz-keyframes change {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  7% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  14% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  22% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes change {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  7% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  14% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  22% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes change {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  7% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  14% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  22% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes change {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  7% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  14% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  22% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@media screen and (max-width: 736px) {
  .recommend {
    text-align: center;
  }
  .recommend__ttl {
    width: 41.46666666666667vw;
    margin: 8.666666666666666vw auto 0;
  }
  .recommend__subttl {
    width: 20.666666666666668vw;
    margin: 2.266666666666667vw auto 0;
  }
  .recommend__items {
    margin-top: 5.733333333333333vw;
  }
  .recommend__item {
    margin-right: 15.066666666666666vw;
  }
  .recommend__item:last-child {
    margin-right: 0;
  }
  .recommend__pic {
    width: 22.53333333333333vw;
    height: 22.53333333333333vw;
  }
  .recommend__for,
  .recommend__name {
    font-size: 3.2vw;
    line-height: 1.125;
  }
  .recommend__for {
    margin-top: 2.666666666666667vw;
  }
  .recommend__bnr {
    width: 91.73333333333333vw;
    margin: 11.333333333333334vw auto 0;
  }
  .recommend__bnrPic {
    position: absolute;
    top: -2.666666666666667vw;
    right: -8.666666666666666vw;
    width: 22.53333333333333vw;
  }
}
.wrapper {
  overflow: hidden;
}
.content {
  display: none;
}
.txt-thin {
  -webkit-transform: scale(0.8, 1);
  -moz-transform: scale(0.8, 1);
  -o-transform: scale(0.8, 1);
  -ms-transform: scale(0.8, 1);
  transform: scale(0.8, 1);
}
.txt-thick {
  -webkit-transform: scale(1.3, 1);
  -moz-transform: scale(1.3, 1);
  -o-transform: scale(1.3, 1);
  -ms-transform: scale(1.3, 1);
  transform: scale(1.3, 1);
}
.border {
  width: 1100px;
  height: 1px;
  background-color: #e2e2e2;
  border: none;
}
.slick-slide {
  outline: none;
}
.slick-slide a {
  outline: none;
}
.slick-slide:active {
  outline: none;
}
@media screen and (max-width: 736px) {
  .border {
    width: 88vw;
    height: 2px;
  }
  .border--long {
    width: 100%;
  }
}
@-moz-keyframes powan {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes powan {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes powan {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes powan {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes powanbig {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes powanbig {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes powanbig {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes powanbig {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes katakata {
  0%,
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
}
@-webkit-keyframes katakata {
  0%,
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
}
@-o-keyframes katakata {
  0%,
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
}
@keyframes katakata {
  0%,
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
}