@charset "UTF-8";
/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/*
 * Normalization
 */
audio:not([controls]) {
  display: none;
  /* Chrome 44-, iOS 8+, Safari 9+ */
}

button {
  overflow: visible;
  /* Internet Explorer 11- */
  -webkit-appearance: button;
  /* iOS 8+ */
}

details {
  display: block;
  /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* Edge 12+, Internet Explorer 11- */
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

input {
  -webkit-border-radius: 0;
}

input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* iOS 8+ */
}

input[type=search] {
  -webkit-appearance: textfield;
  /* Chrome 45+, Safari 9+ */
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Chrome 45+, Safari 9+ */
}

main {
  display: block;
  /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */
}

pre {
  overflow: auto;
  /* Internet Explorer 11- */
}

progress {
  display: inline-block;
  /* Internet Explorer 11-, Windows Phone 8.1+ */
}

small {
  font-size: 75%;
  /* All browsers */
}

summary {
  display: block;
  /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
}

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

template {
  display: none;
  /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */
}

textarea {
  overflow: auto;
  /* Edge 12+, Internet Explorer 11- */
}

[hidden] {
  display: none;
  /* Internet Explorer 10- */
}

/*
 * Universal inheritance
 */
*,
:before,
:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

* {
  font-size: inherit;
  line-height: inherit;
}

:before,
:after {
  text-decoration: inherit;
  vertical-align: inherit;
}

/*
 * Opinionated defaults
 */
/* specify the border style and width of all elements */
*,
:before,
:after {
  border-style: solid;
  border-width: 0;
}

/* specify the core styles of all elements */
* {
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

/* specify the root styles of the document */
:root {
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000000;
  cursor: default;
  font: 100%/1.5 sans-serif;
  text-rendering: optimizeLegibility;
}

/* specify the text decoration of anchors */
a {
  text-decoration: none;
}

/* specify the alignment of media elements */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* specify the background color of form elements */
button,
input,
select,
textarea {
  background-color: transparent;
}

/* specify the inherited color and font of form elements */
button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/* specify the minimum height of form elements */
button,
[type=button],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=reset],
[type=search],
[type=submit],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
  min-height: 1.5em;
}

/* specify the font family of code elements */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

/* specify the list style of nav lists */
nav ol,
nav ul {
  list-style: none;
}

/* specify the standard appearance of selects */
select {
  -moz-appearance: none;
  /* Firefox 40+ */
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
  /* Edge 12+, Internet Explorer 11- */
}

select::-ms-value {
  color: currentColor;
  /* Edge 12+, Internet Explorer 11- */
}

/* specify the border styling of tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* specify the resizability of textareas */
textarea {
  resize: vertical;
}

/* specify the background color, font color, and drop shadow of text selections */
::-moz-selection {
  background-color: #b3d4fc;
  /* required when declaring ::selection */
  color: #4c2b03;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* required when declaring ::selection */
  color: #4c2b03;
  text-shadow: none;
}

/* specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* specify the style of visually hidden yet accessible elements */
[hidden][aria-hidden=false] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute;
}

[hidden][aria-hidden=false]:focus {
  clip: auto;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.row__item--mobile-1 {
  width: 8.3333333333%;
}
.row__item--mobile-2 {
  width: 16.6666666667%;
}
.row__item--mobile-3 {
  width: 25%;
}
.row__item--mobile-4 {
  width: 33.3333333333%;
}
.row__item--mobile-5 {
  width: 41.6666666667%;
}
.row__item--mobile-6 {
  width: 50%;
}
.row__item--mobile-7 {
  width: 58.3333333333%;
}
.row__item--mobile-8 {
  width: 66.6666666667%;
}
.row__item--mobile-9 {
  width: 75%;
}
.row__item--mobile-10 {
  width: 83.3333333333%;
}
.row__item--mobile-11 {
  width: 91.6666666667%;
}
.row__item--mobile-12 {
  width: 100%;
}
.row__item--mobile-fifth {
  width: 20%;
}
@media screen and (min-width: 768px) {
  .row__item--tablet-1 {
    width: 8.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-2 {
    width: 16.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-3 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-5 {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-6 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-7 {
    width: 58.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-8 {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-9 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-10 {
    width: 83.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-11 {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-12 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .row__item--tablet-fifth {
    width: 20%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-1 {
    width: 8.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-2 {
    width: 16.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-3 {
    width: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-5 {
    width: 41.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-6 {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-7 {
    width: 58.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-8 {
    width: 66.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-9 {
    width: 75%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-10 {
    width: 83.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-11 {
    width: 91.6666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .row__item--desktop-fifth {
    width: 20%;
  }
}
.row--mini {
  margin: -5px;
}
.row--mini .row__item {
  padding: 5px;
}
.row--std {
  margin: -10px;
}
.row--std .row__item {
  padding: 10px;
}
.row--base {
  margin: -15px;
}
.row--base .row__item {
  padding: 15px;
}
.row--wide {
  margin: -20px;
}
.row--wide .row__item {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .row--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.row--col-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

:root {
  font-size: 62.5%;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?msds43");
  src: url("../fonts/icomoon.eot?msds43#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?msds43") format("truetype"), url("../fonts/icomoon.woff?msds43") format("woff"), url("../fonts/icomoon.svg?msds43#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Barlow Semi Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #000;
  line-height: 1.8;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.alignleft,
.alignright,
.aligncenter {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1em auto;
}

@media screen and (min-width: 768px) {
  .alignleft {
    float: left;
    margin: 0 1em 0 0;
  }
}

@media screen and (min-width: 768px) {
  .alignright {
    float: right;
    margin: 0 0 0 1em;
  }
}

img.aligncenter {
  max-width: 100%;
  height: auto;
}

.container {
  position: relative;
  max-width: 1110px;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 768px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .container {
    margin-left: auto;
    margin-right: auto;
  }
}

/*********************/
/*  見出し  */
/*********************/
.page-header {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 7rem;
  z-index: 1;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}
.page-header__title {
  color: #fff;
  line-height: 1.5;
  padding: 0 10px;
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-transition: 2s ease-out;
  -o-transition: 2s ease-out;
  transition: 2s ease-out;
  opacity: 0;
}
.page-header__title-en, .page-header__title-ja {
  display: block;
}
.page-header__title-en {
  font-size: 2.8rem;
  font-weight: 600;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  .page-header__title-en {
    font-size: 3.4rem;
  }
}
.page-header__title-ja {
  font-size: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .page-header__title-ja {
    font-size: 1.5rem;
  }
}
.page-header__title--active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.page-header:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -35px;
  width: 100%;
  height: 200px;
  background: #d80c18;
  -webkit-transform: skewY(-6deg);
      -ms-transform: skewY(-6deg);
          transform: skewY(-6deg);
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .page-header:before {
    -webkit-transform: skewY(-3deg);
        -ms-transform: skewY(-3deg);
            transform: skewY(-3deg);
  }
}
@media screen and (min-width: 1024px) {
  .page-header:before {
    -webkit-transform: skewY(-2deg);
        -ms-transform: skewY(-2deg);
            transform: skewY(-2deg);
    bottom: -50px;
  }
}
@media screen and (min-width: 1600px) {
  .page-header:before {
    -webkit-transform: skewY(-1deg);
        -ms-transform: skewY(-1deg);
            transform: skewY(-1deg);
  }
}
.page-header--active {
  -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
          transform: translateY(15px);
}

.page-article {
  margin-top: 9rem;
}
@media screen and (min-width: 768px) {
  .page-article {
    margin-top: 8rem;
  }
}
@media screen and (min-width: 1024px) {
  .page-article {
    margin-top: 13rem;
  }
}
.page-article__title {
  display: block;
  color: #000;
  font-size: 1.8rem;
  margin: 3rem 0;
}
@media screen and (min-width: 1024px) {
  .page-article__title {
    font-size: 2.5rem;
  }
}
.page-article__title:after {
  display: none;
  content: "";
  left: 0;
  bottom: 0;
  width: 24px;
  height: 3px;
  background: #000;
  margin-top: 1.5rem;
}
.page-article__title--fukubako {
  color: #d80c18;
  text-align: center;
  margin: 2rem 0;
}

.post-type-pickup_contents,
.post-type-page {
  padding-bottom: 3rem;
}
.post-type-pickup_contents p,
.post-type-page p {
  font-size: 1.4rem;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .post-type-pickup_contents p,
.post-type-page p {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .post-type-pickup_contents p,
.post-type-page p {
    font-size: 1.7rem;
    line-height: 2;
  }
}
.post-type-pickup_contents p:not(:first-child),
.post-type-page p:not(:first-child) {
  margin-top: 1.5rem;
}
.post-type-pickup_contents a,
.post-type-page a {
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.post-type-pickup_contents a:hover,
.post-type-page a:hover {
  opacity: 0.7;
}
.post-type-pickup_contents a:not([class]),
.post-type-page a:not([class]) {
  color: #d80c18;
  text-decoration: none;
  border-bottom: 1px dotted #d80c18;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.post-type-pickup_contents .h2,
.post-type-page .h2 {
  font-size: 1.6rem;
  font-weight: normal;
  color: #fff;
  background: #d80c18;
  line-height: 1.5;
  padding: 1.5rem 1.5rem;
  margin: 3rem 0 0;
}
@media screen and (min-width: 1024px) {
  .post-type-pickup_contents .h2,
.post-type-page .h2 {
    font-size: 1.9rem;
    padding: 0.5rem 1.5rem;
  }
}
.post-type-pickup_contents .h3,
.post-type-page .h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 3rem 0 0;
  /*
  padding: 0 0 .5rem;
  */
  /*
  &:after {
    display: block;
    content: "";
    left: 0;
    bottom: 0;
    width: 24px;
    border-bottom: 3px dashed $color_font_base;
    margin-top: 1.5rem;
  }
  */
}
@media screen and (min-width: 1024px) {
  .post-type-pickup_contents .h3,
.post-type-page .h3 {
    font-size: 2.2rem;
  }
}
.post-type-pickup_contents .h4,
.post-type-page .h4 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #d80c18;
  margin: 3rem 0 0;
}
@media screen and (min-width: 1024px) {
  .post-type-pickup_contents .h4,
.post-type-page .h4 {
    font-size: 2rem;
  }
}
.post-type-pickup_contents .h5,
.post-type-page .h5 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #1a2a6f;
  margin: 1.5rem 0 0;
}
@media screen and (min-width: 1024px) {
  .post-type-pickup_contents .h5,
.post-type-page .h5 {
    font-size: 1.6rem;
  }
}

.h2-black {
  position: relative;
  font-weight: normal;
  color: #fff;
  background: #000;
  padding: 1.5rem 2.5rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .h2-black {
    margin: 0 -1.5rem;
  }
}
.h2-black-ja, .h2-black-en {
  position: inherit;
  z-index: 1;
}
.h2-black-ja {
  font-size: 1.6rem;
}
@media screen and (min-width: 1024px) {
  .h2-black-ja {
    font-size: 1.9rem;
  }
}
.h2-black-en {
  font-size: 1.2rem;
  font-style: italic;
  padding-left: 2rem;
}
@media screen and (min-width: 1024px) {
  .h2-black-en {
    font-size: 1.6rem;
  }
}

.font-red {
  color: #d80c18;
}

.font-blue {
  color: #1a2a6f;
}

/*********************/
/*  公開確認用ページ  */
/*********************/
.confirm-table {
  width: 100%;
  table-layout: fixed;
  font-size: 1.6rem;
  margin: 1.5rem 0 3rem;
}
.confirm-table tr {
  border-bottom: 1px solid #f4f4f4;
}
.confirm-table th,
.confirm-table td {
  text-align: left;
  padding: 10px;
}

.debug-table {
  width: 100%;
  font-size: 1.6rem;
  background: #fafafa;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .debug-table {
    font-size: 1.2rem;
  }
}
.debug-table__data {
  font-weight: bold;
}
.debug-table__data--future {
  color: #d80c18;
}
.debug-table__data--publish {
  color: #1a2a6f;
}
.debug-table tr {
  border-bottom: 1px solid #f4f4f4;
  padding: 5px;
}
.debug-table tr:first-child {
  border-top: 1px solid #f4f4f4;
}
.debug-table th {
  color: #c4c4c4;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .debug-table th {
    padding: 10px;
  }
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  z-index: 9999;
}
.loader__icon {
  position: absolute;
  border-left: 2px solid #000;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  height: 46px;
  width: 46px;
  left: 50%;
  top: 50%;
  margin: -23px 0 0 -23px;
  text-indent: -9999em;
  font-size: 10px;
  z-index: 9999;
  -webkit-animation: load 0.8s infinite linear;
          animation: load 0.8s infinite linear;
}
.loader__icon, .loader__icon:after {
  border-radius: 50%;
  width: 46px;
  height: 46px;
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media only screen and (max-width: 768px) {
  /* parts */
  .w-wrap {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    letter-spacing: 0em;
    line-height: 1em;
    color: #333;
    overflow: hidden;
  }

  .w01 {
    background: #ebe9df;
    padding: 8% 0;
  }

  .w01.dtl {
    padding: 4% 4% 8% 4%;
  }

  .w02 {
    background: #fff;
    padding: 8% 5.2%;
  }

  .w-ttl-img {
    display: block;
    width: 76.666%;
    margin: 0 auto 4% auto;
  }

  .w-ttl-img + p {
    font-size: 2.666vw;
    line-height: 1.8em;
    letter-spacing: 0.04em;
    font-weight: bold;
    text-align: center;
  }

  .w-link-more {
    clear: both;
    display: block;
    width: 200px;
    line-height: 36px;
    border-radius: 36px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #2490d0;
    letter-spacing: 0.12em;
    font-size: 14px;
    margin: 0 auto 0 auto;
    position: relative;
  }

  .w-link-more:after {
    content: "";
    width: 7px;
    height: 10px;
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -5px;
    background: url(../images/ico-w-more.png) center center/cover no-repeat;
  }

  .w-slide a {
    width: 165px !important;
  }

  .bx-wrapper {
    width: 89.333%;
    margin: 3.2% auto !important;
    padding: 0;
  }

  .bx-wrapper .bx-viewport {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: auto;
    background: none;
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0);
    overflow: visible !important;
  }

  .w-slide a {
    position: relative;
  }

  .w-slide a img {
    border-radius: 4px;
  }

  .w-new {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 38px;
    height: 38px;
    background: url(../images/ico-w-new.png) center center/cover no-repeat;
    display: block;
  }

  .bx-wrapper .bx-prev {
    left: -3.2%;
    background: url(../images/ico-w-prev.png) center center/cover no-repeat;
  }

  .bx-wrapper .bx-next {
    right: -3.2%;
    background: url(../images/ico-w-next.png) center center/cover no-repeat;
  }

  .bx-wrapper .bx-prev:hover {
    background-position: center center;
  }

  .bx-wrapper .bx-next:hover {
    background-position: center center;
  }

  /* list */
  .js-load {
    display: none;
  }

  .js-load.active {
    display: block;
  }

  .w-list {
    padding: 5.2%;
  }

  .w-list a {
    float: left;
    position: relative;
    width: 31.343%;
    margin: 0 0 2.985% 2.985%;
    display: none;
  }

  .w-list a img {
    border-radius: 4px;
  }

  .w-list a:nth-of-type(3n-2) {
    margin: 0 0 2.985% 0;
  }

  .w-ttl01 {
    font-size: 3.733vw;
    letter-spacing: 0.08em;
    font-weight: bold;
    margin-bottom: 4%;
  }

  .w-ttl01 strong {
    font-size: 5.333vw;
    letter-spacing: 0.08em;
    font-weight: bold;
  }

  .w-ttl01 + p {
    font-size: 3.2vw;
    letter-spacing: 0.04em;
    line-height: 1.8em;
    margin-bottom: 4%;
  }

  /* detail */
  .w-col {
    padding: 4%;
    margin-bottom: 4%;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
    position: relative;
  }

  .w-col img {
    border-radius: 4px;
  }

  .w-new-b {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 60px;
    height: 60px;
    background: url(../images/ico-w-new-b.png) center center/cover no-repeat;
    display: block;
  }

  .w-col strong {
    display: block;
    font-size: 4vw;
    letter-spacing: 0.04em;
    font-weight: bold;
    margin: 0 0 3.2% 0;
  }

  .w-col .col {
    width: 31.343%;
    float: left;
    margin-left: 2.985%;
  }

  .w-col .col:nth-of-type(1) {
    margin-left: 0;
  }

  .w-col img {
    display: block;
  }

  .w-col p {
    font-size: 3.2vw;
    letter-spacing: 0.02em;
    line-height: 1.6em;
    margin-top: 4%;
  }

  .w-col p span {
    font-size: 2.666vw;
    letter-spacing: 0.02em;
    line-height: 1.6em;
    display: block;
  }

  .w-col .data {
    font-size: 3.2vw;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    font-weight: bold;
    padding: 3.2% 4%;
    background: #f6f7f8;
    border-radius: 4px;
  }

  .w-col + .w-link-more {
    margin-top: 8%;
  }
}
@media only screen and (max-width: 375px) {
  .w-slide a {
    width: 105px !important;
  }

  .w-link-more {
    display: block;
    width: 48%;
    line-height: 36px;
    border-radius: 36px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #2490d0;
    letter-spacing: 0.12em;
    font-size: 3.466vw;
    margin: 0 auto;
    position: relative;
  }

  .w-link-more:after {
    content: "";
    width: 7px;
    height: 10px;
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -5px;
    background: url(../images/ico-w-more.png) center center/cover no-repeat;
  }

  .bx-wrapper {
    width: 89.333%;
    margin: 5.2% auto !important;
    padding: 0;
  }
}
@media only screen and (max-width: 320px) {
  .w-slide a {
    width: 90px !important;
  }
}
@media only screen and (min-width: 769px) {
  /* parts */
  .w-wrap {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    letter-spacing: 0em;
    line-height: 1em;
    color: #333;
    overflow: hidden;
  }

  .w01 {
    background: #ebe9df;
    padding: 80px 0;
  }

  .w01.dtl {
    padding: 40px 0;
  }

  .w02 {
    background: #fff;
    padding: 80px 0;
    margin: 0 auto;
    width: 800px;
  }

  .w-ttl-img {
    display: block;
    width: auto;
    margin: 0 auto 20px auto;
  }

  .w-ttl-img + p {
    font-size: 14px;
    line-height: 1.8em;
    letter-spacing: 0.04em;
    font-weight: bold;
    text-align: center;
  }

  .w-link-more {
    clear: both;
    display: block;
    width: 200px;
    line-height: 36px;
    border-radius: 36px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #2490d0;
    letter-spacing: 0.12em;
    font-size: 14px;
    margin: 0 auto 0 auto;
    position: relative;
  }

  .w-link-more:after {
    content: "";
    width: 7px;
    height: 10px;
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -5px;
    background: url(../images/ico-w-more.png) center center/cover no-repeat;
  }

  .bx-wrapper {
    width: 92%;
    margin: 40px auto !important;
    padding: 0;
  }

  .bx-wrapper .bx-viewport {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: auto;
    background: none;
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0);
    overflow: visible !important;
  }

  .w-slide a {
    position: relative;
    width: 240px !important;
  }

  .w-slide a img {
    border-radius: 4px;
  }

  .w-new {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 56px;
    height: 56px;
    background: url(../images/ico-w-new.png) center center/cover no-repeat;
    display: block;
  }

  .bx-wrapper .bx-prev {
    left: -3.2%;
    background: url(../images/ico-w-prev.png) center center/cover no-repeat;
  }

  .bx-wrapper .bx-next {
    right: -3.2%;
    background: url(../images/ico-w-next.png) center center/cover no-repeat;
  }

  .bx-wrapper .bx-prev:hover {
    background-position: center center;
  }

  .bx-wrapper .bx-next:hover {
    background-position: center center;
  }

  /* list */
  .js-load {
    display: none;
  }

  .js-load.active {
    display: block;
  }

  .w-list {
    padding: 40px 0 12px 0;
    margin: 0 auto;
    width: 1000px;
  }

  .w-list a {
    float: left;
    position: relative;
    width: 22.761%;
    margin: 0 0 2.985% 2.985%;
    display: none;
  }

  .w-list a img {
    border-radius: 4px;
    max-width: 100%;
    height: auto;
  }

  .w-list a:nth-of-type(4n-3) {
    margin: 0 0 2.985% 0;
  }

  .w-ttl01 {
    font-size: 20px;
    letter-spacing: 0.08em;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .w-ttl01 strong {
    font-size: 28px;
    letter-spacing: 0.08em;
    font-weight: bold;
  }

  .w-ttl01 + p {
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 1.8em;
    margin-bottom: 40px;
  }

  /* detail */
  .w-wrap-dtl-pc {
    width: 1000px;
    margin: 0 auto;
  }

  .w-col {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .dtl .w-col:nth-of-type(1) {
    float: left;
    width: 540px;
  }

  .dtl .w-col:nth-of-type(2) {
    float: right;
    width: 440px;
  }

  .dtl .w-col:nth-of-type(3) {
    float: right;
    width: 440px;
  }

  .w-col img {
    border-radius: 4px;
    max-width: 100%;
    height: auto;
  }

  .w-new-b {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 60px;
    height: 60px;
    background: url(../images/ico-w-new-b.png) center center/cover no-repeat;
    display: block;
  }

  .w-col strong {
    display: block;
    font-size: 16px;
    letter-spacing: 0.04em;
    font-weight: bold;
    margin: 0 0 12px 0;
  }

  .w-col .col {
    width: 31.343%;
    float: left;
    margin-left: 2.985%;
  }

  .w-col .col:nth-of-type(1) {
    margin-left: 0;
  }

  .w-col img {
    display: block;
  }

  .w-col p {
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.6em;
    margin-top: 4px;
  }

  .w-col p span {
    font-size: 10px;
    letter-spacing: 0.02em;
    line-height: 1.6em;
    display: block;
  }

  .w-col .data {
    font-size: 12px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    font-weight: bold;
    padding: 8px 12px;
    background: #f6f7f8;
    border-radius: 4px;
  }

  .w-col + .w-link-more {
    margin-top: 40px;
  }
}
.stylebook-hero__image {
  display: block;
  position: relative;
  max-width: 360px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .stylebook-hero__image {
    max-width: 480px;
  }
}
.stylebook-hero__model {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.2rem;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.8);
  padding: 0px 10px;
}

@media screen and (min-width: 768px) {
  .stylebook-relation {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .stylebook-relation {
    margin-top: 5rem;
  }
}
.stylebook-relation__etc {
  margin: 3rem 0;
}
.stylebook-relation__etc + .stylebook-relation__etc {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .stylebook-relation__etc + .stylebook-relation__etc {
    margin-top: -3rem;
  }
}

@media screen and (max-width: 767px) {
  .sb-slider {
    margin: 0 -1rem;
  }
}
.sb-slider__item {
  position: relative;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.sb-slider__item:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6) inset;
          box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6) inset;
  opacity: 0;
  z-index: 1;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.sb-slider__item:hover:before {
  -webkit-box-shadow: 0 0 0 2px #d80c18 inset;
          box-shadow: 0 0 0 2px #d80c18 inset;
  opacity: 1;
}
.sb-slider__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .stylebook-list-wrap {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .stylebook-list-wrap {
    margin: 0 -1rem;
  }
}

.stylebook-list {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6);
          box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6);
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 1024px) {
  .stylebook-list {
    margin: 1rem;
  }
}
.stylebook-list:hover {
  -webkit-box-shadow: 0 0 0 2px #d80c18;
          box-shadow: 0 0 0 2px #d80c18;
}
.stylebook-list__edit {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  background: #d80c18;
  border: 2px solid #d80c18;
  color: #fff;
  padding: 0.5rem 1rem;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.stylebook-list__edit:hover {
  background: #fff;
  color: #d80c18;
}
.stylebook-list__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.stylebook-list__model {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.2rem;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.8);
  padding: 0px 10px;
}
.stylebook-list--new:before, .stylebook-list--new:after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  content: "";
  background: #d80c18;
}
.stylebook-list--new:before {
  width: 22px;
  content: "NEW";
  font-size: 1rem;
  font-style: italic;
  text-align: center;
  color: #fff;
  padding-left: 3px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .stylebook-list--new:before {
    height: 15px;
    line-height: 15px;
  }
}
@media screen and (min-width: 768px) {
  .stylebook-list--new:before {
    width: 40px;
    font-size: 1.2rem;
    padding-left: 7px;
  }
}
.stylebook-list--new:after {
  width: 20px;
  left: 7px;
  -webkit-transform: skewX(-30deg);
      -ms-transform: skewX(-30deg);
          transform: skewX(-30deg);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .stylebook-list--new:after {
    height: 15px;
  }
}
@media screen and (min-width: 768px) {
  .stylebook-list--new:after {
    left: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .styelebook-meta {
    font-size: 1.6rem !important;
  }
}

.select-kind {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0 3rem;
  margin-top: -2rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .select-kind {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .select-kind {
    margin-top: -3rem;
    padding-bottom: 2rem;
  }
}
.select-kind--pickup {
  margin-top: 2rem;
}
@media screen and (max-width: 1023px) {
  .select-kind--pickup {
    padding-bottom: 1rem;
  }
}
.select-kind__item {
  position: relative;
  list-style: none;
  padding: 0 3rem;
}
.select-kind__item:not(:first-child):after {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  content: "";
  width: 1px;
  height: 33px;
  background: #000;
  -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
          transform: translateY(-30%);
}
.select-kind__item--active .select-kind__ctg--ladies {
  color: #d80c18;
  border-bottom-color: #d80c18;
}
.select-kind__item--active .select-kind__ctg--mens {
  color: #1a2a6f;
  border-bottom-color: #1a2a6f;
}
.select-kind__item:hover a {
  opacity: 1;
}
.select-kind__ctg {
  font-size: 2.2rem;
  font-weight: 600;
  font-style: italic;
  color: #c4c4c4;
  border-bottom: 2px solid #c4c4c4;
  padding-bottom: 5px;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 768px) {
  .select-kind__ctg {
    font-size: 2.6rem;
  }
}
.select-kind__ctg--ladies:hover {
  color: #d80c18;
  border-bottom-color: #d80c18;
}
.select-kind__ctg--mens:hover {
  color: #1a2a6f;
  border-bottom-color: #1a2a6f;
}

.ctg-list-wrap {
  margin: 0rem 0.5rem 2rem;
}
@media screen and (min-width: 768px) {
  .ctg-list-wrap {
    margin: 3rem 0;
  }
}

.ctg-list {
  display: block;
}
.ctg-list:first-child {
  border-left: 1px solid #d80c18;
}
.ctg-list__item {
  position: relative;
  list-style: none;
}
.ctg-list__link {
  display: block;
  height: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #d80c18;
  padding: 15px;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 768px) {
  .ctg-list__link {
    font-size: 1.6rem;
    padding: 15px 25px;
  }
}
.ctg-list__link--parent {
  border-top: 1px solid #d80c18;
  border-right: 1px solid #d80c18;
  border-bottom: 1px solid #d80c18;
}
.ctg-list__link--parent:before {
  display: inline-block;
  content: "";
  top: 50%;
  font-family: "icomoon";
  font-style: normal;
  font-size: 1.4rem;
  color: #d80c18;
  margin-right: 12px;
  vertical-align: baseline;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.ctg-list__toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 55px;
  outline: none;
}
@media screen and (min-width: 768px) {
  .ctg-list__toggle {
    height: 60px;
  }
}
.ctg-list__toggle:before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  right: 10px;
  font-family: "icomoon";
  font-style: normal;
  font-size: 1rem;
  color: #d80c18;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 768px) {
  .ctg-list__toggle:before {
    right: 15px;
    font-size: 1.2rem;
  }
}
.ctg-list__toggle--active:before {
  -webkit-transform: rotate(-180deg) translate(50%, 30%);
      -ms-transform: rotate(-180deg) translate(50%, 30%);
          transform: rotate(-180deg) translate(50%, 30%);
}
.ctg-list--child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ctg-list--child .ctg-list__item {
  width: 50%;
}
.ctg-list--child .ctg-list__link {
  font-size: 1.3rem;
  font-weight: normal;
  border-right: 1px solid #d80c18;
  border-bottom: 1px solid #d80c18;
  background: #fff2f2;
  padding: 8px 15px;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 768px) {
  .ctg-list--child .ctg-list__link {
    font-size: 1.4rem;
    padding: 10px 25px;
  }
}
.ctg-list--child .ctg-list__link:after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  right: 12px;
  font-family: "icomoon";
  font-style: normal;
  font-size: 1rem;
  color: #d80c18;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 768px) {
  .ctg-list--child .ctg-list__link:after {
    right: 25px;
    font-size: 1.2rem;
  }
}
.ctg-list--child .ctg-list__link:hover {
  color: #fff;
  background: #d80c18;
  opacity: 1;
}
.ctg-list--child .ctg-list__link:hover:after {
  color: #fff;
}
.ctg-list--mens:first-child {
  border-left: 1px solid #1a2a6f;
}
.ctg-list--mens .ctg-list__link {
  color: #1a2a6f;
}
.ctg-list--mens .ctg-list__link:before {
  color: #1a2a6f;
}
.ctg-list--mens .ctg-list__link--parent {
  border-top: 1px solid #1a2a6f;
  border-right: 1px solid #1a2a6f;
  border-bottom: 1px solid #1a2a6f;
}
.ctg-list--mens .ctg-list__toggle:before {
  color: #1a2a6f;
}
.ctg-list--mens .ctg-list--child .ctg-list__link {
  border-right: 1px solid #1a2a6f;
  border-bottom: 1px solid #1a2a6f;
  background: #e2e5f2;
}
.ctg-list--mens .ctg-list--child .ctg-list__link:after {
  color: #1a2a6f;
}
.ctg-list--mens .ctg-list--child .ctg-list__link:hover {
  background: #1a2a6f;
}
.ctg-list--mens .ctg-list--child .ctg-list__link:hover:after {
  color: #fff;
}

/*********************************************************/
/* 写真ギャラリー */
/*********************************************************/
.photoslider {
  width: 100%;
  z-index: 0;
  background: #f4f4f4;
}
@media screen and (min-width: 768px) {
  .photoslider {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
.photoslider:not(:first-child) {
  margin: 2rem auto;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .photoslider .photoslider-nav .slick-arrow {
    width: 40px;
    height: 40px;
    font-size: 1.6rem;
  }
}
.photoslider .photoslider-main {
  background: #f4f4f4;
}
.photoslider .photoslider-main__item {
  position: relative;
  padding: 10px;
  padding-bottom: 10px;
}
.photoslider .photoslider-main__item img {
  margin: auto;
}
.photoslider .photoslider-main__caption {
  display: block;
  width: 100%;
  height: auto;
  font-size: 1.6rem;
  font-style: italic;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 767px) {
  .photoslider .photoslider-main__caption {
    line-height: 1.3;
  }
}
@media screen and (min-width: 768px) {
  .photoslider .photoslider-main__caption {
    font-size: 1.8rem;
    padding-top: 10px;
  }
}
.photoslider .photoslider-nav {
  background: #f4f4f4;
}
@media screen and (min-width: 768px) {
  .photoslider .photoslider-nav {
    padding: 0 10px 10px 10px;
  }
}
.photoslider .photoslider-nav .slick-current {
  position: relative;
}
.photoslider .photoslider-nav .slick-current:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.photoslider .slick-track {
  margin-left: auto;
  margin-right: auto;
}

/*  パンくず  */
.breadcrumb-wrap {
  display: block;
  overflow: hidden;
  padding-top: 6rem;
}

.breadcrumb {
  position: relative;
  background: #f4f4f4;
}
.breadcrumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.3rem;
  list-style: none;
  white-space: nowrap;
}
.breadcrumb-list__link {
  display: inline-block;
  color: #000;
  /*
  pointer-events: none;
  */
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.breadcrumb-list__link:hover {
  opacity: 1;
}
.breadcrumb-list__item:last-child .breadcrumb-list__link {
  pointer-events: none;
}
.breadcrumb-list__sep {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #000;
  margin: 0 1rem 0.2rem;
  border-right: 1px solid #000;
}
.breadcrumb:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  width: 100%;
  height: 85px;
  background: #f4f4f4;
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  z-index: 0;
}

/*********************/
/* サブ　スタイルブック   */
/*********************/
@media screen and (max-width: 767px) {
  .product-card-wrap {
    margin: 0 -1rem;
  }
}

.product-card {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6);
          box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6);
  background: #fff;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.product-card:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6) inset;
          box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6) inset;
  opacity: 0;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.product-card:hover:before {
  -webkit-box-shadow: 0 0 0 2px #d80c18 inset;
          box-shadow: 0 0 0 2px #d80c18 inset;
  opacity: 1;
}
.product-card__edit {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  background: #d80c18;
  border: 2px solid #d80c18;
  color: #fff;
  padding: 0.5rem 1rem;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.product-card__edit:hover {
  background: #fff;
  color: #d80c18;
}
.product-card__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.product-card__thumbnail {
  background: #f4f4f4;
  padding: 10px;
}
.product-card__thumbnail img {
  margin: auto;
}
.product-card__body {
  position: relative;
  padding: 0.5rem 1rem 1rem;
  margin: 1rem 0;
}
.product-card__labels {
  margin-bottom: 1rem;
}
.product-card__label {
  display: inline-block;
  line-height: 20px;
  font-size: 1rem;
  font-style: italic;
  color: #fff;
  text-align: center;
  background: #d80c18;
  padding: 1px 10px;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}
.product-card__label--pricedown, .product-card__label--special, .product-card__label--register {
  color: #d80c18;
  background: #ffce00;
}
.product-card__label--new:before {
  content: "NEW";
}
.product-card__label--pricedown:before {
  content: "PRICE DOWN";
}
.product-card__label--special:before {
  content: "SPECIAL PRICE";
}
.product-card__label--register:before {
  content: "レジにて値下";
}
.product-card__seal {
  display: inline-block;
  line-height: 20px;
  font-size: 1rem;
  font-weight: 600;
  font-style: italic;
  text-align: center;
  padding: 1px 10px;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}
.product-card__seal--ladies {
  color: #fff;
  background: #F03A7A;
  -webkit-box-shadow: 0 0 0 1.5px #F03A7A inset;
          box-shadow: 0 0 0 1.5px #F03A7A inset;
}
.product-card__seal--mens {
  color: #fff;
  background: #1a2a6f;
  -webkit-box-shadow: 0 0 0 1.5px #1a2a6f inset;
          box-shadow: 0 0 0 1.5px #1a2a6f inset;
}
.product-card__brand {
  font-size: 1rem;
  font-style: italic;
  color: #d80c18;
}
@media screen and (min-width: 1024px) {
  .product-card__brand {
    font-size: 1.2rem;
  }
}
.product-card__name {
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.3;
}
@media screen and (min-width: 1024px) {
  .product-card__name {
    font-size: 1.4rem;
  }
}
.product-card__price {
  font-size: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .product-card__price {
    font-size: 1.4rem;
  }
}
.product-card__price-num {
  font-size: 1.4rem;
  font-weight: normal;
  padding-left: 3px;
}
@media screen and (min-width: 1024px) {
  .product-card__price-num {
    font-size: 1.6rem;
  }
}
.product-card__price--taxin {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-top: -10px;
}
.product-card__favorite:after {
  position: absolute;
  content: "";
  display: inline-block;
  right: 0;
  top: 5px;
  width: 25px;
  height: 25px;
  font-family: "icomoon";
  font-style: normal;
  font-size: 2rem;
  color: #f4f4f4;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.product-card__favorite:hover:after {
  color: #ffce00;
}
.product-card__release {
  display: block;
  font-weight: bold;
  font-size: 1.2rem;
  color: #d80c18;
  margin-top: 0.3rem;
}
@media screen and (min-width: 1024px) {
  .product-card__release {
    font-size: 1.4rem;
  }
}
.product-card--fukubako {
  height: 100%;
}
.product-card--fukubako .product-card__head {
  background: #fff;
  padding: 2rem;
  margin-top: 0;
  margin-right: -15px;
  margin-left: -15px;
}
.product-card--fukubako .product-card__brand {
  display: inline-block;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: bold;
  color: #d80c18;
  background: #ffefd5;
  padding: 1px 10px;
}
.product-card--fukubako .product-card__name {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 1.1rem;
}
.product-card--fukubako .product-card__price,
.product-card--fukubako .product-card__price-num {
  font-size: 1.4rem;
  font-weight: bold;
  color: #d80c18;
}
.product-card--fukubako .product-card__price-num {
  font-size: 1.6rem;
}
.product-card--fukubako .product-card__sizes {
  font-size: 1.5rem;
  font-weight: 500;
  color: #151515;
}
.product-card--fukubako .product-card__sizes:before {
  display: inline;
  content: "SIZE : ";
  font-size: 1.5rem;
  color: #151515;
}
.product-card--fukubako .product-card__detail {
  font-size: 1.2rem;
  color: #151515;
}

@media screen and (max-width: 767px) {
  .product-slider {
    margin: 0 -1rem;
  }
}
.product-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-slider .slick-slide {
  float: none;
  height: auto;
}

.fukubako-footer {
  text-align: center;
}

.fukubako-back {
  display: inline-block;
  font-size: 2.3rem;
  font-weight: bold;
  color: #fff;
  background: #d80c18;
  padding: 5px 45px;
  text-decoration: none;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.fukubako-back:hover {
  opacity: 0.7;
}

.fukubako-bnr-wrap {
  padding: 3rem;
  margin-bottom: -6rem;
}

.fukubako-bnr-box {
  font-size: 1.6rem;
  text-align: center;
  background: #dddddd;
  background: #fff;
  margin-top: 6rem;
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 768px) {
  .fukubako-bnr-box {
    padding: 3rem 3rem;
  }
}

.fukubako-bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  background: #efefef;
  background: #fff;
  padding: 0 1.5rem 3rem;
  margin-bottom: -3rem;
  margin-top: -1.5rem;
}
@media screen and (min-width: 768px) {
  .fukubako-bnr {
    padding: 0 3rem 3rem;
  }
}
.fukubako-bnr__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 80px;
  margin: 0 0.5rem;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 768px) {
  .fukubako-bnr__item {
    margin: 0 2rem;
    width: 100px;
    height: 100px;
  }
}
.fukubako-bnr__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}
.fukubako-bnr__item:hover {
  opacity: 0.7;
}

/*********************/
/* サブ　商品ページ   */
/*********************/
.item-card {
  width: 100%;
}
.item-card__head {
  position: relative;
  margin-top: 2rem;
}
.item-card__body {
  margin-top: 1rem;
}
.item-card__footer {
  margin-top: 2rem;
}
.item-card__slider {
  margin-top: 1rem;
  margin-right: -15px;
  margin-left: -15px;
  background: #f4f4f4;
}
.item-card__brand {
  font-size: 1.6rem;
  font-style: italic;
  color: #d80c18;
}
.item-card__name {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
}
.item-card__p-wrap {
  line-height: 1.3;
}
.item-card__price {
  font-size: 1.4rem;
  font-weight: normal;
}
.product-card .item-card__price {
  font-size: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .product-card .item-card__price {
    font-size: 1.4rem;
  }
}

.item-card__price-num {
  font-size: 2rem;
}
.product-card .item-card__price-num {
  font-size: 1.4rem;
  font-weight: normal;
  padding-left: 3px;
}
@media screen and (min-width: 1024px) {
  .product-card .item-card__price-num {
    font-size: 1.6rem;
  }
}

.item-card__price--register {
  text-decoration: line-through;
}
.item-card__price--percent {
  font-size: 1.9rem;
  color: #d80c18;
  padding-left: 1rem;
}
.item-card__price--discount {
  color: #d80c18;
}
.item-card__price--taxin {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  margin-top: -15px;
}
.item-card__favorite:after {
  position: absolute;
  content: "";
  display: inline-block;
  right: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  font-family: "icomoon";
  font-style: normal;
  font-size: 2rem;
  color: #f4f4f4;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.item-card__favorite:hover:after {
  color: #ffce00;
}
.item-card__sizes {
  font-size: 1.6rem;
}
.item-card__sizes:before {
  display: inline;
  content: "SIZE : ";
  font-size: 1.6rem;
}
.item-card__materials {
  display: block;
}
.item-card__date {
  display: block;
  font-weight: bold;
  color: #d80c18;
}
.item-card--fukubako .item-card__head {
  background: #fff;
  padding: 2rem;
  margin-top: 0;
  margin-right: -15px;
  margin-left: -15px;
}
.item-card--fukubako .item-card__brand {
  display: inline-block;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: bold;
  color: #d80c18;
  background: #ffefd5;
  padding: 1px 10px;
}
@media screen and (min-width: 1024px) {
  .item-card--fukubako .item-card__brand {
    font-size: 1.7rem;
  }
}
.item-card--fukubako .item-card__name {
  font-size: 2rem;
  margin-top: 1rem;
}
.item-card--fukubako .item-card__price {
  font-size: 1.7rem;
  font-weight: bold;
  color: #d80c18;
}
.item-card--fukubako .item-card__detail {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .item-card--fukubako .item-card__detail {
    font-size: 1.8rem;
  }
}
.item-card--fukubako .item-card__sizes {
  font-weight: 500;
}
.item-card--fukubako .item-card__memo {
  font-size: 1.6rem;
  color: #d80c18;
}

/*********************/
/* トップページ　モデル   */
/*********************/
.models {
  padding: 4rem 0;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .models {
    padding: 5rem 0;
  }
}
.models__content {
  max-width: 1024px;
  margin: 0 auto;
}
.models__title {
  font-size: 3.4rem;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  line-height: 1;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 1024px) {
  .models__title {
    font-size: 5rem;
    margin-bottom: 3rem;
  }
}

.model-card {
  position: relative;
  width: 100%;
}
.model-card__body {
  text-align: center;
  background: #fff;
  line-height: 1.3;
  padding: 10px 10px 14px;
}
.model-card__name-en {
  display: block;
  font-size: 1.2rem;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  .model-card__name-en {
    font-size: 1.4rem;
  }
}
.model-card__name-ja {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .model-card__name-ja {
    font-size: 1.8rem;
  }
}
.model-card__more {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: italic;
  color: #fff;
  line-height: 1;
  background: #d80c18;
  border: 1px solid #d80c18;
  padding: 10px 1em;
  margin-top: 1rem;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 1024px) {
  .model-card__more {
    font-size: 2rem;
  }
}
.model-card__more:after {
  content: "";
  display: inline-block;
  font-family: "icomoon";
  font-style: normal;
  color: #fff;
  vertical-align: top;
  margin-left: 3rem;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.model-card__link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.model-card--new {
  position: relative;
}
.model-card--new:before, .model-card--new:after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  content: "";
  background: #d80c18;
}
.model-card--new:before {
  width: 40px;
  content: "NEW";
  font-size: 1.2rem;
  font-style: italic;
  text-align: center;
  color: #fff;
  padding-left: 7px;
  z-index: 1;
}
.model-card--new:after {
  width: 20px;
  left: 30px;
  -webkit-transform: skewX(-30deg);
      -ms-transform: skewX(-30deg);
          transform: skewX(-30deg);
  z-index: 0;
}
.model-card:hover .model-card__more {
  color: #d80c18;
  background: #fff;
}
.model-card:hover .model-card__more:after {
  color: #d80c18;
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}
.model-card--archive .model-card__body {
  text-align: left;
  line-height: 1.5;
  padding: 10px 15px;
}
.model-card--archive .model-card__name-ja {
  font-weight: normal;
}

.card-deco {
  position: relative;
  -webkit-box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6);
          box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6);
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.card-deco:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6) inset;
          box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6) inset;
  opacity: 0;
  z-index: 1;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.card-deco:hover:before {
  -webkit-box-shadow: 0 0 0 2px #d80c18 inset;
          box-shadow: 0 0 0 2px #d80c18 inset;
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  .models-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .models-row__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
  }
}

/*********************/
/* サブページ　モデル   */
/*********************/
/* 一覧ページ   */
.models-wrap {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .models-wrap {
    margin: 0 -1rem;
  }
}

/* 詳細ページ   */
.model-page {
  margin-bottom: 5rem;
}
.model-page__head {
  position: relative;
}
.model-page__thumbnail {
  margin: 0 -1rem 5rem;
}
.model-page__thumbnail img {
  width: 100%;
  max-width: 480px;
  margin: auto;
}
.model-page__name {
  position: absolute;
  left: 50%;
  bottom: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  background: rgba(0, 0, 0, 0.85);
  line-height: 1.5;
  padding: 10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.model-page__name-en {
  font-size: 1.2rem;
  color: #d80c18;
}
.model-page__name-ja {
  font-size: 1.5rem;
  font-weight: normal;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .model-page__name-ja {
    font-size: 1.8rem;
  }
}

/*********************/
/* サブページ　モデルブログ・パーツ   */
/*********************/
/* 詳細ページ   */
.model-prof {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 480px;
  background: #f4f4f4;
  border-top: 2px solid #d80c18;
  margin: 3rem auto 2rem;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 768px) {
  .model-prof {
    margin: 3rem auto;
  }
}
.model-prof__link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.model-prof__link:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  font-family: "icomoon";
  font-style: normal;
  font-size: 2.2rem;
  color: #d80c18;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .model-prof__link:after {
    font-size: 2.6rem;
  }
}
.model-prof__item:nth-child(1) {
  width: 45%;
}
@media screen and (min-width: 768px) {
  .model-prof__item:nth-child(1) {
    width: 35%;
  }
}
.model-prof__item:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.model-prof__name {
  margin-left: 3rem;
}
@media screen and (min-width: 768px) {
  .model-prof__name {
    margin-left: 4.5rem;
  }
}
.model-prof__name-en, .model-prof__name-ja {
  display: block;
}
.model-prof__name-en {
  font-size: 1.2rem;
  font-style: italic;
  color: #d80c18;
}
@media screen and (min-width: 768px) {
  .model-prof__name-en {
    font-size: 1.6rem;
  }
}
.model-prof__name-ja {
  font-size: 1.5rem;
  font-weight: normal;
  color: #000;
}
@media screen and (min-width: 768px) {
  .model-prof__name-ja {
    font-size: 2rem;
  }
}
.model-prof__more {
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  font-style: italic;
  color: #d80c18;
  text-align: center;
  background: #fff;
  padding: 10px 30px;
  padding-right: 55px;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 768px) {
  .model-prof__more {
    font-size: 2.2rem;
  }
}
.model-prof__more:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 40px;
  top: 50%;
  font-family: "icomoon";
  font-style: normal;
  font-size: 2.2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.model-prof__more:hover {
  color: #fff;
  background: #d80c18;
}
.model-prof:hover {
  -webkit-box-shadow: 5px 5px 0 0 #c4c4c4;
          box-shadow: 5px 5px 0 0 #c4c4c4;
  opacity: 0.9;
}
.model-prof:hover .model-prof__link:after {
  -webkit-animation: moveX 1.5s infinite alternate linear;
          animation: moveX 1.5s infinite alternate linear;
}

@-webkit-keyframes moveX {
  0% {
    right: 20px;
  }
  50% {
    right: 40px;
    opacity: 0.1;
  }
  100% {
    right: 20px;
  }
}

@keyframes moveX {
  0% {
    right: 20px;
  }
  50% {
    right: 40px;
    opacity: 0.1;
  }
  100% {
    right: 20px;
  }
}
/*********************/
/* トップ　モデルブログ  */
/*********************/
.blog {
  padding: 4rem 0;
  background: #f4f4f4;
}
@media screen and (min-width: 768px) {
  .blog {
    padding: 5rem 0;
  }
}
@media screen and (min-width: 1024px) {
  .blog {
    padding: 6rem 0;
  }
}
.blog__content {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 20px;
}
.blog__title {
  font-size: 3.4rem;
  font-weight: 500;
  font-style: italic;
  color: #d80c18;
  text-align: center;
  line-height: 1;
  margin-bottom: -4px;
}
@media screen and (min-width: 768px) {
  .blog__title {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .blog__title {
    font-size: 5rem;
    margin-bottom: 4rem;
  }
}

.blog-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 2rem 0;
}
@media screen and (min-width: 768px) {
  .blog-card {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .blog-card {
    padding: 0 3rem;
  }
}
.blog-card:before, .blog-card:after {
  content: "";
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  background: #aaa;
}
.blog-card:before {
  width: 100%;
  height: 1px;
}
.blog-card:after {
  width: 1px;
  height: 100%;
}
.blog-card__thumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
}
.blog-card__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  margin-left: 2em;
}
.blog-card__date {
  font-size: 1.6rem;
  font-weight: 500;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  .blog-card__date {
    font-size: 2.2rem;
  }
}
.blog-card__title {
  font-size: 1.4rem;
}
@media screen and (min-width: 1024px) {
  .blog-card__title {
    font-size: 1.6rem;
  }
}
.blog-card__more {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: italic;
  color: #fff;
  line-height: 1;
  background: #d80c18;
  border: 1px solid #d80c18;
  padding: 10px 1em;
  margin-top: 1rem;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 1024px) {
  .blog-card__more {
    font-size: 2rem;
  }
}
.blog-card__more:after {
  content: "";
  display: inline-block;
  font-family: "icomoon";
  font-style: normal;
  color: #fff;
  vertical-align: top;
  margin-left: 3rem;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.blog-card__more:hover {
  color: #d80c18;
  background: #fff;
}
.blog-card__more:hover:after {
  color: #d80c18;
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

.blog-row__item {
  position: relative;
}
@media screen and (max-width: 767px) {
  .blog-row__item:nth-child(even) .blog-card:before {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .blog-row__item:nth-child(even) .blog-card:after {
    display: block;
  }
}

/*********************/
/* サブ　モデルブログ   */
/*********************/
.blog-date {
  font-size: 1.6rem;
  font-weight: 600;
  font-style: italic;
  color: #d80c18;
}
@media screen and (min-width: 768px) {
  .blog-date {
    font-size: 2rem;
  }
}
.blog-date + .page-article__title {
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  .blog-ttl {
    font-size: 2.2rem;
  }
}

.blog-list {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .blog-list {
    margin: 0 -1rem 2rem;
  }
}

.bl-card {
  position: relative;
  height: 140px;
  -webkit-box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6);
          box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6);
  background: #fff;
  padding-left: 140px;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.bl-card:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6) inset;
          box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6) inset;
  opacity: 0;
  z-index: 1;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.bl-card:hover:before {
  -webkit-box-shadow: 0 0 0 2px #d80c18 inset;
          box-shadow: 0 0 0 2px #d80c18 inset;
  opacity: 1;
}
.bl-card__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.bl-card__thumbnail {
  position: absolute;
  width: 140px;
  height: 140px;
  top: 0;
  left: 0;
}
.bl-card__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}
.bl-card__box {
  padding: 15px;
}
.bl-card__date {
  font-size: 1.6rem;
  font-weight: 500;
  font-style: italic;
  color: #d80c18;
}
@media screen and (min-width: 1024px) {
  .bl-card__date {
    font-size: 1.8rem;
  }
}
.bl-card__title {
  display: block;
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .bl-card__title {
    font-size: 1.6rem;
  }
}

.pager-list,
.single-pager-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 0;
  margin-top: 2rem;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 767px) {
  .pager-list,
.single-pager-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.pager-list__item--prev, .pager-list__item--next, .pager-list__item--back,
.single-pager-list__item--prev,
.single-pager-list__item--next,
.single-pager-list__item--back {
  display: none;
}
.pager-list__link,
.single-pager-list__link {
  display: block;
  min-width: 37px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #d80c18;
  text-align: center;
  line-height: 35px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #d80c18;
          box-shadow: 0 0 0 1px #d80c18;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 768px) {
  .pager-list__link,
.single-pager-list__link {
    min-width: 46px;
    line-height: 46px;
    padding: 0 1rem;
  }
}
@media screen and (max-width: 767px) {
  .pager-list__link--prev, .pager-list__link--next, .pager-list__link--back,
.single-pager-list__link--prev,
.single-pager-list__link--next,
.single-pager-list__link--back {
    margin: 0 0.4rem;
  }
}
.pager-list__link:hover,
.single-pager-list__link:hover {
  color: #fff;
  background-color: #d80c18;
}
.pager-list__link--active,
.single-pager-list__link--active {
  color: #fff;
  background-color: #d80c18;
}

.single-pager-list {
  padding: 0;
}
.single-pager-list__link {
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
}
@media screen and (min-width: 768px) {
  .single-pager-list__link {
    font-size: 1.6rem;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .single-pager-list__link {
    margin-top: 6rem;
  }
}

@media screen and (min-width: 768px) {
  .coordinate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .coordinate__mainimg, .coordinate__relation {
    width: 50%;
    margin: 3rem 0 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .coordinate__mainimg {
    margin-top: 5rem;
    -webkit-box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6);
            box-shadow: 0 0 0 1px rgba(196, 196, 196, 0.6);
  }
}
@media screen and (min-width: 768px) {
  .coordinate__relation {
    margin-left: 3rem;
  }
}
.coordinate__image {
  display: block;
  position: relative;
}
.coordinate__model {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.2rem;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.8);
  padding: 0px 10px;
}

/*********************/
/* 190426up イメージ動画ページ  */
/*********************/
.movie-card-wrap {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .movie-card-wrap {
    margin-top: 3em;
  }
}
@media screen and (max-width: 767px) {
  .movie-card-wrap .row__item {
    padding: 5px 20px !important;
  }
}

.movie-card {
  width: 100%;
  padding: 20px 10px;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 768px) {
  .movie-card {
    padding: 30px 20px;
  }
}
.movie-card__item {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie-card__item iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.movie-card__item:before {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  background: #d80c18;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.movie-card--pink {
  background-image: url(../images/movie_bg_pink.png);
}
.movie-card--blue {
  background-image: url(../images/movie_bg_blue.png);
}
.movie-card--yellow {
  background-image: url(../images/movie_bg_yellow.png);
}
.movie-card--purple {
  background-image: url(../images/movie_bg_purple.png);
}

.emergency {
  font-family: serif;
  text-align: center;
  padding: 50px 0 10px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .emergency {
    padding: 50px 10px 15px;
  }
}
@media screen and (min-width: 1024px) {
  .emergency {
    padding: 70px 10px 20px;
  }
}
.emergency__ttl {
  font-size: 19px;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 180%;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .emergency__ttl {
    letter-spacing: 2px;
  }
}
.emergency__body {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 180%;
  font-weight: bold;
  padding-bottom: 20px;
}
.emergency img {
  max-width: 100%;
  height: auto;
}

.img-link:hover {
  opacity: 1 !important;
}

/* 2019.07.10 漫画コンテンツ用　*/
.line-up {
  max-width: 640px;
  margin: 0 auto;
}
.line-up__box {
  position: relative;
  width: 100%;
  text-align: center;
  -webkit-transition: ease-out 0.2s;
  -o-transition: ease-out 0.2s;
  transition: ease-out 0.2s;
}
.line-up__box:hover {
  opacity: 0.7;
}
.line-up__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.line-up__title, .line-up__date {
  line-height: 1;
}
.line-up__title {
  font-size: 1.9rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .line-up__title {
    font-size: 3.5rem;
  }
}
.line-up__date {
  font-size: 1.9rem;
}
@media screen and (min-width: 768px) {
  .line-up__date {
    font-size: 3rem;
  }
}

/*********************/
/*  LP用 背景  */
/*********************/
.page-id-27017,
.page-id-27014 {
  background: #f8ddaf;
}

.img-header {
  margin-top: -10rem;
}
@media screen and (min-width: 1024px) {
  .img-header {
    margin-top: -15rem;
  }
}

/* バーチャル背景プレゼント 2000617 */
.page-id-46867 {
  width: 100%;
  background-image: url(../images/bg_virtual.jpg);
  background-repeat: repeat;
  background-size: 100%;
  background-position: center center, center center;
}

.fukubako-glist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -3px;
  margin-right: -3px;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .fukubako-glist {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.fukubako-glist__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
  padding-left: 3px;
  padding-right: 3px;
}
@media screen and (min-width: 768px) {
  .fukubako-glist__item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.fukubako-glist__label {
  position: relative;
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 20px 0px;
  background: rgba(116, 0, 48, 0.8);
  outline: none;
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 768px) {
  .fukubako-glist__label {
    font-size: 1.6rem;
  }
}
.fukubako-glist__label:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #fff;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.fukubako-glist__label--active {
  background: rgba(170, 0, 102, 0.8);
}

.fukubako-clist {
  display: none;
  list-style: none;
  border-top: 1px solid #740030;
}
.fukubako-clist__item {
  border-bottom: 1px solid #740030;
  border-left: 1px solid #740030;
  border-right: 1px solid #740030;
}
.fukubako-clist__link {
  position: relative;
  display: block;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #a26986;
  padding: 20px 10px;
}
@media screen and (min-width: 768px) {
  .fukubako-clist__link {
    font-size: 1.6rem;
  }
}
.fukubako-clist__link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.fukubako-clist--active {
  display: block;
}

.fukubako-cbox {
  margin-top: 2rem;
}

.fukubako-notice {
  background: #fff;
  padding: 20px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .fukubako-notice {
    margin-top: 40px;
    padding: 40px;
  }
}
.fukubako-notice__description {
  text-align: center;
}

.fukubako-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fukubako-links__item {
  padding: 5px;
}

.post-type-archive-2021fashion-shindan,
.single-2021fashion-shindan {
  position: relative;
  background: url(../images/shindan_bk.jpg) 100% 100%/contain repeat;
}

.shindan-list-wrap {
  display: block;
}

.shindan-list {
  max-width: 640px;
  margin: 0 auto;
}
.shindan-list__item {
  margin-top: 2rem;
}
.shindan-list__btn {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .shindan-list__btn {
    margin-top: 5rem;
  }
}

/* 詳細設問ページ */
.shindan-wrap {
  max-width: 640px;
  margin: 3.5rem auto 0;
}
@media screen and (min-width: 768px) {
  .shindan-wrap {
    margin: 5rem auto 0;
  }
}

.shindan-btn {
  max-width: 540px;
  margin: auto;
}

/* 詳細結果ページ */
.shindan-result {
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.6);
  padding: 2.5rem;
  margin-top: 3rem;
}
@media screen and (min-width: 1024px) {
  .shindan-result {
    padding: 3.5rem 4rem;
    margin-top: 6rem;
  }
}
.shindan-result__box {
  width: 100%;
  padding: 2rem 3rem 3rem;
  background: #ea525e;
  border-radius: 15px 15px 0 0;
  color: #fff;
  text-align: center;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .shindan-result__box {
    padding: 3rem 4rem 4rem;
    margin-bottom: 4rem;
  }
}
.shindan-result__title {
  display: block;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .shindan-result__title {
    font-size: 4.5rem;
  }
}
.shindan-result__title--small {
  font-size: 2.1rem;
  line-height: 0;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .shindan-result__title--small {
    font-size: 2.8rem;
    margin-top: 2rem;
  }
}
.shindan-result__description {
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
/**************************/
/*  書き方パーツ調整用クラス  */
/**************************/
/*表示・非表示 切り替え用 */
@media screen and (min-width: 768px) {
  .sp-only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .tab-only {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .tab-only {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .pc-only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .tab-none {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .pc-none {
    display: none;
  }
}

/* margin-top スマホ */
@media screen and (max-width: 767px) {
  .sp-mt0 {
    margin-top: 0;
  }

  .sp-mt10 {
    margin-top: 1rem;
  }

  .sp-mt20 {
    margin-top: 2rem;
  }

  .sp-mt30 {
    margin-top: 3rem;
  }

  .sp-mt40 {
    margin-top: 4rem;
  }

  .sp-mt50 {
    margin-top: 5rem;
  }

  .sp-mt60 {
    margin-top: 6rem;
  }

  .sp-mt70 {
    margin-top: 7rem;
  }

  .sp-mt80 {
    margin-top: 8rem;
  }

  .sp-mt90 {
    margin-top: 9rem;
  }

  .sp-mt100 {
    margin-top: 10rem;
  }
}
/* margin-top タブレット */
@media screen and (min-width: 768px) {
  .tab-mt0 {
    margin-top: 0;
  }

  .tab-mt10 {
    margin-top: 1rem;
  }

  .tab-mt20 {
    margin-top: 2rem;
  }

  .tab-mt30 {
    margin-top: 3rem;
  }

  .tab-mt40 {
    margin-top: 4rem;
  }

  .tab-mt50 {
    margin-top: 5rem;
  }

  .tab-mt60 {
    margin-top: 6rem;
  }

  .tab-mt70 {
    margin-top: 7rem;
  }

  .tab-mt80 {
    margin-top: 8rem;
  }

  .tab-mt90 {
    margin-top: 9rem;
  }

  .tab-mt100 {
    margin-top: 10rem;
  }
}
/* margin-top パソコン */
@media screen and (min-width: 1024px) {
  .pc-mt0 {
    margin-top: 0;
  }

  .pc-mt10 {
    margin-top: 1rem;
  }

  .pc-mt20 {
    margin-top: 2rem;
  }

  .pc-mt30 {
    margin-top: 3rem;
  }

  .pc-mt40 {
    margin-top: 4rem;
  }

  .pc-mt50 {
    margin-top: 5rem;
  }

  .pc-mt60 {
    margin-top: 6rem;
  }

  .pc-mt70 {
    margin-top: 7rem;
  }

  .pc-mt80 {
    margin-top: 8rem;
  }

  .pc-mt90 {
    margin-top: 9rem;
  }

  .pc-mt100 {
    margin-top: 10rem;
  }
}
/* margin-bottom スマホ */
@media screen and (max-width: 767px) {
  .sp-mb0 {
    margin-bottom: 0;
  }

  .sp-mb10 {
    margin-bottom: 1rem;
  }

  .sp-mb20 {
    margin-bottom: 2rem;
  }

  .sp-mb30 {
    margin-bottom: 3rem;
  }

  .sp-mb40 {
    margin-bottom: 4rem;
  }

  .sp-mb50 {
    margin-bottom: 5rem;
  }

  .sp-mb60 {
    margin-bottom: 6rem;
  }

  .sp-mb70 {
    margin-bottom: 7rem;
  }

  .sp-mb80 {
    margin-bottom: 8rem;
  }

  .sp-mb90 {
    margin-bottom: 9rem;
  }

  .sp-mb100 {
    margin-bottom: 10rem;
  }
}
/* margin-bottom タブレット */
@media screen and (min-width: 768px) {
  .tab-mb0 {
    margin-bottom: 0;
  }

  .tab-mb10 {
    margin-bottom: 1rem;
  }

  .tab-mb20 {
    margin-bottom: 2rem;
  }

  .tab-mb30 {
    margin-bottom: 3rem;
  }

  .tab-mb40 {
    margin-bottom: 4rem;
  }

  .tab-mb50 {
    margin-bottom: 5rem;
  }

  .tab-mb60 {
    margin-bottom: 6rem;
  }

  .tab-mb70 {
    margin-bottom: 7rem;
  }

  .tab-mb80 {
    margin-bottom: 8rem;
  }

  .tab-mb90 {
    margin-bottom: 9rem;
  }

  .tab-mb100 {
    margin-bottom: 10rem;
  }
}
/* margin-bottom パソコン */
@media screen and (min-width: 1024px) {
  .pc-mb0 {
    margin-bottom: 0;
  }

  .pc-mb10 {
    margin-bottom: 1rem;
  }

  .pc-mb20 {
    margin-bottom: 2rem;
  }

  .pc-mb30 {
    margin-bottom: 3rem;
  }

  .pc-mb40 {
    margin-bottom: 4rem;
  }

  .pc-mb50 {
    margin-bottom: 5rem;
  }

  .pc-mb60 {
    margin-bottom: 6rem;
  }

  .pc-mb70 {
    margin-bottom: 7rem;
  }

  .pc-mb80 {
    margin-bottom: 8rem;
  }

  .pc-mb90 {
    margin-bottom: 9rem;
  }

  .pc-mb100 {
    margin-bottom: 10rem;
  }
}
/* letter-spacing */
.ls10 {
  letter-spacing: 0.01em;
}

.ls20 {
  letter-spacing: 0.02em;
}

.ls30 {
  letter-spacing: 0.03em;
}

.ls40 {
  letter-spacing: 0.04em;
}

.ls50 {
  letter-spacing: 0.05em;
}

.ls60 {
  letter-spacing: 0.06em;
}

.ls70 {
  letter-spacing: 0.07em;
}

.ls80 {
  letter-spacing: 0.08em;
}

.ls90 {
  letter-spacing: 0.09em;
}

.ls100 {
  letter-spacing: 0.1em;
}

.ls110 {
  letter-spacing: 0.11em;
}

.ls120 {
  letter-spacing: 0.12em;
}

.ls130 {
  letter-spacing: 0.13em;
}

.ls140 {
  letter-spacing: 0.14em;
}

.ls150 {
  letter-spacing: 0.15em;
}

.ls160 {
  letter-spacing: 0.16em;
}

.ls170 {
  letter-spacing: 0.17em;
}

.ls180 {
  letter-spacing: 0.18em;
}

.ls190 {
  letter-spacing: 0.19em;
}

.ls200 {
  letter-spacing: 0.2em;
}

/* line-height */
.lh10 {
  line-height: 1;
}

.lh11 {
  line-height: 1.1;
}

.lh12 {
  line-height: 1.2;
}

.lh13 {
  line-height: 1.3;
}

.lh14 {
  line-height: 1.4;
}

.lh15 {
  line-height: 1.5;
}

.lh16 {
  line-height: 1.6;
}

.lh17 {
  line-height: 1.7;
}

.lh18 {
  line-height: 1.8;
}

.lh19 {
  line-height: 1.9;
}

.lh20 {
  line-height: 2;
}

.onav {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  display: none;
  background: rgba(96, 96, 96, 0.9);
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .onav--open {
    display: block;
  }
}

.onav-list {
  list-style: none;
}
.onav-list__item {
  position: relative;
  border-bottom: 1px solid #fff;
  padding: 0 6px;
}
.onav-list__item:after {
  content: "";
  display: block;
  height: 21px;
  width: 14px;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -10px;
  background: url(../images/icon_arrow.png) no-repeat;
  background-size: 14px 21px;
}
.onav-list__link {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 60px;
  padding: 0 60px;
  background: no-repeat 12px 50%;
  background-size: 36px 36px;
}
.onav-list__link--flyer {
  background-image: url(../images/icon_flyer.png);
}
.onav-list__link--store {
  background-image: url(../images/icon_store.png);
}
.onav-list__link--style {
  background-image: url(../images/icon_stylebook.png);
}
.onav-list__link--faq {
  background-image: url(../images/icon_faq.png);
}
.onav-list__link--recruit {
  background-image: url(../images/icon_recruit.png);
}

.onav-sns {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #fff;
}
.onav-sns li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.onav-sns li:not(:first-child) {
  border-left: 1px solid #fff;
}
.onav-sns a {
  display: block;
  text-align: center;
  padding: 12px 0;
}
.onav-sns img {
  display: block;
  max-width: 48px;
  height: auto;
  margin: 0 auto;
}

.onav-group {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.onav-group__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.onav-group__link {
  display: block;
  padding: 12px;
}
.onav-group__link--shimamura {
  background: #c90537;
}
.onav-group__link--birthday {
  background: #5c3017;
}
.onav-group__link--chambre {
  background: #00ae4c;
}
.onav-group__link--divalo {
  background: #003989;
}
.onav-group img {
  display: block;
  width: 100%;
  height: auto;
}

#header {
  width: 1024px;
  margin: 0 auto;
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 0;
}
@media screen and (min-width: 1024px) {
  #header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#header h1 {
  margin-right: auto;
}
#header h1 a {
  display: block;
  /*
  height: 45px;
  width: 105px;
  background: url(../images/logo.png) no-repeat center center;
  */
  height: 33px;
  width: 90px;
  background: url(/avail/img/common/logo_1804.svg) no-repeat center center;
  background-size: contain;
  text-indent: -9999px;
}

#sns_menu {
  margin-left: 30px;
}
#sns_menu li {
  float: left;
  width: 36px;
  margin-left: 10px;
}
#sns_menu li a {
  display: block;
}
#sns_menu li a img {
  max-width: 100%;
  height: auto;
}

#menu li {
  float: left;
  white-space: nowrap;
  margin-left: 24px;
}
#menu li a {
  font-size: 14px;
  font-weight: 600;
  color: inherit;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
  outline: 0;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.slick-arrow:before {
  content: "";
  font-family: "icomoon";
  font-size: 5rem;
  color: #fff;
  line-height: 1;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.slick-arrow.slick-next {
  right: 0;
}
.slick-arrow.slick-next:before {
  content: "";
}
.slick-arrow.slick-prev {
  left: 0;
}
.slick-arrow.slick-prev:before {
  content: "";
}

.slick-dots {
  list-style: none;
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.slick-dots li {
  margin: 0 7px;
}
.slick-dots button {
  display: block;
  width: 14px;
  height: 14px;
  background: #ddd;
  border-radius: 50%;
  white-space: nowrap;
  font-size: 0px;
  text-indent: 100%;
  overflow: hidden;
  outline: 0;
  cursor: pointer;
}
.slick-dots .slick-active button {
  background: #000;
}

.nheader {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 18px;
  overflow: hidden;
  z-index: 100;
}
.nheader:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
body.logged-in .nheader:before {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  background: rgba(255, 255, 0, 0.7);
}

.nheader__menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  outline: 0;
}
.nheader__menu-btn:before {
  content: "";
  font-family: "icomoon";
  font-size: 2.4rem;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.nheader__special-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  line-height: 1;
  outline: 0;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.nheader__special-btn:before {
  content: "";
  display: block;
  font-family: "icomoon";
  font-size: 2.6rem;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.nheader__special-btn span {
  display: none;
}
.nheader__special-btn--animation:before {
  -webkit-animation: 1s star ease-out forwards;
          animation: 1s star ease-out forwards;
}
.nheader__special-btn2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  line-height: 1;
  outline: 0;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.nheader__special-btn2:before {
  content: "";
  display: block;
  font-family: "icomoon";
  font-size: 2.6rem;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
@media screen and (min-width: 768px) {
  .nheader__special-btn2 {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
.nheader__special-btn2 span {
  display: none;
}
.nheader__special-btn2--animation:before {
  -webkit-animation: 0.6s star2 ease-out forwards;
          animation: 0.6s star2 ease-out forwards;
}
.nheader__logo {
  color: #fff;
}
.nheader__logo:before {
  content: "";
  display: block;
  font-family: "icomoon";
  font-size: 3rem;
  color: #fff;
  line-height: 1;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1024px) {
  .nheader__logo:before {
    font-size: 3.5rem;
  }
}
body.logged-in .nheader__logo:before {
  display: none;
}
body.logged-in .nheader__logo:after {
  content: "アベイル確認用サイトにログイン中！！";
  color: blue;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 30px;
}
@media screen and (min-width: 1024px) {
  body.logged-in .nheader__logo:after {
    font-size: 2.4rem;
    line-height: 35px;
  }
}

.nheader__logo-text {
  display: none;
}
.nheader--sub {
  background: #d80c18;
}
.nheader--sticky {
  background: rgba(216, 12, 24, 0);
}
.nheader--sticky:before {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

@-webkit-keyframes star {
  0% {
    color: #fff;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    color: #fff;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  40% {
    color: #fff;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  60% {
    color: #ffac33;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  80% {
    color: #ffac33;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    color: #ffac33;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes star {
  0% {
    color: #fff;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    color: #fff;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  40% {
    color: #fff;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  60% {
    color: #ffac33;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  80% {
    color: #ffac33;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    color: #ffac33;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes star2 {
  0% {
    color: #fff;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  25% {
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    color: #fff;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  75% {
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    color: #fff;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes star2 {
  0% {
    color: #fff;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  25% {
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    color: #fff;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  75% {
    color: #fff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    color: #fff;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 199;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.bg--open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 300px;
  background: #d80c18;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 200;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.nav--open {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.nav-list {
  list-style: none;
  line-height: 1.2;
}
.nav-list__item {
  border-bottom: 1px solid #fff;
}
.nav-list__link {
  display: block;
  font-size: 1.8rem;
  color: #fff;
  padding: 15px 20px;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.nav-list__link:hover {
  opacity: 0.7;
}

.nav-box {
  padding: 15px 0;
}
.nav-box__title {
  font-size: 2rem;
  color: #fff;
  padding-right: 20px;
  padding-left: 20px;
}

.nav-sns,
.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px 0 5px;
  padding: 15px 20px;
  background: rgba(255, 255, 255, 0.7);
}
.nav-sns__item,
.nav-links__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  text-align: center;
}

.sns-icon,
.links-icon {
  display: block;
  width: 50px;
  height: 50px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.sns-icon:hover,
.links-icon:hover {
  opacity: 0.7;
}

.sns-icon--fb {
  background-image: url(../images/f_logo_RGB-Blue_1024.png);
}
.sns-icon--ig {
  background-image: url(../images/insta.svg);
}
.sns-icon--tw {
  background-image: url(../images/twitter.svg);
}
.sns-icon--ln {
  background-image: url(../images/line.svg);
}

.links-icon--shimamura {
  background-image: url(../images/shimamura.svg);
}
.links-icon--birthday {
  background-image: url(../images/birthday.svg);
}
.links-icon--chambre {
  background-image: url(../images/chambre.svg);
}
.links-icon--divalo {
  background-image: url(../images/divalo_190719.png);
}

.more-btn {
  position: relative;
  display: block;
  width: 100%;
  font-size: 2.2rem;
  font-style: italic;
  color: #d80c18;
  text-align: center;
  line-height: 4.8rem;
  background: #fff;
  border: 1px solid #d80c18;
  margin: 3rem auto 0;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 768px) {
  .more-btn {
    width: 280px;
  }
}
@media screen and (min-width: 1024px) {
  .more-btn {
    font-size: 2.6rem;
    line-height: 5.8rem;
  }
}
.more-btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  font-family: "icomoon";
  font-style: normal;
  font-size: 2.2rem;
  color: #d80c18;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.more-btn:hover {
  color: #fff;
  background: #d80c18;
  opacity: 1 !important;
}
.more-btn:hover:after {
  color: #fff;
  right: 15px;
}
.more-btn--shop {
  font-size: 1.6rem;
  font-weight: bold;
  font-style: normal;
  padding-right: 1.8rem;
}
@media screen and (min-width: 768px) {
  .more-btn--shop {
    font-size: 1.8rem;
  }
}
.more-btn--shop:after {
  right: auto;
  content: "";
  font-size: 1.8rem;
  font-weight: normal;
  margin-left: 10px;
}
.more-btn--list {
  font-size: 1.9rem;
  font-style: italic;
  color: #000;
  border: 1px solid #000;
  background: none;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .more-btn--list {
    font-size: 2.2rem;
  }
}
.more-btn--list:after {
  display: none;
}
.more-btn--list:before {
  display: inline-block;
  content: "";
  top: 50%;
  font-family: "icomoon";
  font-style: normal;
  font-size: 1.4rem;
  margin-right: 12px;
  vertical-align: baseline;
}
@media screen and (min-width: 768px) {
  .more-btn--list:before {
    font-size: 1.5rem;
  }
}
.more-btn--list:hover {
  background: #000;
}
.more-btn + .more-btn {
  margin-top: 1.5rem;
}

.check-stylebook {
  position: relative;
  color: #fff;
  text-align: center;
  line-height: 1;
  background: #d80c18;
  padding: 30px 0;
}
@media screen and (min-width: 1024px) {
  .check-stylebook {
    padding: 50px 0;
  }
}
.check-stylebook__scroller {
  position: absolute;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 60px;
  font-size: 2rem;
  color: #fff;
  background: #d80c18;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.check-stylebook__scroller:before {
  content: "";
  font-family: "icomoon";
}
.check-stylebook__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media screen and (max-width: 767px) {
  .check-stylebook__title {
    padding: 10px;
  }
}
.check-stylebook__title-en {
  font-size: 2.8rem;
  font-weight: 500;
  font-style: italic;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .check-stylebook__title-en {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .check-stylebook__title-en {
    font-size: 4.5rem;
  }
}
.check-stylebook__title-ja {
  font-size: 1.1rem;
  font-weight: bold;
  margin-left: 1em;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .check-stylebook__title-ja {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .check-stylebook__title-ja {
    font-size: 2rem;
  }
}
.check-stylebook__more {
  position: relative;
  display: block;
  width: 300px;
  font-size: 2.2rem;
  font-style: italic;
  color: inherit;
  line-height: 4.8rem;
  border: 1px solid #fff;
  margin: 2rem auto 0;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 1024px) {
  .check-stylebook__more {
    font-size: 2.6rem;
    line-height: 5.8rem;
    margin: 3rem auto 0;
  }
}
.check-stylebook__more:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  font-family: "icomoon";
  font-style: normal;
  font-size: 3rem;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.check-stylebook__more:hover {
  color: #d80c18;
  background: #fff;
}
.check-stylebook__more:hover:after {
  color: #d80c18;
  right: 15px;
}

.special {
  padding: 1.4rem 1rem 5rem;
}
@media screen and (min-width: 768px) {
  .special {
    padding: 4rem 0 6rem;
  }
}
@media screen and (min-width: 1024px) {
  .special {
    padding: 6rem 0 8rem;
  }
}
.special .slick-dots {
  bottom: -30px;
}

/*
.slider {
  max-width: 1260px;
  margin: 0 auto;
  &__item {
    transform: scale(.7);
    transition: .3s ease-out;
    &.slick-active {
      transform: scale(1);
    }
  }
}
*/
.slider__item {
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 768px) {
  .slider__item {
    margin: 0 10px;
  }
}
.slider__item:hover {
  opacity: 0.8;
}

.flyer {
  padding: 2rem 2rem 4rem;
}
@media screen and (min-width: 1024px) {
  .flyer {
    padding: 1rem 2rem 6rem;
  }
}
.flyer__content {
  max-width: 1080px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .flyer__card-margin {
    padding: 8px 5px !important;
  }
}

.flyer-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: inherit;
  margin: 1px auto;
  border: 3px solid #d80c18;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 768px) {
  .flyer-card {
    width: 606px;
    margin: 0 auto;
  }
}
.flyer-card__thumbnail {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
}
@media screen and (min-width: 768px) {
  .flyer-card__thumbnail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
  }
}
@media screen and (min-width: 1024px) {
  .flyer-card__thumbnail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 176px;
            flex: 0 0 176px;
  }
}
.flyer-card__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .flyer-card__body {
    padding: 1.2rem 1.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .flyer-card__body {
    padding: 2.4rem;
  }
}
.flyer-card__title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #d80c18;
  line-height: 1;
  border-bottom: 1px solid #d80c18;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .flyer-card__title {
    font-size: 2rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .flyer-card__title {
    font-size: 2.2rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}
.flyer-card__title:before {
  content: "";
  font-family: "icomoon";
  font-weight: normal;
  margin-right: 1.4rem;
}
.flyer-card__description {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .flyer-card__description {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .flyer-card__description {
    font-size: 2rem;
  }
}
.flyer-card--shopsearch {
  border-color: #000;
}
.flyer-card:hover {
  -webkit-box-shadow: 5px 5px 0 #c4c4c4;
          box-shadow: 5px 5px 0 #c4c4c4;
}

.pickup {
  background: #f4f4f4;
  padding-bottom: 30vw;
}
@media screen and (min-width: 1024px) {
  .pickup {
    padding-bottom: 18vw;
  }
}
.pickup__content {
  max-width: 1080px;
  margin: 0 auto;
  padding: 10px 10px 50px;
}
@media screen and (min-width: 768px) {
  .pickup__content {
    padding: 40px 60px 60px;
  }
}
@media screen and (min-width: 1024px) {
  .pickup__content {
    padding: 60px;
  }
}
.pickup__title {
  font-size: 3.4rem;
  font-weight: 500;
  font-style: italic;
  color: #d80c18;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pickup__title {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .pickup__title {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .pickup__title {
    margin-bottom: 4px;
  }
}
.pickup__banner {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #707070;
  -webkit-box-shadow: 0 0 0 0 #c4c4c4;
          box-shadow: 0 0 0 0 #c4c4c4;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.pickup__banner:hover {
  -webkit-box-shadow: 5px 5px 0 0 #c4c4c4;
          box-shadow: 5px 5px 0 0 #c4c4c4;
}
.pickup__banner--new:before, .pickup__banner--new:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 20px;
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  text-align: right;
  line-height: 20px;
  background: #d80c18;
  -webkit-animation: 1s new linear infinite;
          animation: 1s new linear infinite;
}
.pickup__banner--new:before {
  content: "";
  -webkit-transform: translate(15px, 5px) skew(30deg);
      -ms-transform: translate(15px, 5px) skew(30deg);
          transform: translate(15px, 5px) skew(30deg);
}
.pickup__banner--new:after {
  content: "NEW";
  -webkit-transform: translate(-5px, 5px);
      -ms-transform: translate(-5px, 5px);
          transform: translate(-5px, 5px);
}
.pickup .row {
  margin: -8px;
}
.pickup .row__item {
  padding: 8px;
}

@-webkit-keyframes new {
  0%, 100% {
    background-color: #d80c18;
  }
  50% {
    background-color: #EC691B;
  }
  /*
  0% {
    background-color: $color_theme_red;
  }
  50% {
    background-color: $color_theme_red;
  }
  51% {
    background-color: #EC691B;
  }
  100% {
    background-color: #EC691B;
  }
  */
}

@keyframes new {
  0%, 100% {
    background-color: #d80c18;
  }
  50% {
    background-color: #EC691B;
  }
  /*
  0% {
    background-color: $color_theme_red;
  }
  50% {
    background-color: $color_theme_red;
  }
  51% {
    background-color: #EC691B;
  }
  100% {
    background-color: #EC691B;
  }
  */
}
.pickup-page-card {
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.pickup-page-card:hover {
  -webkit-box-shadow: 5px 5px 0 0 #c4c4c4;
          box-shadow: 5px 5px 0 0 #c4c4c4;
}
.pickup-page-card:hover a {
  opacity: 0.8;
}

.newtopics-link {
  display: block;
  width: 100%;
}

.pu-shoplist {
  border: 3px solid #000;
  background: #f4f4f4;
  margin: 1.5rem 0;
  padding: 1.5rem 0;
}
@media screen and (min-width: 768px) {
  .pu-shoplist {
    padding: 3rem 3rem 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .pu-shoplist {
    padding: 5rem 5rem 3rem;
  }
}
.pu-shoplist__item .h3 {
  margin-top: -1.5rem;
}
.pu-shoplist__item .ul {
  margin-top: 1rem;
}
.pu-shoplist__item .ul li {
  font-size: 1.3rem;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .pu-shoplist__item .ul li {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .pu-shoplist__item .ul li {
    padding: 5px 0;
  }
}

.shop-list__ttl {
  font-size: 1.8rem;
  font-weight: 600;
  margin-left: 20px;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .shop-list__ttl {
    font-size: 2.4rem;
    margin-top: 40px;
  }
}
.shop-list__box {
  background: #fff;
  border: 2px solid #000;
  border-radius: 15px;
  padding: 15px 0px 15px 15px;
}
@media screen and (min-width: 768px) {
  .shop-list__box {
    border-radius: 25px;
    padding: 25px 0px 25px 25px;
  }
}
.shop-list__item {
  display: inline-block;
}
.shop-list__area {
  display: inline-block;
  width: 65px;
  font-size: 1.4rem;
  font-weight: 600;
  background-color: #fce3cb;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .shop-list__area {
    width: 130px;
    font-size: 2rem;
    margin-right: 1rem;
  }
}
.shop-list__name {
  display: inline-block;
  font-size: 1.4rem;
  list-style: none;
  padding: 0.5rem 0.1rem;
}
@media screen and (min-width: 768px) {
  .shop-list__name {
    font-size: 2rem;
    padding: 1rem 0.1rem;
  }
}
.shop-list__name:after {
  display: inline-block;
  content: "・";
  padding-left: 0.5rem;
}
.shop-list__name:first-child:after, .shop-list__name:last-child:after {
  display: none;
}
.shop-list__name:last-child {
  margin-right: 1.5rem;
}
@media screen and (min-width: 768px) {
  .shop-list__name:last-child {
    margin-right: 3rem;
  }
}
.shop-list__link {
  text-decoration: none;
  color: #000;
  font-weight: 500;
  border-bottom: 2px solid #fff;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.shop-list__link:hover {
  border-bottom: 2px solid #000;
  opacity: 1 !important;
}
.shop-list--chipclip {
  margin: 1rem;
}
@media screen and (min-width: 768px) {
  .shop-list--chipclip {
    margin: 3rem;
  }
}
.shop-list--chipclip .shop-list__area {
  background-color: #f9d3d8;
}
@media screen and (max-width: 767px) {
  .shop-list--chipclip .shop-list__ttl {
    margin-left: 0;
  }
}

/* chipclip背景*/
.page-id-5883,
.page-id-6775 {
  width: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.8)), color-stop(80%, rgba(255, 255, 255, 0))), url(../images/bg_chipclip_mini.jpg);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 80%), url(../images/bg_chipclip_mini.jpg);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 80%), url(../images/bg_chipclip_mini.jpg);
  background-repeat: no-repeat, repeat;
  background-size: auto, 92px 92px;
  background-position: center center, center center;
}
@media screen and (min-width: 768px) {
  .page-id-5883,
.page-id-6775 {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.8)), color-stop(60%, rgba(255, 255, 255, 0))), url(../images/bg_chipclip_mini.jpg);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 60%), url(../images/bg_chipclip_mini.jpg);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 60%), url(../images/bg_chipclip_mini.jpg);
    background-size: auto, 184px 184px;
  }
}

.page-id-35739,
.page-id-40993 {
  width: 100%;
  background-image: url(../images/chip_clip_mini_back_1225.jpg);
  background-repeat: repeat;
  background-size: contain;
  background-position: center center, center center;
}

/* chipclip背景 テスト用　*/
.page-id-53780,
.page-id-53774 {
  width: 100%;
  background-image: url(../images/chipclipmini_back_0904.jpg);
  background-repeat: no-repeat, repeat;
  background-size: 100%;
  background-position: center center, center center;
}

/* 2020-2021福袋ポップアップ背景 テスト用　*/
.page-id-3339,
.page-id-65653 {
  width: 100%;
  background-image: url(../images/hp_sale_calendar_1218up_back.jpg);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%;
  background-position: center center, center center;
}

/* アンクルパンツページ背景 */
.page-id-42613 {
  width: 100%;
  background-image: url(../images/hp_anklepants_back.jpg);
  background-repeat: repeat;
  background-size: 100%;
  background-position: center center, center center;
}

/* ブラショーHOW TOページ背景 */
.page-id-41698 {
  width: 100%;
  background-image: url(../images/hp_bra_howto_2.jpg);
  background-repeat: repeat;
  background-size: contain;
  background-position: center center, center center;
}

/* リカちゃんコラボページ背景 */
.page-id-43098 {
  width: 100%;
  background-image: url(../images/hp_Licca_avail_0731up_back.jpg);
  background-repeat: repeat;
  background-size: contain;
  background-position: center center, center center;
}

/* 量産型ページ背景 */
.page-id-49666,
.page-id-49668 {
  width: 100%;
  background-image: url(../images/ryousangata_back_B.jpg);
  background-repeat: repeat;
  background-size: auto;
  background-position: center center, center center;
}

/* 量産型ページ背景_test */
.page-id-54430,
.page-id-54428 {
  width: 100%;
  background-image: url(../images/ryousangata_back_B.jpg);
  background-repeat: repeat;
  background-size: contain;
  background-position: center center, center center;
}

/* リカちゃんコラボページ背景_test */
.page-id-3321,
.page-id-3382 {
  width: 100%;
  background-image: url(../images/hp_Licca_avail_0731up_back.jpg);
  background-repeat: repeat;
  background-size: contain;
  background-position: center center, center center;
}

/* ルームウェア背景 */
.page-id-54687 {
  width: 100%;
  background-image: url(../images/7B_roomwear_back.jpg);
  background-repeat: repeat;
  background-size: contain;
  background-position: center center, center center;
}

/* HALLOWEEN背景*/
.page-id-7746 {
  width: 100%;
  background-image: url(../images/2019back.jpg);
  background-repeat: repeat;
  background-size: 1280px 6000px;
  background-position: center center, center center;
}

/* HALLOWEEN背景*/
.page-id-55822,
.page-id-55818 {
  width: 100%;
  background-image: url(../images/2020_halloween_back.jpg);
  background-repeat: repeat;
  background-size: auto;
  background-position: center center, center center;
}

/* HALLOWEEN謎解きページ背景*/
.page-id-56523,
.page-id-56525 {
  width: 100%;
  background-image: url(../images/hp_halloween_mystery_back.jpg);
  background-repeat: repeat;
  background-size: 100%;
  background-position: center center, center center;
}

/* HALLOWEENフレームページ背景*/
.page-id-56542 {
  width: 100%;
  background-image: url(../images/hp_halloween_frame_back.jpg);
  background-repeat: repeat;
  background-size: 100%;
  background-position: center center, center center;
}

/* 福箱 背景*/
.page-id-10723,
.page-id-10720,
.tax-fukubako_category,
.fukubako-template-default {
  background-image: url(../images/fukuhako_back.jpg);
  background-position: top left;
  background-repeat: repeat;
}

.brand-sneaker {
  position: relative;
  -webkit-transform: skew(0, -6deg);
      -ms-transform: skew(0, -6deg);
          transform: skew(0, -6deg);
  overflow: hidden;
  margin-top: -31vw;
  padding: 6vw 0;
}
@media screen and (min-width: 1024px) {
  .brand-sneaker {
    margin-top: -16vw;
  }
}
.brand-sneaker:before {
  content: "";
  position: absolute;
  top: -6vw;
  left: 0;
  right: 0;
  bottom: -6vw;
  background-color: #353535;
  background-image: url(../images/logo_a.png), url(../images/logo_b.png);
  background-repeat: repeat, repeat;
  background-position: 0 0, -24px 0;
  background-size: 141px 66px, 141px 66px;
  -webkit-transform: skew(0, 6deg);
      -ms-transform: skew(0, 6deg);
          transform: skew(0, 6deg);
}
@media screen and (min-width: 1024px) {
  .brand-sneaker:before {
    background-position: 0 0, -48px 0;
    background-size: 282px 132px, 282px 132px;
  }
}
.brand-sneaker__content {
  max-width: 1024px;
  margin: 0 auto;
  -webkit-transform: skew(0, 6deg);
      -ms-transform: skew(0, 6deg);
          transform: skew(0, 6deg);
  padding: 5rem 0;
}
@media screen and (min-width: 1024px) {
  .brand-sneaker__content {
    padding: 1.4rem 0;
  }
}
.brand-sneaker__title {
  font-size: 3.4rem;
  font-weight: 500;
  font-style: italic;
  color: #fff;
  text-align: center;
  line-height: 1;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .brand-sneaker__title {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .brand-sneaker__title {
    font-size: 5rem;
  }
}

.sneaker-slider__item {
  background: #fff;
  margin: 10px;
}
.sneaker-slider__item img {
  width: 130px;
}
@media screen and (min-width: 768px) {
  .sneaker-slider__item img {
    width: 146px;
  }
}
@media screen and (min-width: 1024px) {
  .sneaker-slider__item img {
    width: auto;
  }
}
.sneaker-slider__link {
  position: relative;
  display: block;
}
.sneaker-slider__link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.sneaker-slider__link:hover:after {
  -webkit-box-shadow: 0 0 0 2px #d80c18 inset;
          box-shadow: 0 0 0 2px #d80c18 inset;
}

.news {
  position: relative;
  -webkit-transform: skew(0, -6deg);
      -ms-transform: skew(0, -6deg);
          transform: skew(0, -6deg);
  overflow: hidden;
  margin-top: -2px;
  padding: 6vw 0;
}
.news:before, .news:after {
  content: "";
  position: absolute;
  top: -6vw;
  left: 0;
  right: 0;
  bottom: -6vw;
  -webkit-transform: skew(0, 6deg);
      -ms-transform: skew(0, 6deg);
          transform: skew(0, 6deg);
  z-index: 0;
}
.news:before {
  background: url(../images/bg_news.jpg) no-repeat center top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .news:before {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.news:after {
  background: rgba(0, 0, 0, 0.7);
}
.news__content {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  padding: 5rem 2rem;
  -webkit-transform: skew(0, 6deg);
      -ms-transform: skew(0, 6deg);
          transform: skew(0, 6deg);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .news__content {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .news__content {
    padding: 1.4rem 2rem;
  }
}
.news__title {
  font-size: 3.4rem;
  font-weight: 500;
  font-style: italic;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .news__title {
    font-size: 5rem;
  }
}

.news-data {
  color: #fff;
}
.news-data__date, .news-data__subject {
  line-height: 24px;
  padding: 0.5rem 0;
}
@media screen and (min-width: 1024px) {
  .news-data__date, .news-data__subject {
    line-height: 26px;
  }
}
.news-data__date {
  font-size: 1.8rem;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  .news-data__date {
    font-size: 2rem;
  }
}
.news-data__subject {
  font-size: 1.6rem;
  margin-top: -3.4rem;
  padding-left: 100px;
}
@media screen and (min-width: 1024px) {
  .news-data__subject {
    font-size: 1.8rem;
    margin-top: -3.6rem;
  }
}
.news-data a {
  color: inherit;
  text-decoration: underline;
}

.wear {
  padding: 4rem 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .wear {
    padding: 6rem 0 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .wear {
    padding: 8rem 0 6rem;
  }
}
.wear__title {
  font-size: 3.4rem;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  line-height: 1;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
  .wear__title {
    font-size: 5rem;
  }
}
.wear__title img {
  width: 160px;
}
@media screen and (min-width: 1024px) {
  .wear__title img {
    width: 240px;
  }
}
.wear__description {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (min-width: 1024px) {
  .wear__description {
    font-size: 2rem;
  }
}

.wear-slider__item img {
  width: 100px;
}
@media screen and (min-width: 768px) {
  .wear-slider__item img {
    width: 120px;
  }
}
@media screen and (min-width: 1024px) {
  .wear-slider__item img {
    width: 180px;
  }
}

.followus {
  margin-top: 4rem;
}
.followus__title {
  font-size: 2.6rem;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .followus__title {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .followus__title {
    font-size: 5rem;
  }
}

.followus-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.followus-list__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 1024px) {
  .followus-list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
}
.followus-list__item:hover {
  opacity: 0.7;
}

.followus-icon {
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.followus-icon--fb {
  background-image: url(../images/f_logo_RGB-Blue_1024.png);
}
.followus-icon--ig {
  background-image: url(../images/insta.svg);
}
.followus-icon--tw {
  background-image: url(../images/twitter.svg);
}
.followus-icon--ln {
  background-image: url(../images/line.svg);
}

.aside {
  padding: 4rem 0;
  border-top: 1px solid #aaa;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .aside {
    padding: 5rem 0;
  }
}
.aside__content {
  max-width: 1024px;
  padding: 0 2rem;
  margin: 0 auto;
}

.banner {
  display: block;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.banner:hover {
  -webkit-box-shadow: 5px 5px 0 #c4c4c4;
          box-shadow: 5px 5px 0 #c4c4c4;
}

.tax_2 {
  font-size: 1.4rem;
}

.tax {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 1em;
}
@media screen and (min-width: 1024px) {
  .tax {
    font-size: 1.8rem;
  }
}
.tax__text {
  color: #d80c18;
}

.nfooter {
  background: #f4f4f4;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .nfooter__content {
    padding: 50px 0;
  }
}

.fmenu-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 2px);
  margin-left: -1px;
}
@media screen and (max-width: 1023px) {
  .fmenu-list {
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
  }
}
@media screen and (min-width: 1024px) {
  .fmenu-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 750px;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: skew(-20deg);
        -ms-transform: skew(-20deg);
            transform: skew(-20deg);
  }
}
.fmenu-list__item {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .fmenu-list__item {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
  }
}
@media screen and (min-width: 768px) {
  .fmenu-list__item {
    width: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .fmenu-list__item {
    border: 2px solid #f4f4f4;
  }
}
.fmenu-list__btn {
  position: relative;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  color: inherit;
  line-height: 50px;
  background: #fff;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .fmenu-list__btn {
    padding: 0 15px;
  }
}
@media screen and (min-width: 1024px) {
  .fmenu-list__btn {
    -webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
  }
}
@media screen and (min-width: 1024px) {
  .fmenu-list__btn:hover {
    color: #fff;
    background: #000;
  }
}
.fmenu-list__text {
  display: block;
}
@media screen and (min-width: 1024px) {
  .fmenu-list__text {
    -webkit-transform: skew(20deg);
        -ms-transform: skew(20deg);
            transform: skew(20deg);
  }
}

.group-list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 2px);
  margin-left: -1px;
}
@media screen and (max-width: 1023px) {
  .group-list {
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    margin-top: -1px;
  }
}
@media screen and (min-width: 1024px) {
  .group-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 3rem;
  }
}
.group-list__item {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .group-list__item {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
  }
}
@media screen and (min-width: 768px) {
  .group-list__item {
    width: 33.333333%;
  }
}
@media screen and (min-width: 1024px) {
  .group-list__item {
    width: auto;
    padding: 0 2em;
    -webkit-transform: skew(-20deg);
        -ms-transform: skew(-20deg);
            transform: skew(-20deg);
  }
}
@media screen and (min-width: 1024px) {
  .group-list__item:not(:first-child) {
    border-left: 1px solid #000;
  }
}
.group-list__btn {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  color: inherit;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (max-width: 1023px) {
  .group-list__btn {
    padding: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .group-list__btn {
    -webkit-transform: skew(20deg);
        -ms-transform: skew(20deg);
            transform: skew(20deg);
  }
}
.group-list__btn:hover {
  opacity: 0.4;
}

.copyright {
  position: relative;
  font-size: 1.4rem;
  font-style: italic;
  color: #fff;
  text-align: center;
  line-height: 20px;
  background: #d80c18;
  padding: 10px;
}
@media screen and (max-width: 1023px) {
  .copyright {
    margin-top: -1px;
  }
}
@media screen and (min-width: 768px) {
  .copyright {
    padding: 30px;
  }
}

.interstitial {
  position: fixed;
  top: 50vh;
  left: 0;
  width: 100%;
  padding: 1rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  z-index: 300;
}
@media screen and (max-width: 767px) {
  .interstitial--active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.interstitial .slick-dots {
  bottom: -35px;
}

@media screen and (min-width: 768px) {
  #interstitial-bg {
    display: none;
  }
}

.scroller {
  position: fixed;
  bottom: 12px;
  right: 12px;
  display: none;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  z-index: 10;
  /*
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .4s ease-out;
  */
  /*
  &--sticky {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  */
}
@media screen and (min-width: 768px) {
  .scroller {
    bottom: 40px;
    right: 40px;
    width: 60px;
    height: 60px;
  }
}
.scroller:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 14px;
  height: 14px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: translate(-50%, -25%) rotate(45deg);
      -ms-transform: translate(-50%, -25%) rotate(45deg);
          transform: translate(-50%, -25%) rotate(45deg);
}

.inview {
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
}
.inview--active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

/* 2018.07.09追記 */
.w-list a img {
  max-width: 100%;
}

.w-col img {
  max-width: 100%;
}

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

/* 2018.08.03追記 OPEN情報ページ用*/
.open-btn {
  position: relative;
  display: block;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 3px 3px 6px 3px #c4c4c4;
          box-shadow: 3px 3px 6px 3px #c4c4c4;
}
@media screen and (min-width: 1024px) {
  .open-btn {
    margin: 0 5rem;
  }
}
@media screen and (min-width: 768px) {
  .open-btn:first-child {
    margin-bottom: 2.5rem;
  }
}
.open-btn__date {
  display: block;
  font-size: 2.8rem;
  font-weight: bold;
  font-family: "Yu Gothic", YuGothic;
  color: #fff;
  text-align: center;
  background: #d80c18;
  padding: 5px;
}
@media screen and (min-width: 768px) {
  .open-btn__date {
    font-size: 4rem;
    padding: 10px;
  }
}
.open-btn__name {
  position: relative;
  display: block;
  font-size: 2.8rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1.5;
  padding: 15px;
  padding-right: 35px;
}
@media screen and (min-width: 768px) {
  .open-btn__name {
    font-size: 4rem;
    padding: 20px;
    padding-right: 55px;
  }
}
.open-btn__name:after {
  position: absolute;
  bottom: 15px;
  right: 15px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #000;
}
@media screen and (min-width: 768px) {
  .open-btn__name:after {
    border-width: 15px 0 15px 22.5px;
  }
}

/* 2018.09.10 動画用*/
.video-wrap {
  max-width: 1310px;
  padding: 30px 15px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .video-wrap {
    padding: 60px 120px;
  }
}
.video-wrap--top {
  margin-top: -0.5rem;
  padding-top: 0;
  padding-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .video-wrap--top {
    padding: 0 120px 40px !important;
  }
}

.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* 2020.12.10 追記　福袋カウントダウンカレンダー*/
.calendar-popup {
  position: relative;
  max-width: 640px;
  margin: -1.4em auto 0;
}
@media screen and (min-width: 768px) {
  .calendar-popup {
    margin: -1.7em auto 0;
  }
}

.featherlight-calendar {
  display: block;
  width: calc(100% / 7);
  height: calc(100% / 3);
  position: absolute;
}
.featherlight-calendar--19th {
  top: 0;
  right: 8px;
}
.featherlight-calendar--23th {
  top: 30%;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.featherlight-calendar--26th {
  top: 30%;
  right: 8px;
}
.featherlight-calendar--29th {
  left: 29%;
  bottom: 20px;
}
.featherlight-calendar--1th {
  top: 15px;
  right: 15%;
}
.featherlight-calendar--3th {
  bottom: 25%;
  left: 15px;
}
.featherlight-calendar--9th {
  bottom: 25%;
  right: 10px;
}