@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; }

/*# sourceMappingURL=sanitize.css.map */
/* 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);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-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.33333%; }
    .row__item--mobile-2 {
      width: 16.66667%; }
    .row__item--mobile-3 {
      width: 25%; }
    .row__item--mobile-4 {
      width: 33.33333%; }
    .row__item--mobile-5 {
      width: 41.66667%; }
    .row__item--mobile-6 {
      width: 50%; }
    .row__item--mobile-7 {
      width: 58.33333%; }
    .row__item--mobile-8 {
      width: 66.66667%; }
    .row__item--mobile-9 {
      width: 75%; }
    .row__item--mobile-10 {
      width: 83.33333%; }
    .row__item--mobile-11 {
      width: 91.66667%; }
    .row__item--mobile-12 {
      width: 100%; }
    .row__item--mobile-fifth {
      width: 20%; }
    @media screen and (min-width: 768px) {
      .row__item--tablet-1 {
        width: 8.33333%; } }
    @media screen and (min-width: 768px) {
      .row__item--tablet-2 {
        width: 16.66667%; } }
    @media screen and (min-width: 768px) {
      .row__item--tablet-3 {
        width: 25%; } }
    @media screen and (min-width: 768px) {
      .row__item--tablet-4 {
        width: 33.33333%; } }
    @media screen and (min-width: 768px) {
      .row__item--tablet-5 {
        width: 41.66667%; } }
    @media screen and (min-width: 768px) {
      .row__item--tablet-6 {
        width: 50%; } }
    @media screen and (min-width: 768px) {
      .row__item--tablet-7 {
        width: 58.33333%; } }
    @media screen and (min-width: 768px) {
      .row__item--tablet-8 {
        width: 66.66667%; } }
    @media screen and (min-width: 768px) {
      .row__item--tablet-9 {
        width: 75%; } }
    @media screen and (min-width: 768px) {
      .row__item--tablet-10 {
        width: 83.33333%; } }
    @media screen and (min-width: 768px) {
      .row__item--tablet-11 {
        width: 91.66667%; } }
    @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.33333%; } }
    @media screen and (min-width: 1024px) {
      .row__item--desktop-2 {
        width: 16.66667%; } }
    @media screen and (min-width: 1024px) {
      .row__item--desktop-3 {
        width: 25%; } }
    @media screen and (min-width: 1024px) {
      .row__item--desktop-4 {
        width: 33.33333%; } }
    @media screen and (min-width: 1024px) {
      .row__item--desktop-5 {
        width: 41.66667%; } }
    @media screen and (min-width: 1024px) {
      .row__item--desktop-6 {
        width: 50%; } }
    @media screen and (min-width: 1024px) {
      .row__item--desktop-7 {
        width: 58.33333%; } }
    @media screen and (min-width: 1024px) {
      .row__item--desktop-8 {
        width: 66.66667%; } }
    @media screen and (min-width: 1024px) {
      .row__item--desktop-9 {
        width: 75%; } }
    @media screen and (min-width: 1024px) {
      .row__item--desktop-10 {
        width: 83.33333%; } }
    @media screen and (min-width: 1024px) {
      .row__item--desktop-11 {
        width: 91.66667%; } }
    @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; }

.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: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out; }
    .post-type-pickup_contents a:hover,
    .post-type-page a:hover {
      opacity: .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: .2s ease-out;
      -o-transition: .2s ease-out;
      transition: .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: .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: 1.0em;
    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 {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: auto;
    background: none;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-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: 1.0em;
    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 {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: auto;
    background: none;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: .5rem 1rem;
    -webkit-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .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 .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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: "\e914";
        top: 50%;
        font-family: "icomoon";
        font-style: normal;
        font-size: 1.4rem;
        color: #d80c18;
        margin-right: 12px;
        vertical-align: baseline;
        -webkit-transition: .4s ease-out;
        -o-transition: .4s ease-out;
        transition: .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: "\e910";
      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: .4s ease-out;
      -o-transition: .4s ease-out;
      transition: .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: .4s ease-out;
      -o-transition: .4s ease-out;
      transition: .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: "\e90f";
        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: .4s ease-out;
        -o-transition: .4s ease-out;
        transition: .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: .4s ease-out;
      -o-transition: .4s ease-out;
      transition: .4s ease-out; }
      .breadcrumb-list__link:hover {
        opacity: 1; }
    .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 .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: .5rem 1rem;
    -webkit-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: .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: .5rem;
    margin-right: .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: .5rem;
    margin-right: .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: "\e912";
    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: .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: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out; }
  .fukubako-back:hover {
    opacity: .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 .5rem;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .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: .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: "\e912";
    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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .4s ease-out; }
    @media screen and (min-width: 1024px) {
      .model-card__more {
        font-size: 2rem; } }
    .model-card__more:after {
      content: "\e90a";
      display: inline-block;
      font-family: "icomoon";
      font-style: normal;
      color: #fff;
      vertical-align: top;
      margin-left: 3rem;
      -webkit-transition: .4s ease-out;
      -o-transition: .4s ease-out;
      transition: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: "\e90a";
      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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .4s ease-out; }
    @media screen and (min-width: 768px) {
      .model-prof__more {
        font-size: 2.2rem; } }
    .model-prof__more:after {
      content: "\e90a";
      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: .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: .1; }
  100% {
    right: 20px; } }

@keyframes moveX {
  0% {
    right: 20px; }
  50% {
    right: 40px;
    opacity: .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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .4s ease-out; }
    @media screen and (min-width: 1024px) {
      .blog-card__more {
        font-size: 2rem; } }
    .blog-card__more:after {
      content: "\e90a";
      display: inline-block;
      font-family: "icomoon";
      font-style: normal;
      color: #fff;
      vertical-align: top;
      margin-left: 3rem;
      -webkit-transition: .4s ease-out;
      -o-transition: .4s ease-out;
      transition: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: .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: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .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: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .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 .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: .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; }
  @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; }

.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 .2s;
    -o-transition: ease-out .2s;
    transition: ease-out .2s; }
    .line-up__box:hover {
      opacity: .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: 2.5rem;
    line-height: 1; }
    @media screen and (min-width: 768px) {
      .line-up__title {
        font-size: 4.5rem; } }
  .line-up__date {
    font-size: 2.5rem; }
    @media screen and (min-width: 768px) {
      .line-up__date {
        font-size: 4rem; } }

.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: "\e90f"; }
  .slick-arrow.slick-prev {
    left: 0; }
    .slick-arrow.slick-prev:before {
      content: "\e90e"; }

.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: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .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: "\e90b";
      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: "\e90c";
      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: "\e90c";
      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: .6s star2 ease-out forwards;
      animation: .6s star2 ease-out forwards; }
  .nheader__logo {
    color: #fff; }
    .nheader__logo:before {
      content: "\e905";
      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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .4s ease-out; }
    .nav-list__link:hover {
      opacity: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .4s ease-out; }
  .sns-icon:hover,
  .links-icon:hover {
    opacity: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: "\e90a";
    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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: "\e911";
      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: "\e914";
      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: "\e904";
      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: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .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: "\e90a";
      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: .4s ease-out;
      -o-transition: .4s ease-out;
      transition: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .4s ease-out; }
  @media screen and (min-width: 768px) {
    .slider__item {
      margin: 0 10px; } }
  .slider__item:hover {
    opacity: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: "\e90d";
      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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: .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: .5rem .1rem; }
  @media screen and (min-width: 768px) {
    .shop-list__name {
      font-size: 2rem;
      padding: 1rem .1rem; } }
  .shop-list__name:after {
    display: inline-block;
    content: "・";
    padding-left: .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: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 80%), 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: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 60%), 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; } }

/* 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; }

/* 福箱 背景*/
.page-id-10723,
.page-id-10720,
.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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: .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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .4s ease-out; }
  .banner:hover {
    -webkit-box-shadow: 5px 5px 0 #c4c4c4;
    box-shadow: 5px 5px 0 #c4c4c4; }

.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 {
      width: 600px;
      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: 33.333333%; } }
    @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: .4s ease-out;
        -o-transition: .4s ease-out;
        transition: .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: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .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: .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: .4s ease-out;
  -o-transition: .4s ease-out;
  transition: .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: -.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%; }