@charset "UTF-8";

/* ---------------------------------------------
*   reset
--------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
  clear: both;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* ---------------------------------------------
*   library / plugin
--------------------------------------------- */

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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);
  transform: translate3d(0, 0, 0);
}

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

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

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

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

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

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

/* ---------------------------------------------
*   base
--------------------------------------------- */

/*  html, body
--------------------------------------------- */

html,
body {
  color: #222633;
  line-height: 1.5;
  font-size: 3.2vw;
  font-family: "PFDINTextStd-Medium", sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

@media screen and (min-width: 739px) {
  html,
  body {
    font-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  html,
  body {
    font-size: 16px;
  }
}

@media screen and (min-width: 1140px) {
  html,
  body {
    font-size: 16px;
  }
}

body {
  min-width: 320px;
}

body.body--fixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

/*  <p> tag
--------------------------------------------- */

p {
  font-family: "PFDINTextStd-Light", sans-serif;
}

/*  <span> tag
--------------------------------------------- */

span {
  font-family: "PFDINTextStd-Medium", sans-serif;
}

/*  <a> tag
--------------------------------------------- */

a {
  color: inherit;
  text-decoration: none;
}

/*  <img> tag
--------------------------------------------- */

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: bottom;
}

/* Fit svg size */

.svg-fit {
  display: block;
  width: 100%;
  height: 100%;
}

/* fade image in after load */

img.lazyload,
img.lazyloading {
  opacity: 0;
}

img.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

/*  <hr> tag as anchor target
--------------------------------------------- */

hr[id^="anchor-"] {
  display: block;
  width: auto;
  height: 0;
  border: 0;
  background: 0;
  padding: 0;
  margin: 0;
  padding-top: 0;
  margin-top: 0;
}

/*  js-tel-disabled
--------------------------------------------- */

.js-tel-disabled {
  cursor: default;
  outline: none;
}

.js-tel-disabled:hover {
  text-decoration: none;
  opacity: 1;
}

/*  wrapper
--------------------------------------------- */

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

/*  split
--------------------------------------------- */

.split {
  padding-top: 6.66667%;
}

@media screen and (min-width: 739px) {
  .split {
    max-width: 1260px;
    padding-top: 3.96825%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .split {
    max-width: 1260px;
    padding-top: 3.96825%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .split {
    max-width: 1260px;
    padding-top: 3.96825%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1260px) {
  .split {
    max-width: 1260px;
    padding-top: 50px;
  }
}

.split ~ .split {
  padding-top: 0;
}

@media screen and (min-width: 739px) {
  .split ~ .split {
    padding-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .split ~ .split {
    padding-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .split ~ .split {
    padding-top: 0;
  }
}

@media screen and (min-width: 1260px) {
  .split ~ .split {
    padding-top: 0;
  }
}

@media screen and (min-width: 739px) {
  .split__inner {
    padding: 0 4.7619%;
  }

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

@media screen and (min-width: 769px) {
  .split__inner {
    padding: 0 4.7619%;
  }

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

@media screen and (min-width: 901px) {
  .split__inner {
    padding: 0 4.7619%;
  }

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

@media screen and (min-width: 1260px) {
  .split__inner {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 739px) {
  .split__left {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.33151%;
    padding-right: 20px;
    border-right: 10px #e5e5e5 solid;
  }
}

@media screen and (min-width: 769px) {
  .split__left {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 63.48606%;
  }
}

@media screen and (min-width: 901px) {
  .split__left {
    float: left;
    width: 70.03984%;
  }
}

@media screen and (min-width: 1060px) {
  .split__left {
    float: left;
    width: 74.72112%;
  }
}

@media screen and (min-width: 1260px) {
  .split__left {
    width: 76.59363%;
  }
}

@media screen and (min-width: 739px) {
  .split__right {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 240px;
  }
}

@media screen and (min-width: 769px) {
  .split__right {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 901px) {
  .split__right {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 739px) {
  .split__none {
    float: none !important;
    border-style: none !important;
    /*
            box-sizing: content-box !important;
            padding: inherit !important;
            margin: inherit !important;
            */
  }
}

@media screen and (min-width: 769px) {
  .split__none {
    float: none !important;
    border-style: none !important;
    /*
            box-sizing: content-box !important;
            padding: inherit !important;
            margin: inherit !important;
            */
  }
}

@media screen and (min-width: 901px) {
  .split__none {
    float: none !important;
    border-style: none !important;
    /*
            box-sizing: content-box !important;
            padding: inherit !important;
            margin: inherit !important;
            */
  }
}

/*  padding
--------------------------------------------- */

.padding-top-zero {
  padding-top: 0 !important;
}

.padding-bottom-zero {
  padding-bottom: 0 !important;
}

.padding-bottom {
  padding-bottom: 6.66667% !important;
}

@media screen and (min-width: 739px) {
  .padding-bottom {
    padding-bottom: 3.96825% !important;
  }
}

@media screen and (min-width: 769px) {
  .padding-bottom {
    padding-bottom: 3.96825% !important;
  }
}

@media screen and (min-width: 901px) {
  .padding-bottom {
    padding-bottom: 3.96825% !important;
  }
}

@media screen and (min-width: 1260px) {
  .padding-bottom {
    padding-bottom: 50px !important;
  }
}

/*  margin
--------------------------------------------- */

.margin-top-zero {
  margin-top: 0 !important;
}

.margin-bottom-zero {
  margin-bottom: 0 !important;
}

.margin-bottom {
  margin-bottom: 6.66667% !important;
}

@media screen and (min-width: 739px) {
  .margin-bottom {
    margin-bottom: 3.96825% !important;
  }
}

@media screen and (min-width: 769px) {
  .margin-bottom {
    margin-bottom: 3.96825% !important;
  }
}

@media screen and (min-width: 901px) {
  .margin-bottom {
    margin-bottom: 3.96825% !important;
  }
}

@media screen and (min-width: 1260px) {
  .margin-bottom {
    margin-bottom: 50px !important;
  }
}

/* ---------------------------------------------
*   buttons
--------------------------------------------- */

/* Showmore Button
   ========================================================================== */

/* ---------------------------------------------
*   macro
--------------------------------------------- */

/* ---------------------------------------------
*   module
--------------------------------------------- */

.mod-cookie-bar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10000;
  display: none;
  background-color: #ffffff;
  /* Active */
}

body.body--cookie-bar-active .mod-cookie-bar {
  display: block;
}

.mod-cookie-bar__body {
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-cookie-bar__body {
    max-width: 1260px;
  }
}

.mod-cookie-bar__body-inner {
  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;
  height: 80px;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-cookie-bar__body-inner {
    height: 50px;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-cookie-bar__body-inner {
    height: 50px;
  }
}

@media screen and (min-width: 901px) {
  .mod-cookie-bar__body-inner {
    height: 50px;
    padding: 0 4.7619%;
  }
}

.mod-cookie-bar__text {
  width: 75%;
  line-height: 1.25;
  font-size: 12px;
  font-family: 'PFDINTextStd-Light';
  color: #282828;
}

@media screen and (min-width: 739px) {
  .mod-cookie-bar__text {
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-cookie-bar__text {
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-cookie-bar__text {
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1300px) {
  .mod-cookie-bar__text {
    width: auto;
  }
}

.windows .mod-cookie-bar__text {
  width: 80%;
}

@media screen and (min-width: 739px) {
  .windows .mod-cookie-bar__text {
    width: 82.69231%;
  }
}

@media screen and (min-width: 769px) {
  .windows .mod-cookie-bar__text {
    width: 82.69231%;
  }
}

@media screen and (min-width: 901px) {
  .windows .mod-cookie-bar__text {
    width: 82.69231%;
  }
}

@media screen and (min-width: 1300px) {
  .windows .mod-cookie-bar__text {
    width: auto;
  }
}

.mod-cookie-bar__link {
  margin-left: 20px;
  text-decoration: underline;
  border-bottom: 1px dashed #ffffff;
}

.mod-cookie-bar__link:hover {
  border-bottom: none;
}

.mod-cookie-bar__link:hover {
  color: #f13c33;
}

.iphone .mod-cookie-bar__link,
.ipad .mod-cookie-bar__link {
  border-bottom: 1px dashed #ffffff;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-cookie-bar__link:hover,
.ipad .mod-cookie-bar__link:hover {
  border-bottom: none;
}

.iphone .mod-cookie-bar__link:hover,
.ipad .mod-cookie-bar__link:hover {
  color: #f13c33;
}

.mod-cookie-bar__button {
  display: block;
  width: 50px;
  line-height: 1;
  text-align: center;
  font-size: 10px;
  color: #ffffff;
  padding: 3px 0 2px;
  overflow: hidden;
  border-radius: 16px;
  background-color: #58c0ae;
}

@media screen and (min-width: 739px) {
  .mod-cookie-bar__button {
    width: 60px;
    padding: 3px 0;
    border-radius: 18px;
    font-size: 0.75rem;
    margin-left: 8px;
  }
}

@media screen and (min-width: 769px) {
  .mod-cookie-bar__button {
    width: 60px;
    padding: 3px 0;
    border-radius: 18px;
    font-size: 0.75rem;
    margin-left: 8px;
  }
}

@media screen and (min-width: 901px) {
  .mod-cookie-bar__button {
    width: 60px;
    padding: 3px 0;
    border-radius: 18px;
    font-size: 0.75rem;
    margin-left: 8px;
  }
}

.mod-cookie-bar__button:hover {
  color: #fbf2f0;
  background-color: #f13c33;
}

.iphone .mod-cookie-bar__button:hover,
.ipad .mod-cookie-bar__button:hover {
  color: #f13c33;
  background-color: #fbf2f0;
}

.mod-font-and-color {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10000;
  display: none;
  background-color: #e5e5e5;
  /* Active */
}

body.body--font-and-color-active .mod-font-and-color {
  display: block;
}

.mod-font-and-color__body {
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__body {
    max-width: 1260px;
  }
}

.mod-font-and-color__body-inner {
  height: 50px;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__body-inner {
    height: 50px;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__body-inner {
    height: 50px;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__body-inner {
    height: 50px;
    padding: 0 4.7619%;
  }
}

.mod-font-and-color__bar-close-button {
  display: block;
  width: 100%;
  height: 100%;
}

.mod-font-and-color__bar-close-button-icon {
  display: block;
  width: 24px;
  height: 24px;
}

.mod-font-and-color__bar-close-button-icon-content {
  display: block;
}

.mod-font-and-color__items {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mod-font-and-color__configs {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.mod-font-and-color__item.link {
  width: 150px;
}

.mod-font-and-color__item.description {
  width: calc(100% - 150px);
}

.mod-font-and-color__heading {
  width: 75%;
  line-height: 1.25;
  font-size: 12px;
  color: #282828;
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__heading {
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__heading {
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__heading {
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1300px) {
  .mod-font-and-color__heading {
    width: auto;
  }
}

.mod-font-and-color__text {
  width: 75%;
  line-height: 1.25;
  font-size: 12px;
  font-family: 'PFDINTextStd-Light';
  color: #282828;
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__text {
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__text {
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__text {
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1300px) {
  .mod-font-and-color__text {
    width: auto;
  }
}

.mod-font-and-color__description {
  display: none;
  width: 75%;
  line-height: 1.25;
  font-size: 12px;
  font-family: 'PFDINTextStd-Light';
  color: #282828;
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__description {
    display: inline;
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__description {
    display: inline;
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__description {
    display: inline;
    width: 82.30769%;
    line-height: 1.2;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1300px) {
  .mod-font-and-color__description {
    display: inline;
    width: auto;
  }
}

.windows .mod-font-and-color__text {
  width: 80%;
}

@media screen and (min-width: 739px) {
  .windows .mod-font-and-color__text {
    width: 82.69231%;
  }
}

@media screen and (min-width: 769px) {
  .windows .mod-font-and-color__text {
    width: 82.69231%;
  }
}

@media screen and (min-width: 901px) {
  .windows .mod-font-and-color__text {
    width: 82.69231%;
  }
}

@media screen and (min-width: 1300px) {
  .windows .mod-font-and-color__text {
    width: auto;
  }
}

.mod-font-and-color__link {
  text-decoration: underline;
}

.mod-font-and-color__link:hover {
  color: #f13c33;
}

.iphone .mod-font-and-color__link,
.ipad .mod-font-and-color__link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-font-and-color__link:hover,
.ipad .mod-font-and-color__link:hover {
  color: #f13c33;
}

.mod-font-and-color__page .mod-keyvisual-text__heading {
  padding: 11.04478% 0 2.23881%;
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page .mod-keyvisual-text__heading {
    padding: 6.31579% 0 1.31579%;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page .mod-keyvisual-text__heading {
    padding: 6.31579% 0 1.31579%;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page .mod-keyvisual-text__heading {
    padding: 6.31579% 0 1.31579%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page .mod-keyvisual-text__heading {
    padding: 72px 0 15px;
  }
}

.mod-font-and-color__page .mod-lead__lead {
  padding: 0;
  font-size: 1.33333rem;
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page .mod-lead__lead {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page .mod-lead__lead {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page .mod-lead__lead {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page .mod-lead__lead {
    font-size: 24px;
  }
}

.mod-font-and-color__page .mod-wysiwyg {
  padding: 6.66667% 0 0;
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page .mod-wysiwyg {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page .mod-wysiwyg {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page .mod-wysiwyg {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page .mod-wysiwyg {
    padding: 50px 0 0;
  }
}

.mod-font-and-color__page .mod-wysiwyg.font-and-color {
  padding: 10.66667% 0 0;
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page .mod-wysiwyg.font-and-color {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page .mod-wysiwyg.font-and-color {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page .mod-wysiwyg.font-and-color {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page .mod-wysiwyg.font-and-color {
    padding: 50px 0 0;
  }
}

.mod-font-and-color__page .mod-wysiwyg__subheading {
  padding-right: 0;
  padding-left: 0;
}

.mod-font-and-color__page .mod-wysiwyg__subheading.larger {
  font-size: 1.5rem;
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page .mod-wysiwyg__subheading.larger {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page .mod-wysiwyg__subheading.larger {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page .mod-wysiwyg__subheading.larger {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page .mod-wysiwyg__subheading.larger {
    font-size: 28px;
  }
}

.mod-font-and-color__page .mod-wysiwyg__text {
  padding: 0;
}

.mod-font-and-color__page-fonts,
.mod-font-and-color__page-colors {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mod-font-and-color__page-font-button-content,
.mod-font-and-color__page-color-button-content {
  visibility: hidden;
  position: absolute;
}

.mod-font-and-color__page-font-button-content + label,
.mod-font-and-color__page-color-button-content + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  background-image: url("https://res.cloudinary.com/gtyo/image/upload/v1530162402/icons/btn_radio_off.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.mod-font-and-color__page-font-button-content:checked + label,
.mod-font-and-color__page-color-button-content:checked + label {
  background-image: url("https://res.cloudinary.com/gtyo/image/upload/v1530162402/icons/btn_radio_on.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.mod-font-and-color__page-font {
  width: calc(50% - 2.5px);
  height: auto;
}

@media screen and (min-width: 507px) {
  .mod-font-and-color__page-font {
    width: calc(50% - 2.5px);
  }
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page-font {
    width: calc(33.333% - 5px);
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page-font {
    width: calc(33.333% - 5px);
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page-font {
    width: calc(33.333% - 5px);
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page-font {
    width: calc(33.333% - 5px);
  }
}

.mod-font-and-color__page-font:nth-of-type(1),
.mod-font-and-color__page-font:nth-of-type(2) {
  margin-bottom: 5px;
}

@media screen and (min-width: 507px) {
  .mod-font-and-color__page-font:nth-of-type(1),
  .mod-font-and-color__page-font:nth-of-type(2) {
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page-font:nth-of-type(1),
  .mod-font-and-color__page-font:nth-of-type(2) {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page-font:nth-of-type(1),
  .mod-font-and-color__page-font:nth-of-type(2) {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page-font:nth-of-type(1),
  .mod-font-and-color__page-font:nth-of-type(2) {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page-font:nth-of-type(1),
  .mod-font-and-color__page-font:nth-of-type(2) {
    margin-bottom: 0;
  }
}

.mod-font-and-color__page-color {
  width: calc(50% - 2.5px);
  height: auto;
}

.mod-font-and-color__page-color:nth-of-type(1),
.mod-font-and-color__page-color:nth-of-type(2) {
  margin-bottom: 5px;
}

.mod-font-and-color__page-font-button,
.mod-font-and-color__page-color-button {
  width: 100%;
  height: 30px;
  margin-bottom: 5px;
  background-color: #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-font-and-color__page-font-image,
.mod-font-and-color__page-color-image {
  width: 100%;
}

.mod-font-and-color__page-font-image-content,
.mod-font-and-color__page-color-image-content {
  width: 100%;
}

.mod-font-and-color__page-font-settings,
.mod-font-and-color__page-color-settings {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-top: 5%;
}

@media screen and (min-width: 507px) {
  .mod-font-and-color__page-font-settings,
  .mod-font-and-color__page-color-settings {
    padding-top: 5%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page-font-settings,
  .mod-font-and-color__page-color-settings {
    padding-top: 2.77008%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page-font-settings,
  .mod-font-and-color__page-color-settings {
    padding-top: 2.77008%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page-font-settings,
  .mod-font-and-color__page-color-settings {
    padding-top: 2.77008%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page-font-settings,
  .mod-font-and-color__page-color-settings {
    padding-top: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.mod-font-and-color__page-font-setting,
.mod-font-and-color__page-color-setting {
  width: 150px;
}

.mod-font-and-color__page-font-setting:nth-of-type(1),
.mod-font-and-color__page-color-setting:nth-of-type(1) {
  margin-right: 0;
}

@media screen and (min-width: 507px) {
  .mod-font-and-color__page-font-setting:nth-of-type(1),
  .mod-font-and-color__page-color-setting:nth-of-type(1) {
    margin-right: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page-font-setting:nth-of-type(1),
  .mod-font-and-color__page-color-setting:nth-of-type(1) {
    margin-right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page-font-setting:nth-of-type(1),
  .mod-font-and-color__page-color-setting:nth-of-type(1) {
    margin-right: 30px;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page-font-setting:nth-of-type(1),
  .mod-font-and-color__page-color-setting:nth-of-type(1) {
    margin-right: 30px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page-font-setting:nth-of-type(1),
  .mod-font-and-color__page-color-setting:nth-of-type(1) {
    margin-right: 30px;
  }
}

.mod-font-and-color__page-font-setting-inner,
.mod-font-and-color__page-color-setting-inner {
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  text-align: center;
  border-radius: 30px;
  padding: 1.06667vw 0;
}

@media screen and (min-width: 507px) {
  .mod-font-and-color__page-font-setting-inner,
  .mod-font-and-color__page-color-setting-inner {
    padding: 1.06667vw 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page-font-setting-inner,
  .mod-font-and-color__page-color-setting-inner {
    padding: 0.31746vw 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page-font-setting-inner,
  .mod-font-and-color__page-color-setting-inner {
    padding: 0.31746vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page-font-setting-inner,
  .mod-font-and-color__page-color-setting-inner {
    padding: 0.31746vw 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page-font-setting-inner,
  .mod-font-and-color__page-color-setting-inner {
    padding: 4px 0;
  }
}

.mod-font-and-color__page-font-setting-inner.set,
.mod-font-and-color__page-color-setting-inner.set {
  color: #ffffff;
  background-color: #222633;
}

.mod-font-and-color__page-font-setting-inner.default,
.mod-font-and-color__page-color-setting-inner.default {
  background-color: #e5e5e5;
}

.mod-font-and-color__page-font-setting-text,
.mod-font-and-color__page-color-setting-text {
  font-size: 0.58333rem;
  font-weight: normal;
  line-height: 1.3;
}

@media screen and (min-width: 507px) {
  .mod-font-and-color__page-font-setting-text,
  .mod-font-and-color__page-color-setting-text {
    font-size: 0.58333rem;
    line-height: 1.3;
  }
}

@media screen and (min-width: 739px) {
  .mod-font-and-color__page-font-setting-text,
  .mod-font-and-color__page-color-setting-text {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 769px) {
  .mod-font-and-color__page-font-setting-text,
  .mod-font-and-color__page-color-setting-text {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 901px) {
  .mod-font-and-color__page-font-setting-text,
  .mod-font-and-color__page-color-setting-text {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 1260px) {
  .mod-font-and-color__page-font-setting-text,
  .mod-font-and-color__page-color-setting-text {
    font-size: 14px;
    line-height: 1.4;
  }
}

body.body--cookie-bar-active.body--font-and-color-active .mod-font-and-color {
  position: fixed;
  top: 80px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-font-and-color {
    top: 50px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-font-and-color {
    top: 50px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-font-and-color {
    top: 50px;
  }
}

.mod-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*&__menu-link:after {

        @media screen and (min-width: 739px) {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background-color: pallete(red1);
            transform: scale(0, 1);
            transform-origin: center top;
            transition: transform $hover-text-link-ms * 1ms;
        }

        @media screen and (min-width: 769px) {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background-color: pallete(red1);
            transform: scale(0, 1);
            transform-origin: center top;
            transition: transform $hover-text-link-ms * 1ms;
        }

        @media screen and (min-width: 901px) {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background-color: pallete(white1);
            transform: scale(0, 1);
            transform-origin: center top;
            transition: transform $hover-text-link-ms * 1ms;
        }
    }*/
  /*&__menu--active &__menu-link:after,
    &__menu-link:hover:after {

        @media screen and (min-width: 739px) {
            transform: scale(1, 1);
        }

        @media screen and (min-width: 769px) {
            transform: scale(1, 1);
        }

        @media screen and (min-width: 901px) {
            transform: scale(1, 1);
        }
    }

    @at-root {
        .iphone &__menu-link:hover:after,
        .ipad &__menu-link:hover:after {

            @media screen and (min-width: 739px) {
                background-color: pallete(red1);
            }

            @media screen and (min-width: 769px) {
                background-color: pallete(red1);
            }

            @media screen and (min-width: 901px) {
                background-color: pallete(red1);
            }
        }
    }*/
  /* Body Fixed */
  /* Faded-in */
  /* Always Background Color Active / Panel Active */
  /* Panel Active */
  /* Hover / Current */
}

.mod-header:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

.mod-header__upper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 1260px) {
  .mod-header__upper {
    max-width: 1260px;
  }
}

.mod-header__upper-inner {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  height: 60px;
  -webkit-transition: -webkit-box-shadow 250ms;
  transition: -webkit-box-shadow 250ms;
  transition: box-shadow 250ms;
  transition: box-shadow 250ms, -webkit-box-shadow 250ms;
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-header__upper-inner {
    padding: 15px 4.7619%;
    height: auto;
  }
}

.mod-header__cursor {
  display: none;
  position: absolute;
  bottom: -1px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #e8e9ea transparent;
  content: "";
}

@media screen and (min-width: 739px) {
  .mod-header__cursor-new-and-now {
    left: 25%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__cursor-new-and-now {
    left: 28%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__cursor-new-and-now {
    left: 30%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__cursor-new-and-now {
    left: 32%;
  }
}

@media screen and (min-width: 739px) {
  .mod-header__cursor-area-guides {
    left: 38%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__cursor-area-guides {
    left: 40%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__cursor-area-guides {
    left: 42%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__cursor-area-guides {
    left: 44%;
  }
}

@media screen and (min-width: 739px) {
  .mod-header__cursor-see-and-do {
    left: 54.5%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__cursor-see-and-do {
    left: 54.5%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__cursor-see-and-do {
    left: 54.5%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__cursor-see-and-do {
    left: 54.5%;
  }
}

@media screen and (min-width: 739px) {
  .mod-header__cursor-plan-your-trip {
    left: 66%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__cursor-plan-your-trip {
    left: 66%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__cursor-plan-your-trip {
    left: 66%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__cursor-plan-your-trip {
    left: 66%;
  }
}

@media screen and (min-width: 739px) {
  .mod-header__cursor-favorites {
    left: 85.5%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__cursor-favorites {
    left: 87.5%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__cursor-favorites {
    left: 89.5%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__cursor-favorites {
    left: 89.5%;
  }
}

@media screen and (min-width: 739px) {
  .mod-header__cursor-search {
    left: 93.5%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__cursor-search {
    left: 93.5%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__cursor-search {
    left: 93.5%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__cursor-search {
    left: 93.5%;
  }
}

.mod-header__favorites-header {
  display: none;
  margin-left: 14px;
}

.mod-header__favorites-header.active {
  display: block;
  width: calc(100% - 14px);
}

@media screen and (min-width: 507px) {
  .mod-header__favorites-header.active {
    display: block;
  }
}

@media screen and (min-width: 739px) {
  .mod-header__favorites-header.active {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__favorites-header.active {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__favorites-header.active {
    display: none;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__favorites-header.active {
    display: none;
  }
}

.mod-header__favorites-header-items {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.mod-header__favorites-header-item {
  overflow: hidden;
}

.mod-header__favorites-header-item.spacing {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mod-header__favorites-header-item.heading {
  text-align: center;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.mod-header__favorites-header-item.logout {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mod-header__favorites-header-inner {
  width: 100%;
}

.mod-header__favorites-heading {
  font-size: 1.66667rem;
  line-height: 1.2;
}

@media screen and (min-width: 507px) {
  .mod-header__favorites-heading {
    font-size: 1.66667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-header__favorites-heading {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__favorites-heading {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__favorites-heading {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__favorites-heading {
    font-size: 26px;
  }
}

.mod-header__favorites-logout-inner {
  width: 100%;
  text-align: right;
}

.mod-header__favorites-logout-button {
  display: none;
  text-decoration: underline;
  font-size: 0.83333rem;
  font-weight: normal;
  font-family: "PFDINTextStd-Light", sans-serif;
}

.mod-header__favorites-logout-button:hover {
  color: #f13c33;
}

@media screen and (min-width: 507px) {
  .mod-header__favorites-logout-button {
    font-size: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-header__favorites-logout-button {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__favorites-logout-button {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__favorites-logout-button {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__favorites-logout-button {
    line-height: 1.4;
    font-size: 14px;
  }
}

.iphone .mod-header__favorites-logout-button,
.ipad .mod-header__favorites-logout-button {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-header__favorites-logout-button:hover,
.ipad .mod-header__favorites-logout-button:hover {
  color: #f13c33;
}

.mod-header__brand {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 90px;
  padding-top: 4px;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

@media screen and (min-width: 739px) {
  .mod-header__brand {
    width: 100px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__brand {
    width: 137px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__brand {
    width: 137px;
  }
}

.mod-header__brand-inner {
  display: block;
}

.mod-header__brand-image--white {
  display: block;
}

.mod-header__brand-image--black {
  display: none;
}

.mod-header__heading {
  float: left;
  font-size: 18px;
  color: #000;
  max-width: 60%;
  padding: 5px 10px;
  height: 1.5em;
  overflow: hidden;
}

.mod-header__menus {
  display: none;
  text-align: center;
  letter-spacing: -0.4em;
  overflow: hidden;
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-header__menus {
    position: static;
    -webkit-transform: none;
    transform: none;
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__menus {
    position: static;
    -webkit-transform: none;
    transform: none;
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__menus {
    position: static;
    -webkit-transform: none;
    transform: none;
    display: block;
  }
}

.mod-header__menu {
  display: none;
  vertical-align: top;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-header__menu {
    display: inline-block;
    margin: 0 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__menu {
    display: inline-block;
    margin: 0 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__menu {
    display: inline-block;
    margin: 0 18px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__menu {
    margin: 0 24px;
  }
}

.mod-header__menu--active {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-header__menu--active {
    display: inline-block;
  }
}

.mod-header__menu-link {
  position: relative;
  line-height: 1;
  font-size: 1.66667rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-header__menu-link {
    display: block;
    font-size: 1.1rem;
    padding: 21px 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__menu-link {
    display: block;
    font-size: 1.1rem;
    padding: 21px 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__menu-link {
    display: block;
    font-size: 1.25rem;
    padding: 21px 0;
  }
}

.mod-header__menu-link--black {
  color: #383b47;
}

.mod-header__menu-link--black:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-header__menu--active .mod-header__menu-link:after {
    background-color: #f13c33;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__menu--active .mod-header__menu-link:after {
    background-color: #f13c33;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__menu--active .mod-header__menu-link:after {
    background-color: #f13c33;
  }
}

.mod-header__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-header__icons {
    margin-left: 0;
  }
}

.mod-header__icon {
  margin-right: 6px;
}

@media screen and (min-width: 739px) {
  .mod-header__icon {
    margin-right: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__icon {
    margin-right: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__icon {
    margin-right: 12px;
  }
}

.mod-header__icon:last-child {
  margin-right: 0;
}

.mod-header__icon-content-wrapper {
  display: block;
  cursor: pointer;
  line-height: 1;
}

.mod-header__icon-content--black {
  display: none;
}

.mod-header__icon-content--red {
  display: none;
}

.mod-header__icon--popup .mod-header__icon-content-wrapper {
  width: 32px;
}

@media screen and (min-width: 739px) {
  .mod-header__icon--popup .mod-header__icon-content-wrapper {
    width: 37px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__icon--popup .mod-header__icon-content-wrapper {
    width: 37px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__icon--popup .mod-header__icon-content-wrapper {
    width: 37px;
  }
}

.mod-header__icon--favorite .mod-header__icon-content-wrapper {
  width: 32.5px;
}

@media screen and (min-width: 739px) {
  .mod-header__icon--favorite .mod-header__icon-content-wrapper {
    width: 38px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__icon--favorite .mod-header__icon-content-wrapper {
    width: 38px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__icon--favorite .mod-header__icon-content-wrapper {
    width: 38px;
  }
}

.mod-header__icon--search .mod-header__icon-content-wrapper {
  width: 30px;
}

@media screen and (min-width: 739px) {
  .mod-header__icon--search .mod-header__icon-content-wrapper {
    width: 34px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__icon--search .mod-header__icon-content-wrapper {
    width: 34px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__icon--search .mod-header__icon-content-wrapper {
    width: 34px;
  }
}

.mod-header__icon--active .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white {
  display: none;
}

.mod-header__icon--active .mod-header__icon-content-wrapper .mod-header__icon-content--black,
.mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black {
  display: none;
}

.mod-header__icon--active .mod-header__icon-content-wrapper .mod-header__icon-content--red,
.mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red {
  display: block;
}

.mod-header__icon-content-wrapper--black .mod-header__icon-content--white {
  display: none;
}

.mod-header__icon-content-wrapper--black .mod-header__icon-content--black {
  display: block;
}

.mod-header__icon-content-wrapper--black .mod-header__icon-content--red {
  display: none;
}

.mod-header__icon--active .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white {
  display: none;
}

.mod-header__icon--active .mod-header__icon-content-wrapper--black .mod-header__icon-content--black,
.mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black {
  display: none;
}

.mod-header__icon--active .mod-header__icon-content-wrapper--black .mod-header__icon-content--red,
.mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red {
  display: block;
}

.iphone .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.ipad .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white {
  display: block;
}

.iphone .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black,
.ipad .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black,
.iphone .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red,
.ipad .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red {
  display: none;
}

.iphone .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.ipad .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.iphone .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black,
.ipad .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black {
  display: none;
}

.iphone .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red,
.ipad .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red {
  display: block;
}

.iphone .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.ipad .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.iphone .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red,
.ipad .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red {
  display: none;
}

.iphone .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black,
.ipad .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black {
  display: block;
}

.iphone .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.ipad .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.iphone .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black,
.ipad .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black {
  display: none;
}

.iphone .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red,
.ipad .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red {
  display: block;
}

.iphone .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.ipad .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.iphone .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red,
.ipad .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red {
  display: none;
}

.iphone .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black,
.ipad .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black {
  display: block;
}

.iphone .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.ipad .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.iphone .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black,
.ipad .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black {
  display: none;
}

.iphone .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red,
.ipad .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red {
  display: block;
}

.ipad .mod-header--panel-active .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.ipad .mod-header--panel-active .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red {
  display: none;
}

.ipad .mod-header--panel-active .mod-header__icon:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black {
  display: block;
}

.ipad .mod-header--panel-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--white,
.ipad .mod-header--panel-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--black {
  display: none;
}

.ipad .mod-header--panel-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper .mod-header__icon-content--red {
  display: block;
}

.iphone .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.ipad .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white {
  display: none;
}

.iphone .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black,
.ipad .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black {
  display: block;
}

.iphone .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red,
.ipad .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red {
  display: none;
}

.iphone .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.ipad .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.iphone .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black,
.ipad .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black {
  display: none;
}

.iphone .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red,
.ipad .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red {
  display: block;
}

.iphone .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.ipad .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.iphone .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red,
.ipad .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red {
  display: none;
}

.iphone .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black,
.ipad .mod-header--faded-in .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black {
  display: block;
}

.iphone .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.ipad .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.iphone .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black,
.ipad .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black {
  display: none;
}

.iphone .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red,
.ipad .mod-header--faded-in .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red {
  display: block;
}

.iphone .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.ipad .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.iphone .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red,
.ipad .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red {
  display: none;
}

.iphone .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black,
.ipad .mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black {
  display: block;
}

.iphone .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.ipad .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.iphone .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black,
.ipad .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black {
  display: none;
}

.iphone .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red,
.ipad .mod-header--always-bg-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red {
  display: block;
}

.ipad .mod-header--panel-active .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.ipad .mod-header--panel-active .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red {
  display: none;
}

.ipad .mod-header--panel-active .mod-header__icon:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black {
  display: block;
}

.ipad .mod-header--panel-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--white,
.ipad .mod-header--panel-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--black {
  display: none;
}

.ipad .mod-header--panel-active .mod-header__icon--active:hover .mod-header__icon-content-wrapper--black .mod-header__icon-content--red {
  display: block;
}

.mod-header__share {
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  z-index: 9900;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: none;
  margin: 0 auto;
  -webkit-transition: top 250ms;
  transition: top 250ms;
}

@media screen and (min-width: 739px) {
  .mod-header__share {
    top: 80px;
    left: auto;
    width: 240px;
    max-height: none;
    right: 4.35%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__share {
    top: 80px;
    left: auto;
    width: 240px;
    max-height: none;
    right: 4.35%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__share {
    top: 80px;
    left: auto;
    width: 240px;
    max-height: none;
    right: 4.35%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__share {
    right: 55px;
  }
}

@media screen and (max-height: 440px) {
  .mod-header__share {
    height: calc(100% - 50px - 8px);
  }
}

@media screen and (max-height: 440px) {
  .mod-header--float-active .mod-header__share {
    height: calc(100% - 50px - 60px - 8px);
  }
}

.mod-header__share:before {
  position: relative;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #e8e9ea transparent;
  margin-left: auto;
  margin-right: 18.5%;
}

@media screen and (min-width: 350px) {
  .mod-header__share:before {
    margin-right: 18.5%;
  }
}

@media screen and (min-width: 400px) {
  .mod-header__share:before {
    margin-right: 68px;
  }
}

@media screen and (min-width: 450px) {
  .mod-header__share:before {
    margin-right: 15%;
  }
}

@media screen and (min-width: 550px) {
  .mod-header__share:before {
    margin-right: 12.5%;
  }
}

@media screen and (min-width: 650px) {
  .mod-header__share:before {
    margin-right: 11.6%;
  }
}

@media screen and (min-width: 739px) {
  .mod-header__share:before {
    border-width: 0 9px 9px 9px;
    margin-right: 110px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__share:before {
    border-width: 0 9px 9px 9px;
    margin-right: 110px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__share:before {
    border-width: 0 9px 9px 9px;
    margin-right: 110px;
  }
}

.mod-header__share-inner {
  overflow: visible;
  background-color: #e8e9ea;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
}

@media screen and (min-width: 739px) {
  .mod-header__share-inner {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  }
}

@media screen and (min-width: 769px) {
  .mod-header__share-inner {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  }
}

@media screen and (min-width: 901px) {
  .mod-header__share-inner {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
  }
}

@media screen and (max-height: 440px) {
  .mod-header__share-inner {
    height: calc(100% - 8px);
    overflow-x: hidden;
    overflow-y: scroll;
  }
}

.mod-header__share-header {
  padding: 4.1791% 7.46269% 3.58209%;
  border-bottom: solid 1px #222633;
}

@media screen and (min-width: 739px) {
  .mod-header__share-header {
    padding: 25px 29px 20px;
  }
}

.mod-header__share-heading {
  font-size: 0.91667rem;
}

@media screen and (min-width: 739px) {
  .mod-header__share-heading {
    line-height: 1;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__share-heading {
    line-height: 1;
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__share-heading {
    line-height: 1;
    font-size: 1rem;
  }
}

.mod-header__share-body {
  padding: 4.1791% 7.76119%;
}

@media screen and (min-width: 739px) {
  .mod-header__share-body {
    padding: 20px 29px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__share-body {
    padding: 20px 29px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__share-body {
    padding: 20px 29px;
  }
}

.mod-header__share-link {
  display: block;
  letter-spacing: -0.4em;
  padding: 1.06209% 0;
}

@media screen and (min-width: 739px) {
  .mod-header__share-link {
    padding: 10px 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__share-link {
    padding: 10px 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__share-link {
    padding: 10px 0;
  }
}

.mod-header__share-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  width: 5.88235%;
  height: 0;
  padding-top: 5.88235%;
  letter-spacing: normal;
  overflow: hidden;
  margin-right: 10px;
}

@media screen and (min-width: 739px) {
  .mod-header__share-icon {
    width: 40px;
    height: 40px;
    margin-right: 15px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__share-icon {
    margin-right: 15px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__share-icon {
    margin-right: 15px;
  }
}

.mod-header__share-icon-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.mod-header__share-link .mod-header__share-icon-content--black {
  display: block;
}

.mod-header__share-link .mod-header__share-icon-content--red {
  display: none;
}

.mod-header__share-link:hover .mod-header__share-icon-content--black {
  display: none;
}

.mod-header__share-link:hover .mod-header__share-icon-content--red {
  display: block;
}

.iphone .mod-header__share-link:hover .mod-header__share-icon-content--black,
.ipad .mod-header__share-link:hover .mod-header__share-icon-content--black {
  display: block;
}

.iphone .mod-header__share-link:hover .mod-header__share-icon-content--red,
.ipad .mod-header__share-link:hover .mod-header__share-icon-content--red {
  display: none;
}

.mod-header__share-text {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  line-height: 1;
  font-size: 1.25rem;
}

@media screen and (min-width: 739px) {
  .mod-header__share-text {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__share-text {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__share-text {
    font-size: 1.125rem;
  }
}

.mod-header__share-link:hover .mod-header__share-text {
  color: #f13c33;
}

.iphone .mod-header__share-link:hover .mod-header__share-text,
.ipad .mod-header__share-link:hover .mod-header__share-text {
  color: #222633;
}

.mod-header__close-button-sp {
  position: absolute;
  top: 50%;
  left: 5.33333vw;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}

.mod-header__close-button-sp-icon {
  display: block;
  width: 14px;
  height: 14px;
}

.mod-header__close-button-pc {
  position: fixed;
  top: 2.66667vw;
  left: 2.66667vw;
  z-index: 1000000;
  display: none;
  width: 8vw;
  height: 0;
  padding-top: 8vw;
  overflow: hidden;
  opacity: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

@media screen and (min-width: 739px) {
  .mod-header__close-button-pc {
    top: 2.38095vw;
    left: 4.26667vw;
    right: auto;
    width: 3.57143vw;
    padding-top: 3.57143vw;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 769px) {
  .mod-header__close-button-pc {
    top: 2.38095vw;
    left: 4.26667vw;
    right: auto;
    width: 3.57143vw;
    padding-top: 3.57143vw;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 901px) {
  .mod-header__close-button-pc {
    top: 2.38095vw;
    left: 4.26667vw;
    right: auto;
    width: 3.57143vw;
    padding-top: 3.57143vw;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__close-button-pc {
    top: 30px;
    left: 32px;
    right: auto;
    width: 45px;
    padding-top: 45px;
  }
}

@media screen and (min-width: 739px) {
  .mod-header__close-button-pc {
    top: 47px;
    right: 4.76667vw;
    left: auto;
    padding-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header__close-button-pc {
    padding-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header__close-button-pc {
    padding-top: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header__close-button-pc {
    top: 0;
    right: auto;
  }
}

.mod-header__close-button-pc-icon {
  width: 25px;
  height: 25px;
}

body.body--fixed .mod-header {
  opacity: 0;
}

body.body--fixed .mod-header--panel-active {
  opacity: 1;
}

.mod-header--faded-in {
  top: 0;
}

.mod-header--faded-in:before {
  opacity: 1;
}

.mod-header--faded-in .mod-header__upper {
  border-bottom: 1px solid #dcdcdc;
}

.mod-header--faded-in .mod-header__brand-image--white {
  display: none;
}

.mod-header--faded-in .mod-header__brand-image--black {
  display: block;
}

.mod-header--faded-in .mod-header__icon-content--white {
  display: none;
}

.mod-header--faded-in .mod-header__icon-content--black {
  display: block;
}

.mod-header--faded-in .mod-header__icon-content--red {
  display: none;
}

.mod-header--faded-in .mod-header__icon--active .mod-header__icon-content--black {
  display: none;
}

.mod-header--faded-in .mod-header__icon--active .mod-header__icon-content--red {
  display: block;
}

.mod-header--faded-in .mod-header__icon-content:before {
  color: #2b2b2b;
}

.mod-header--faded-in .mod-header__menu-link {
  color: #222633;
}

.mod-header--faded-in .mod-header__menu-link:hover {
  color: #f13c33;
}

.mod-header--faded-in .mod-header__menu--active .mod-header__menu-link:after,
.mod-header--faded-in .mod-header__menu-link:hover:after {
  background-color: #f13c33;
}

.iphone .mod-header--faded-in .mod-header__menu-link:hover:after,
.ipad .mod-header--faded-in .mod-header__menu-link:hover:after {
  background-color: #f13c33;
}

.mod-header--always-bg-active {
  top: 0;
}

.mod-header--always-bg-active:before,
.mod-header--panel-active:before {
  opacity: 1;
}

.mod-header--always-bg-active .mod-header__brand-image--white,
.mod-header--panel-active .mod-header__brand-image--white {
  display: none;
}

.mod-header--always-bg-active .mod-header__brand-image--black {
  display: none;
}

.mod-header--always-bg-active .mod-header__icon-content--white,
.mod-header--panel-active .mod-header__icon-content--white {
  display: none;
}

.mod-header--always-bg-active .mod-header__icon-content--black,
.mod-header--panel-active .mod-header__icon-content--black {
  display: block;
}

.mod-header--always-bg-active .mod-header__icon-content--red,
.mod-header--panel-active .mod-header__icon-content--red {
  display: none;
}

.mod-header--always-bg-active .mod-header__icon--active .mod-header__icon-content--white,
.mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content--white,
.mod-header--panel-active .mod-header__icon--active .mod-header__icon-content--white {
  display: none;
}

.mod-header--always-bg-active .mod-header__icon--active .mod-header__icon-content--black,
.mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content--black,
.mod-header--panel-active .mod-header__icon--active .mod-header__icon-content--black {
  display: none;
}

.mod-header--always-bg-active .mod-header__icon--active .mod-header__icon-content--red,
.mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content--red,
.mod-header--panel-active .mod-header__icon--active .mod-header__icon-content--red {
  display: block;
}

.mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content--white,
.mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content--white {
  display: none;
}

.mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content--black,
.mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content--black {
  display: block;
}

.mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content--red,
.mod-header--always-bg-active .mod-header__icon:hover .mod-header__icon-content--red {
  display: none;
}

.mod-header--panel-active .mod-header__menus {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  -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;
}

@media screen and (min-width: 739px) {
  .mod-header--panel-active .mod-header__menus {
    position: static;
    width: auto;
    height: auto;
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-header--panel-active .mod-header__menus {
    position: static;
    width: auto;
    height: auto;
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-header--panel-active .mod-header__menus {
    position: static;
    width: auto;
    height: auto;
    display: block;
  }
}

.mod-header--always-bg-active .mod-header__menu-link,
.mod-header--panel-active .mod-header__menu-link {
  color: #222633;
  pointer-events: none;
  cursor: default;
}

@media screen and (min-width: 739px) {
  .mod-header--always-bg-active .mod-header__menu-link,
  .mod-header--panel-active .mod-header__menu-link {
    pointer-events: auto;
    cursor: pointer;
  }
}

@media screen and (min-width: 769px) {
  .mod-header--always-bg-active .mod-header__menu-link,
  .mod-header--panel-active .mod-header__menu-link {
    pointer-events: auto;
    cursor: pointer;
  }
}

@media screen and (min-width: 901px) {
  .mod-header--always-bg-active .mod-header__menu-link,
  .mod-header--panel-active .mod-header__menu-link {
    pointer-events: auto;
    cursor: pointer;
  }
}

.mod-header--always-bg-active .mod-header__menu--active .mod-header__menu-link:after,
.mod-header--always-bg-active .mod-header__menu-link:hover:after,
.mod-header--panel-active .mod-header__menu--active .mod-header__menu-link:after,
.mod-header--panel-active .mod-header__menu-link:hover:after {
  background-color: #f13c33;
}

.mod-header--always-bg-active .mod-header__icon-content:before,
.mod-header--panel-active .mod-header__icon-content:before {
  color: #222633;
}

.iphone .mod-header--always-bg-active .mod-header__menu-link:hover:after,
.ipad .mod-header--always-bg-active .mod-header__menu-link:hover:after,
.iphone .mod-header--panel-active .mod-header__menu-link:hover:after,
.ipad .mod-header--panel-active .mod-header__menu-link:hover:after {
  background-color: #ffffff;
}

.mod-header--panel-active .mod-header__brand {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-header--panel-active .mod-header__brand {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-header--panel-active .mod-header__brand {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-header--panel-active .mod-header__brand {
    display: block;
  }
}

.mod-header--panel-active .mod-header__brand-image--black {
  display: block;
}

.mod-header--panel-active .mod-header__icons {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-header--panel-active .mod-header__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 769px) {
  .mod-header--panel-active .mod-header__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 901px) {
  .mod-header--panel-active .mod-header__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.mod-header--panel-active .mod-header__share {
  display: none;
}

.mod-header--panel-active .mod-header__close-button-sp {
  display: block;
  opacity: 1;
}

@media screen and (min-width: 739px) {
  .mod-header--panel-active .mod-header__close-button-sp {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-header--panel-active .mod-header__close-button-sp {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-header--panel-active .mod-header__close-button-sp {
    display: none;
  }
}

.mod-header--panel-active .mod-header__close-button-pc {
  display: none;
  opacity: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (min-width: 739px) {
  .mod-header--panel-active .mod-header__close-button-pc {
    width: 15px;
    height: 15px;
    display: block;
    opacity: 1;
  }
}

@media screen and (min-width: 769px) {
  .mod-header--panel-active .mod-header__close-button-pc {
    display: block;
    opacity: 1;
  }
}

@media screen and (min-width: 901px) {
  .mod-header--panel-active .mod-header__close-button-pc {
    display: block;
    opacity: 1;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header--panel-active .mod-header__close-button-pc {
    display: none;
  }
}

@media screen and (min-width: 739px) {
  .ie11 .mod-header--panel-active .mod-header__close-button-pc {
    z-index: auto;
  }
}

@media screen and (min-width: 769px) {
  .ie11 .mod-header--panel-active .mod-header__close-button-pc {
    z-index: auto;
  }
}

@media screen and (min-width: 901px) {
  .ie11 .mod-header--panel-active .mod-header__close-button-pc {
    z-index: auto;
  }
}

.mod-header__menu--active .mod-header__menu-link,
.mod-header__menu-link:hover {
  color: #f13c33;
  -webkit-transition: 250ms;
  transition: 250ms;
}

.mod-header-panel {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transition: top 250ms, height 400ms;
  transition: top 250ms, height 400ms;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  margin-top: 60px;
  /* Active */
  /* Header Panel Places */
  /* Header Panel Search */
}

@media screen and (min-width: 739px) {
  .mod-header-panel {
    margin-top: 89px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-panel {
    margin-top: 89px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-panel {
    margin-top: 92px;
  }
}

.mod-header--panel-active .mod-header-panel {
  height: calc(100% - 60px - 60px + 1px);
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-header--panel-active .mod-header-panel {
    height: calc(100% - 92px + 1px);
  }
}

@media screen and (min-width: 769px) {
  .mod-header--panel-active .mod-header-panel {
    height: calc(100% - 92px + 1px);
  }
}

@media screen and (min-width: 901px) {
  .mod-header--panel-active .mod-header-panel {
    height: calc(100% - 92px + 1px);
  }
}

.mod-header--faded-in .mod-header-panel {
  top: 0;
}

@media screen and (min-width: 739px) {
  .mod-header--faded-in .mod-header-panel {
    top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header--faded-in .mod-header-panel {
    top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header--faded-in .mod-header-panel {
    top: 0;
  }
}

.mod-header-panel:before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  display: none;
  z-index: -1;
}

.mod-header--panel-active .mod-header-panel:before {
  display: block;
}

.mod-header-panel__content-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-header-panel__content-wrapper {
    height: auto;
    max-height: 90%;
    border-top: 10px solid #e8e9ea;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  }
}

@media screen and (min-width: 769px) {
  .mod-header-panel__content-wrapper {
    height: auto;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  }
}

@media screen and (min-width: 901px) {
  .mod-header-panel__content-wrapper {
    height: auto;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.16);
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-panel__content-wrapper {
    width: 1260px;
    margin: 0 auto;
  }
}

.mod-header-panel__content-wrapper--active {
  display: block;
}

.mod-header-panel__content {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-header-panel__content {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-panel__content {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-panel__content {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-header-panel__content.favorites {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (min-width: 739px) {
  .mod-header-panel__content-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-panel__content-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-panel__content-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-header-panel__content-inner.favorites {
  padding-right: 0;
  padding-left: 0;
}

#header-panel-places .mod-header-panel__content {
  padding: 0;
}

@media screen and (min-width: 739px) {
  #header-panel-places .mod-header-panel__content {
    max-width: none;
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  #header-panel-places .mod-header-panel__content {
    max-width: none;
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  #header-panel-places .mod-header-panel__content {
    max-width: none;
    padding: 0;
  }
}

@media screen and (min-width: 739px) {
  #header-panel-places .mod-header-panel__content-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  #header-panel-places .mod-header-panel__content-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  #header-panel-places .mod-header-panel__content-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

#header-panel-search .mod-header-panel__content {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (min-width: 739px) {
  #header-panel-search .mod-header-panel__content {
    max-width: none;
  }
}

@media screen and (min-width: 769px) {
  #header-panel-search .mod-header-panel__content {
    max-width: none;
  }
}

@media screen and (min-width: 901px) {
  #header-panel-search .mod-header-panel__content {
    max-width: none;
  }
}

@media screen and (min-width: 739px) {
  #header-panel-search .mod-header-panel__content-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  #header-panel-search .mod-header-panel__content-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  #header-panel-search .mod-header-panel__content-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-header-must-see {
  padding: 4.02985% 0 0;
  /* Hover */
}

@media screen and (min-width: 739px) {
  .mod-header-must-see {
    padding: 52px 0 60px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see {
    padding: 52px 0 60px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see {
    padding: 52px 0 60px;
  }
}

.iphone .mod-header-must-see {
  padding-bottom: 50.66667vw;
}

.mod-header-must-see__header {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__header {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__header {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__header {
    display: block;
  }
}

.mod-header-must-see__heading {
  line-height: 1;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.mod-header-must-see__body-left {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.mod-header-must-see__body-left ul li {
  float: left;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__body-left ul li {
    float: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__body-left ul li {
    float: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__body-left ul li {
    float: none;
  }
}

.mod-header-must-see__list {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__list {
    width: auto;
    padding-top: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__list {
    width: auto;
    padding-top: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__list {
    width: auto;
    padding-top: 0px;
  }
}

.mod-header-must-see__list-item {
  width: 50%;
  margin-top: 7.01493%;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__list-item {
    width: auto;
    line-height: 1.0em;
    margin-top: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__list-item {
    width: auto;
    margin-top: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__list-item {
    width: auto;
    margin-top: 18px;
  }
}

.mod-header-must-see__list-item:first-child {
  margin-top: 7.01493%;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__list-item:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__list-item:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__list-item:first-child {
    margin-top: 0;
  }
}

.mod-header-must-see__list-link {
  display: block;
  font-size: 1.16667rem;
  line-height: 1.0em;
}

.mod-header-must-see__list-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__list-link {
    display: inline-block;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__list-link {
    display: inline-block;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__list-link {
    display: inline-block;
    font-size: 1.25rem;
  }
}

.iphone .mod-header-must-see__list-link,
.ipad .mod-header-must-see__list-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-header-must-see__list-link:hover,
.ipad .mod-header-must-see__list-link:hover {
  color: #f13c33;
}

.mod-header-must-see__clearfix {
  clear: both;
}

.mod-header-must-see__body-right {
  margin-top: 17.31343%;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__body-right {
    width: 65.75592%;
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__body-right {
    width: 75%;
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__body-right {
    width: 75%;
    margin-top: 0;
  }
}

.mod-header-must-see__image-list-header {
  margin-bottom: 3.8806%;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__image-list-header {
    margin-bottom: 22px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__image-list-header {
    margin-bottom: 22px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__image-list-header {
    margin-bottom: 22px;
  }
}

.mod-header-must-see__image-list-heading {
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__image-list-heading {
    line-height: 1.0em;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__image-list-heading {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__image-list-heading {
    font-size: 1.5rem;
  }
}

.mod-header-must-see__image-list-items {
  position: relative;
  overflow: hidden;
}

.mod-header-must-see__image-list-item {
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 48.50746%;
  overflow: hidden;
  margin-bottom: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__image-list-item {
    width: 31.85596%;
    margin: 0 0 2.21205% 2.21205%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__image-list-item {
    width: 31.85596%;
    margin: 0 0 2.21205% 2.21205%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__image-list-item {
    width: 31.85596%;
    margin: 0 0 2.21205% 2.21205%;
  }
}

.mod-header-must-see__image-list-item:nth-child(2n+1) {
  float: left;
}

.mod-header-must-see__image-list-item:nth-child(2n) {
  float: right;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__image-list-item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__image-list-item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__image-list-item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__image-list-item:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__image-list-item:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__image-list-item:nth-child(3n+1) {
    margin-left: 0;
  }
}

.mod-header-must-see__image-list-item-inner {
  position: relative;
  display: block;
}

.mod-header-must-see__image-list-image {
  position: relative;
  overflow: hidden;
  position: relative;
}

.mod-header-must-see__image-list-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-header-must-see__image-list-image > img {
  width: 100%;
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__image-list-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__image-list-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__image-list-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-header-must-see__right-label {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  font-size: 0.83333rem;
  color: #ffffff;
  padding: 3.69231% 4.92308% 2.46154%;
  overflow: hidden;
  background-color: #008899;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__right-label {
    max-width: 50%;
    font-size: 0.625rem;
    padding: 3.21101% 3.66972% 1.83486%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__right-label {
    max-width: 50%;
    font-size: 0.625rem;
    padding: 3.21101% 3.66972% 1.83486%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__right-label {
    max-width: 50%;
    font-size: 0.625rem;
    padding: 3.21101% 3.66972% 1.83486%;
  }
}

.mod-header-must-see__icon {
  position: absolute;
  right: 4.12844%;
  bottom: 0;
  z-index: 10;
  width: 22px;
  padding-bottom: 1.83486%;
}

@media screen and (min-width: 1260px) {
  .mod-header-must-see__icon {
    right: 9px;
    padding-bottom: 4px;
  }
}

.mod-header-must-see__icon-image-wrapper {
  width: 100%;
  height: 22px;
  overflow: hidden;
}

.mod-header-must-see__icon-text-wrapper {
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__icon-text-wrapper {
    right: -4px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__icon-text-wrapper {
    right: -4px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__icon-text-wrapper {
    right: -4px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 10px;
  }
}

.mod-header-must-see__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__icon-text {
    width: 137px;
    font-size: 0.625rem;
    padding: 8px 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__icon-text {
    width: 140px;
    font-size: 0.625rem;
    padding: 8px 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__icon-text {
    width: 150px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

.mod-header-must-see__image-list-text {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  line-height: 1.1;
  font-size: 1rem;
  color: #ffffff;
  padding: 6.15385% 5.53846%;
}

@media screen and (min-width: 739px) {
  .mod-header-must-see__image-list-text {
    max-width: 100%;
    font-size: 1.25rem;
    padding: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-must-see__image-list-text {
    max-width: 100%;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-must-see__image-list-text {
    max-width: 100%;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-must-see__image-list-text {
    padding: 16px;
  }
}

.iphone .mod-header-must-see__image-list-item:hover .mod-header-must-see__image-list-image > img,
.ipad .mod-header-must-see__image-list-item:hover .mod-header-must-see__image-list-image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-header-see-and-do {
  padding: 4.02985% 0 0;
  /* Hover */
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do {
    padding: 52px 0 60px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do {
    padding: 52px 0 60px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do {
    padding: 52px 0 60px;
  }
}

.iphone .mod-header-see-and-do {
  padding-bottom: 50.66667vw;
}

.mod-header-see-and-do__header {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__header {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__header {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__header {
    display: block;
  }
}

.mod-header-see-and-do__heading {
  line-height: 1;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__body-left {
    width: 38.59649%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__body-left {
    width: 38.59649%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__body-left {
    width: 38.59649%;
  }
}

.mod-header-see-and-do__body-left ul li {
  float: left;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__body-left ul li {
    float: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__body-left ul li {
    float: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__body-left ul li {
    float: none;
  }
}

.mod-header-see-and-do__list {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__list {
    width: auto;
    padding-top: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__list {
    width: auto;
    padding-top: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__list {
    width: auto;
    padding-top: 0px;
  }
}

.mod-header-see-and-do__list-item {
  width: 50%;
  margin-top: 7.01493%;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__list-item {
    width: auto;
    line-height: 1.0em;
    margin-top: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__list-item {
    width: auto;
    margin-top: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__list-item {
    width: auto;
    margin-top: 18px;
  }
}

.mod-header-see-and-do__list-item:first-child {
  margin-top: 7.01493%;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__list-item:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__list-item:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__list-item:first-child {
    margin-top: 0;
  }
}

.mod-header-see-and-do__list-link {
  display: block;
  font-size: 1.16667rem;
  line-height: 1.0em;
}

.mod-header-see-and-do__list-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__list-link {
    display: inline-block;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__list-link {
    display: inline-block;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__list-link {
    display: inline-block;
    font-size: 1.25rem;
  }
}

.iphone .mod-header-see-and-do__list-link,
.ipad .mod-header-see-and-do__list-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-header-see-and-do__list-link:hover,
.ipad .mod-header-see-and-do__list-link:hover {
  color: #f13c33;
}

.mod-header-see-and-do__clearfix {
  clear: both;
}

.mod-header-see-and-do__body-right {
  margin-top: 17.31343%;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__body-right {
    width: 74.31694%;
    margin-top: 0;
    margin-left: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__body-right {
    width: 74.31694%;
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__body-right {
    width: 74.31694%;
    margin-top: 0;
  }
}

.mod-header-see-and-do__image-list-header {
  margin-bottom: 3.8806%;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__image-list-header {
    margin-bottom: 22px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__image-list-header {
    margin-bottom: 22px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__image-list-header {
    margin-bottom: 22px;
  }
}

.mod-header-see-and-do__image-list-heading {
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__image-list-heading {
    line-height: 1.0em;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__image-list-heading {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__image-list-heading {
    font-size: 1.5rem;
  }
}

.mod-header-see-and-do__image-list-items {
  position: relative;
  overflow: hidden;
}

.mod-header-see-and-do__image-list-item {
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 48.50746%;
  height: auto;
  overflow: hidden;
  margin-bottom: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__image-list-item {
    width: 23.75346%;
    margin: 0 0 1.66205% 1.66205%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__image-list-item {
    width: 23.75346%;
    margin: 0 0 1.66205% 1.66205%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__image-list-item {
    width: 23.75346%;
    margin: 0 0 1.66205% 1.66205%;
  }
}

.mod-header-see-and-do__image-list-item:nth-child(2n+1) {
  float: left;
}

.mod-header-see-and-do__image-list-item:nth-child(2n) {
  float: right;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__image-list-item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__image-list-item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__image-list-item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__image-list-item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__image-list-item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__image-list-item:nth-child(4n+1) {
    margin-left: 0;
  }
}

.mod-header-see-and-do__image-list-item-inner {
  position: relative;
  display: block;
}

.mod-header-see-and-do__image-list-image {
  position: relative;
  overflow: hidden;
  position: relative;
}

.mod-header-see-and-do__image-list-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__image-list-image {
    height: 0;
    padding-bottom: 100%;
  }
}

.mod-header-see-and-do__image-list-image > img {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__image-list-image > img {
    max-width: 150%;
    width: 150%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 500ms;
    transition: -webkit-transform 500ms;
    transition: transform 500ms;
    transition: transform 500ms, -webkit-transform 500ms;
  }
}

.mod-header-see-and-do__right-label {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  font-size: 0.83333rem;
  color: #ffffff;
  padding: 3.69231% 4.92308% 2.46154%;
  overflow: hidden;
  background-color: #008899;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__right-label {
    max-width: 50%;
    font-size: 0.625rem;
    padding: 3.21101% 3.66972% 1.83486%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__right-label {
    max-width: 50%;
    font-size: 0.625rem;
    padding: 3.21101% 3.66972% 1.83486%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__right-label {
    max-width: 50%;
    font-size: 0.625rem;
    padding: 3.21101% 3.66972% 1.83486%;
  }
}

.mod-header-see-and-do__image-list-text {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  line-height: 1.1;
  font-size: 1rem;
  color: #ffffff;
  padding: 6.15385% 5.53846%;
}

@media screen and (min-width: 739px) {
  .mod-header-see-and-do__image-list-text {
    max-width: 100%;
    font-size: 1.25rem;
    padding: 0.31746vw 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-see-and-do__image-list-text {
    max-width: 100%;
    font-size: 1.25rem;
    padding: 0.31746vw 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-see-and-do__image-list-text {
    max-width: 100%;
    font-size: 1.25rem;
    padding: 0.31746vw 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-see-and-do__image-list-text {
    padding: 16px;
  }
}

.iphone .mod-header-see-and-do__image-list-item:hover .mod-header-see-and-do__image-list-image > img,
.ipad .mod-header-see-and-do__image-list-item:hover .mod-header-see-and-do__image-list-image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-header-area-guides {
  padding: 4.02985% 0 0;
}

@media screen and (min-width: 739px) {
  .mod-header-area-guides {
    padding: 52px 0 60px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-area-guides {
    padding: 52px 0 60px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-area-guides {
    padding: 52px 0 60px;
  }
}

.iphone .mod-header-area-guides {
  padding-bottom: 50.66667vw;
}

.mod-header-area-guides__heading {
  font-size: 1rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-header-area-guides__heading {
    line-height: 1.0em;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-area-guides__heading {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-area-guides__heading {
    font-size: 1.5rem;
  }
}

.mod-header-area-guides__body {
  margin-top: 3.8806%;
}

@media screen and (min-width: 739px) {
  .mod-header-area-guides__body {
    margin-top: 22px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-area-guides__body {
    margin-top: 22px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-area-guides__body {
    margin-top: 22px;
  }
}

.mod-header-area-guides .mod-map-region--in-header {
  padding: 0;
}

.mod-header-area-guides .mod-map-region--in-header__header {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-header-area-guides .mod-map-region--in-header__body {
    max-width: 1260px;
    margin: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-area-guides .mod-map-region--in-header__body {
    max-width: 1260px;
    margin: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-area-guides .mod-map-region--in-header__body {
    max-width: 1260px;
    margin: 0;
  }
}

.mod-header-area-guides .mod-map-region--in-header__body-inner {
  overflow-x: hidden;
  padding-right: 0;
  padding-left: 0;
}

.mod-header-plan-your-trip {
  padding: 4.02985% 0 0;
  /* Hover */
}

.iphone .mod-header-plan-your-trip {
  padding-bottom: 50.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip {
    padding: 52px 0 60px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip {
    padding: 52px 0 60px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip {
    padding: 52px 0 60px;
  }
}

.mod-header-plan-your-trip__header {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__header {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__header {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__header {
    display: block;
  }
}

.mod-header-plan-your-trip__heading {
  line-height: 1;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__body-left {
    width: 25.4386%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__body-left {
    width: 25.4386%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__body-left {
    width: 25.4386%;
  }
}

.mod-header-plan-your-trip__body-left ul li {
  float: left;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__body-left ul li {
    float: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__body-left ul li {
    float: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__body-left ul li {
    float: none;
  }
}

.mod-header-plan-your-trip__list {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__list {
    width: auto;
    padding-top: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__list {
    width: auto;
    padding-top: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__list {
    width: auto;
    padding-top: 0px;
  }
}

.mod-header-plan-your-trip__list-item {
  width: 50%;
  margin-top: 7.01493%;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__list-item {
    width: auto;
    line-height: 1.0em;
    margin-top: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__list-item {
    width: auto;
    margin-top: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__list-item {
    width: auto;
    margin-top: 18px;
  }
}

.mod-header-plan-your-trip__list-item:first-child {
  margin-top: 7.01493%;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__list-item:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__list-item:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__list-item:first-child {
    margin-top: 0;
  }
}

.mod-header-plan-your-trip__list-link {
  display: block;
  font-size: 1.16667rem;
  line-height: 1.0em;
}

.mod-header-plan-your-trip__list-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__list-link {
    display: inline-block;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__list-link {
    display: inline-block;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__list-link {
    display: inline-block;
    font-size: 1.25rem;
  }
}

.iphone .mod-header-plan-your-trip__list-link,
.ipad .mod-header-plan-your-trip__list-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-header-plan-your-trip__list-link:hover,
.ipad .mod-header-plan-your-trip__list-link:hover {
  color: #f13c33;
}

.mod-header-plan-your-trip__clearfix {
  clear: both;
}

.mod-header-plan-your-trip__body-right {
  margin-top: 17.31343%;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__body-right {
    width: 76.02914%;
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__body-right {
    width: 76.02914%;
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__body-right {
    width: 76.02914%;
    margin-top: 0;
  }
}

.mod-header-plan-your-trip__image-list-header {
  margin-bottom: 3.8806%;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__image-list-header {
    margin-bottom: 22px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__image-list-header {
    margin-bottom: 22px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__image-list-header {
    margin-bottom: 22px;
  }
}

.mod-header-plan-your-trip__image-list-heading {
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__image-list-heading {
    line-height: 1.0em;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__image-list-heading {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__image-list-heading {
    font-size: 1.5rem;
  }
}

.mod-header-plan-your-trip__image-list-items {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__image-list-items {
    display: block;
  }
}

.mod-header-plan-your-trip__image-list-item {
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 48.50746%;
  margin-bottom: 2.98507%;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__image-list-item {
    width: 31.84713%;
    margin-bottom: 1.91083%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__image-list-item {
    width: 31.84713%;
    margin-bottom: 1.91083%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__image-list-item {
    width: 31.84713%;
    margin-bottom: 1.91083%;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__image-list-item {
    float: left;
    margin-right: 2.2%;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__image-list-item:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__image-list-item:nth-child(3n) {
    float: right;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__image-list-item:nth-child(3n) {
    float: right;
  }
}

.mod-header-plan-your-trip__image-list-item-inner {
  position: relative;
  display: block;
}

.mod-header-plan-your-trip__image-list-image {
  position: relative;
  overflow: hidden;
  position: relative;
}

.mod-header-plan-your-trip__image-list-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-header-plan-your-trip__image-list-image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__image-list-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__image-list-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__image-list-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-header-plan-your-trip__right-label {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  font-size: 0.83333rem;
  color: #ffffff;
  padding: 3.69231% 4.92308% 2.46154%;
  overflow: hidden;
  background-color: #008899;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__right-label {
    max-width: 50%;
    font-size: 0.75rem;
    padding: 2.75862% 4.13793%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__right-label {
    max-width: 50%;
    font-size: 0.75rem;
    padding: 2.75862% 4.13793%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__right-label {
    max-width: 50%;
    font-size: 0.75rem;
    padding: 2.75862% 4.13793%;
  }
}

.mod-header-plan-your-trip__icon {
  position: absolute;
  right: 4.82759%;
  bottom: 0;
  padding-bottom: 2.06897%;
  width: 22px;
}

@media screen and (min-width: 1260px) {
  .mod-header-plan-your-trip__icon {
    right: 14px;
    padding-bottom: 6px;
  }
}

.mod-header-plan-your-trip__icon-image-wrapper {
  height: 22px;
  overflow: hidden;
}

.mod-header-plan-your-trip__icon-text-wrapper {
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__icon-text-wrapper {
    right: -4px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__icon-text-wrapper {
    right: -4px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__icon-text-wrapper {
    right: -4px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 10px;
  }
}

.mod-header-plan-your-trip__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

.mod-header-plan-your-trip__image-list-text {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  line-height: 1.1;
  font-size: 1rem;
  color: #ffffff;
  padding: 6.15385% 5.53846%;
}

@media screen and (min-width: 739px) {
  .mod-header-plan-your-trip__image-list-text {
    max-width: 100%;
    line-height: 1;
    font-size: 1.25rem;
    padding: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-plan-your-trip__image-list-text {
    max-width: 100%;
    line-height: 1;
    font-size: 1.25rem;
    padding: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-plan-your-trip__image-list-text {
    max-width: 100%;
    line-height: 1;
    font-size: 1.25rem;
    padding: 18px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-plan-your-trip__image-list-text {
    padding: 18px;
  }
}

.iphone .mod-header-plan-your-trip__image-list-item:hover .mod-header-plan-your-trip__image-list-image > img,
.ipad .mod-header-plan-your-trip__image-list-item:hover .mod-header-plan-your-trip__image-list-image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#header-panel-favorites.mod-header-panel__content-wrapper {
  height: 100%;
}

@media screen and (min-width: 739px) {
  #header-panel-favorites.mod-header-panel__content-wrapper {
    height: auto;
  }
}

@media screen and (min-width: 769px) {
  #header-panel-favorites.mod-header-panel__content-wrapper {
    height: auto;
  }
}

@media screen and (min-width: 901px) {
  #header-panel-favorites.mod-header-panel__content-wrapper {
    height: auto;
  }
}

@media screen and (min-width: 1260px) {
  #header-panel-favorites.mod-header-panel__content-wrapper {
    height: auto;
  }
}

.mod-header-search {
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-header-search__upper-wrapper {
    padding-bottom: 3.1746vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__upper-wrapper {
    padding-bottom: 3.1746vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__upper-wrapper {
    padding-bottom: 3.1746vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-search__upper-wrapper {
    padding: 0 0 40px;
  }
}

.mod-header-search__lower-wrapper {
  padding: 9.33333vw 0 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-header-search__lower-wrapper {
    padding: 0vw 0 3.80952vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__lower-wrapper {
    padding: 0vw 0 3.80952vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__lower-wrapper {
    padding: 0vw 0 3.80952vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-search__lower-wrapper {
    padding: 0 0 60px;
  }
}

.iphone .mod-header-search__lower-wrapper {
  padding-bottom: 53.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-header-search__upper {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__upper {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__upper {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-header-search__lower {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-header-search__lower {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__lower {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__lower {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-search__lower-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__lower-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__lower-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-header-search__tag-list {
  background: #e8e9ea;
  padding: 37px 5.3333vw 30px;
}

@media screen and (min-width: 739px) {
  .mod-header-search__tag-list {
    padding: 39px 4.7619% 40px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__tag-list {
    padding: 39px 4.7619% 40px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__tag-list {
    padding: 39px 4.7619% 40px;
  }
}

.mod-header-search__tag-list-header {
  margin-bottom: 5.07463%;
}

@media screen and (min-width: 739px) {
  .mod-header-search__tag-list-header {
    margin-bottom: 1.40351%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__tag-list-header {
    margin-bottom: 1.40351%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__tag-list-header {
    margin-bottom: 1.40351%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-search__tag-list-header {
    margin-bottom: 16px;
  }
}

.mod-header-search__tag-list-heading {
  line-height: 1;
  font-size: 1.75rem;
}

@media screen and (min-width: 739px) {
  .mod-header-search__tag-list-heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__tag-list-heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__tag-list-heading {
    font-size: 1.75rem;
  }
}

.mod-header-search__tag-list-items {
  letter-spacing: -0.4em;
  margin: -2.98507% -1.49254% 0;
}

@media screen and (min-width: 739px) {
  .mod-header-search__tag-list-items {
    width: 55%;
    margin: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__tag-list-items {
    margin: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__tag-list-items {
    margin: 0;
  }
}

.mod-header-search__tag-list-item {
  display: inline-block;
  vertical-align: top;
  line-height: 1.0em;
  letter-spacing: normal;
  margin: 2.98507% 1.49254% 0;
}

@media screen and (min-width: 739px) {
  .mod-header-search__tag-list-item {
    margin: 10px 10px 0 0;
  }
}

.mod-header-search__tag-list-link {
  display: block;
  font-size: 1.16667rem;
  padding: 2.13333vw 2.4vw 1.06667vw;
  background-color: #ffffff;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-header-search__tag-list-link {
    font-size: 0.875rem;
    padding: 10px 8px 7px 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__tag-list-link {
    font-size: 0.875rem;
    padding: 10px 8px 7px 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__tag-list-link {
    font-size: 0.875rem;
    padding: 10px 8px 7px 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-search__tag-list-link {
    padding: 10px 8px 7px 9px;
  }
}

.mod-header-search__tag-list-item:hover .mod-header-search__tag-list-link {
  background-color: #f13c33;
  color: #ffffff;
}

.iphone .mod-header-search__tag-list-item:hover .mod-header-search__tag-list-link,
.ipad .mod-header-search__tag-list-item:hover .mod-header-search__tag-list-link {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-header-search__search-button-wrapper {
  position: relative;
  height: 0;
  padding-top: 100px;
}

@media screen and (min-width: 739px) {
  .mod-header-search__search-button-wrapper {
    padding-top: 19.73684%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__search-button-wrapper {
    padding-top: 19.73684%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__search-button-wrapper {
    padding-top: 19.73684%;
  }
}

.mod-header-search__search-button-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mod-header-search__search-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 60.29851%;
  text-align: center;
  line-height: 1;
  font-size: 1.16667rem;
  padding: 2.68657% 0 2.53731%;
  overflow: hidden;
  border: 2px solid #222633;
  border-radius: 9% 9% 9% 9% / 50% 50% 50% 50%;
  background-color: #ffffff;
  margin: 0 auto;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-header-search__search-button {
    width: 360px;
    border: 2px solid #222633;
    border-radius: 20px;
    line-height: 22px;
    font-size: 1.25rem;
    padding: 9px 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__search-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 9px 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__search-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 9px 20px;
  }
}

.mod-header-search__search-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.iphone .mod-header-search__search-button:hover,
.ipad .mod-header-search__search-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-header-search__media-slider {
  padding: 1.05263% 0;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider {
    padding: 0 0 2.05263%;
  }
}

.mod-header-search__media-slider--you-have-viewed {
  padding-top: 4.47761%;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider--you-have-viewed {
    padding-top: 0.78947%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider--you-have-viewed {
    padding-top: 0.78947%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider--you-have-viewed {
    padding-top: 0.78947%;
  }
}

.mod-header-search__media-slider-header {
  margin: 0 auto 2.13333%;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-header {
    max-width: 1260px;
    margin: 0 auto 1.90476vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-header {
    max-width: 1260px;
    margin: 0 auto 1.90476vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-header {
    max-width: 1260px;
    margin: 0 auto 1.90476vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-search__media-slider-header {
    max-width: 1260px;
    margin: 0 auto 24px;
  }
}

.mod-header-search__media-slider-header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mod-header-search__media-slider-heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 1.75rem;
  line-height: 1.0em;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-heading {
    font-size: 1.75rem;
  }
}

.mod-header-search__media-slider-header-link {
  display: block;
  width: 17.61194%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.mod-header-search__media-slider-items-slider {
  position: relative;
}

.mod-header-search__media-slider-items-slider:after {
  content: "";
  clear: both;
  display: block;
}

.mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

.iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow,
.ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow,
  .ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow {
    width: 60px;
  }
}

.iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow span,
.ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow span,
  .ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow span,
  .ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-prev,
.ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-prev,
  .ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-prev {
    left: 0;
  }
}

.iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-prev span,
.ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-prev span,
  .ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-next,
.ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-next span,
.ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-next span,
  .ipad .mod-header-search__media-slider-items-slider:hover .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.mod-header-search__media-slider-items-slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .mod-header-search__media-slider-items-slider .slick-arrow {
    width: 60px;
  }
}

.mod-header-search__media-slider-items-slider .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-items-slider .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-search__media-slider-items-slider .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.mod-header-search__media-slider-items-slider .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .mod-header-search__media-slider-items-slider .slick-arrow.slick-prev {
    left: 0;
  }
}

.mod-header-search__media-slider-items-slider .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-header-search__media-slider-items-slider .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.mod-header-search__media-slider-items-slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mod-header-search__media-slider-items-slider .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-header-search__media-slider-items-slider .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.mod-header-search__media-slider-items-slider .slick-arrow {
  height: 0 !important;
  padding-top: 9.54386% !important;
}

.iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover,
.ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover,
  .ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover {
    width: 60px;
  }
}

.iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover span,
.ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover span,
  .ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover span,
  .ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-prev,
.ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-prev,
  .ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-prev {
    left: 0;
  }
}

.iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-prev span,
.ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-prev span,
  .ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-next,
.ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-next span,
.ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-next span,
  .ipad .mod-header-search__media-slider-items-slider .slick-arrow:hover.slick-next span {
    left: auto;
    right: -15px;
  }
}

.mod-header-search__media-slider-items-slider .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-header-search__media-slider-items-slider .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-header-search__media-slider-items-slider .slick-list {
  overflow: visible;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-items-slider .slick-list {
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-items-slider .slick-list {
    overflow: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-items-slider .slick-list {
    overflow: hidden;
  }
}

.mod-header-search__media-slider-items-slider .slick-slide {
  outline: 0;
}

.mod-header-search__media-slider-items-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 89.33333vw;
  margin-right: 1.33333vw;
  margin-left: 1.33333vw;
}

.mod-header-search__media-slider-items {
  overflow: hidden;
}

.mod-header-search__media-slider-item {
  float: left;
  width: 43.33333vw;
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-item {
    width: 12.85714vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-item {
    width: 12.85714vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-item {
    width: 12.85714vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-search__media-slider-item {
    width: 162px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-header-search__media-slider-item,
  .windows.chrome .mod-header-search__media-slider-item,
  .windows.firefox .mod-header-search__media-slider-item {
    width: 12.63651vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-header-search__media-slider-item,
  .windows.chrome .mod-header-search__media-slider-item,
  .windows.firefox .mod-header-search__media-slider-item {
    width: 12.63651vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-header-search__media-slider-item,
  .windows.chrome .mod-header-search__media-slider-item,
  .windows.firefox .mod-header-search__media-slider-item {
    width: 12.63651vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-header-search__media-slider-item,
  .windows.chrome .mod-header-search__media-slider-item,
  .windows.firefox .mod-header-search__media-slider-item {
    width: 162px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-header-search__media-slider-item {
    width: 12.63651vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-header-search__media-slider-item {
    width: 12.63651vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-header-search__media-slider-item {
    width: 12.63651vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-header-search__media-slider-item {
    width: 162px;
    margin-right: 12px;
  }
}

.mod-header-search__media-slider-item-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-header-search__media-slider-image {
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}

.mod-header-search__media-slider-image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-header-search__media-slider-left-label {
  position: absolute;
  bottom: 1.53846%;
  left: 0;
  line-height: 1;
  font-size: 0.91667rem;
  color: #ffffff;
  padding: 0.66667vw 1.86667vw 0.53333vw;
  background-color: #2b2b2b;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-left-label {
    bottom: 5px;
    left: 0;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-left-label {
    bottom: 5px;
    left: 0;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-left-label {
    bottom: 5px;
    left: 0;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

.mod-header-search__media-slider-right-label {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.83333rem;
  color: #ffffff;
  padding: 0.8vw 2vw 0.66667vw;
  overflow: hidden;
  background-color: #008899;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-right-label {
    max-width: 56.17284%;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-right-label {
    max-width: 56.17284%;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-right-label {
    max-width: 56.17284%;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

.mod-header-search__media-slider-icon {
  position: absolute;
  right: 6px;
  bottom: 0;
  padding-bottom: 4px;
}

.mod-header-search__media-slider-icon-image-wrapper {
  width: 18px;
  height: 18px;
  overflow: hidden;
}

.mod-header-search__media-slider-icon-text-wrapper {
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-icon-text-wrapper {
    right: -4px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-icon-text-wrapper {
    right: -4px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-icon-text-wrapper {
    right: -4px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8px;
  }
}

.mod-header-search__media-slider-icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-icon-text {
    width: 99px;
    font-size: 0.625rem;
    padding: 8px 3px 8px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-icon-text {
    width: 103px;
    font-size: 0.625rem;
    padding: 8px 3px 8px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

.mod-header-search__media-slider-text {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: 2.4vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-text {
    padding-top: 1.03175vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-text {
    padding-top: 1.03175vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-text {
    padding-top: 1.03175vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-search__media-slider-text {
    padding-top: 13px;
  }
}

.mod-header-search__media-slider-category {
  display: block;
  height: 1.5em;
  font-size: 3.73333vw;
  color: #9c9c9c;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-search__media-slider-category {
    font-size: 16px;
  }
}

.mod-header-search__media-slider-name {
  display: block;
  height: 2.6em;
  line-height: 1.3;
  font-size: 1.33333rem;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-name {
    height: 2.4em;
    line-height: 1.2;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-name {
    height: 2.4em;
    line-height: 1.2;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-name {
    height: 2.4em;
    line-height: 1.2;
    font-size: 1.25rem;
  }
}

.mod-header-search__media-slider-description {
  display: block;
  height: 1.3em;
  line-height: 1.3;
  font-size: 3.73333vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-header-search__media-slider-description {
    font-size: 16px;
  }
}

.mod-header-search__media-slider-location {
  display: block;
  height: 1.25em;
  line-height: 1.25;
  letter-spacing: -0.4em;
  overflow: hidden;
}

.mod-header-search__media-slider-location-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.26667vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
  margin-right: 3px;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

.mod-header-search__media-slider-location-icon-image--gray {
  display: block;
}

.mod-header-search__media-slider-location-icon-image--red {
  display: none;
}

.mod-header-search__media-slider-location-description {
  letter-spacing: normal;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-header-search__media-slider-location-description {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-search__media-slider-location-description {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-search__media-slider-location-description {
    font-size: 0.875rem;
  }
}

.mod-header-search__media-slider-item:hover .mod-header-search__media-slider-category,
.mod-header-search__media-slider-item:hover .mod-header-search__media-slider-name,
.mod-header-search__media-slider-item:hover .mod-header-search__media-slider-description {
  color: #f13c33;
}

.mod-header-search__media-slider-item:hover .mod-header-search__media-slider-location-icon-image--gray,
.mod-header-search__media-slider-item.slick-slide:hover .mod-header-search__media-slider-location-icon-image--gray {
  display: none;
}

.mod-header-search__media-slider-item:hover .mod-header-search__media-slider-location-icon-image--red,
.mod-header-search__media-slider-item.slick-slide:hover .mod-header-search__media-slider-location-icon-image--red {
  display: block;
}

.iphone .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-category,
.ipad .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-category,
.iphone .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-name,
.ipad .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-name,
.iphone .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-description,
.ipad .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-description {
  color: #222633;
}

.iphone .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-location-icon-image--gray,
.ipad .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-location-icon-image--gray,
.iphone .mod-header-search__media-slider-item.slick-slide:hover .mod-header-search__media-slider-location-icon-image--gray,
.ipad .mod-header-search__media-slider-item.slick-slide:hover .mod-header-search__media-slider-location-icon-image--gray {
  display: block;
}

.iphone .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-location-icon-image--red,
.ipad .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-location-icon-image--red,
.iphone .mod-header-search__media-slider-item.slick-slide:hover .mod-header-search__media-slider-location-icon-image--red,
.ipad .mod-header-search__media-slider-item.slick-slide:hover .mod-header-search__media-slider-location-icon-image--red {
  display: none;
}

.iphone .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-image > img,
.ipad .mod-header-search__media-slider-item:hover .mod-header-search__media-slider-image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-header-float {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9900;
  -webkit-transition: -webkit-transform 150ms 1s ease;
  transition: -webkit-transform 150ms 1s ease;
  transition: transform 150ms 1s ease;
  transition: transform 150ms 1s ease, -webkit-transform 150ms 1s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  background-color: #222633;
  /* Body Fixed */
  /* Active */
}

@media screen and (min-width: 739px) {
  .mod-header-float {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-header-float {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-header-float {
    display: none;
  }
}

.mod-header-float__inner {
  position: absolute;
  top: 55%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-header-float__menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}

.mod-header-float__menu {
  width: 20%;
}

.mod-header-float__menu-link {
  display: block;
}

.mod-header-float__menu-icon {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 22px;
  margin: 0 auto 8px;
}

.mod-header-float__menu-icon-content--black {
  display: block;
}

.mod-header-float__menu-icon-content--red {
  display: none;
}

.mod-header-float__menu-link:hover .mod-header-float__menu-icon-content--black {
  display: none;
}

.mod-header-float__menu-link:hover .mod-header-float__menu-icon-content--red {
  display: block;
}

.iphone .mod-header-float__menu-link:hover .mod-header-float__menu-icon-content--black,
.ipad .mod-header-float__menu-link:hover .mod-header-float__menu-icon-content--black {
  display: block;
}

.iphone .mod-header-float__menu-link:hover .mod-header-float__menu-icon-content--red,
.ipad .mod-header-float__menu-link:hover .mod-header-float__menu-icon-content--red {
  display: none;
}

.mod-header-float__menu-text {
  display: block;
  font-size: 0.83333rem;
  color: #ffffff;
  text-align: center;
}

.mod-header-float__menu-link:hover .mod-header-float__menu-text,
.mod-header-float__menu-link:hover .mod-header-float__menu-text {
  color: #f13c33;
}

.iphone .mod-header-float__menu-link:hover .mod-header-float__menu-text,
.ipad .mod-header-float__menu-link:hover .mod-header-float__menu-text {
  color: #f13c33;
}

body.body--fixed .mod-header-float {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

body.body--fixed .mod-header--panel-active .mod-header-float {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (min-width: 739px) {
  body.body--fixed .mod-header--panel-active .mod-header-float {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@media screen and (min-width: 769px) {
  body.body--fixed .mod-header--panel-active .mod-header-float {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@media screen and (min-width: 901px) {
  body.body--fixed .mod-header--panel-active .mod-header-float {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.mod-header--panel-active .mod-header-float,
.mod-header--float-active .mod-header-float {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (min-width: 739px) {
  .mod-header--panel-active .mod-header-float,
  .mod-header--float-active .mod-header-float {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@media screen and (min-width: 769px) {
  .mod-header--panel-active .mod-header-float,
  .mod-header--float-active .mod-header-float {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@media screen and (min-width: 901px) {
  .mod-header--panel-active .mod-header-float,
  .mod-header--float-active .mod-header-float {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

#header-panel-search.mod-header-panel__content-wrapper {
  height: 100%;
}

/* Cookie Bar Active */

body.body--cookie-bar-active {
  /*
    .mod-header__share {
        top: $header-balloon-offset-sp * 1px;

        @media screen and (min-width: 739px) {
            top: $header-balloon-offset-pc * 1px;
        }

        @media screen and (min-width: 769px) {
        }

        @media screen and (min-width: 901px) {
        }
    }

    .mod-header--faded-in .mod-header__share {
        top: $header-balloon-offset-sp * 1px;

        @media screen and (min-width: 739px) {
            top: $header-balloon-offset-pc * 1px;
        }

        @media screen and (min-width: 769px) {
        }

        @media screen and (min-width: 901px) {
        }
    }
    */
}

body.body--cookie-bar-active .mod-header,
body.body--cookie-bar-active .mod-header-panel {
  top: 80px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active .mod-header,
  body.body--cookie-bar-active .mod-header-panel {
    top: 50px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active .mod-header,
  body.body--cookie-bar-active .mod-header-panel {
    top: 50px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active .mod-header,
  body.body--cookie-bar-active .mod-header-panel {
    top: 50px;
  }
}

body.body--cookie-bar-active .mod-header--faded-in,
body.body--cookie-bar-active .mod-header--faded-in .mod-header-panel {
  top: 80px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active .mod-header--faded-in,
  body.body--cookie-bar-active .mod-header--faded-in .mod-header-panel {
    top: 50px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active .mod-header--faded-in,
  body.body--cookie-bar-active .mod-header--faded-in .mod-header-panel {
    top: 50px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active .mod-header--faded-in,
  body.body--cookie-bar-active .mod-header--faded-in .mod-header-panel {
    top: 50px;
  }
}

body.body--cookie-bar-active .mod-header--panel-active .mod-header-panel {
  height: calc(100vh - 80px);
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active .mod-header--panel-active .mod-header-panel {
    height: calc(100vh - 50px);
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active .mod-header--panel-active .mod-header-panel {
    height: calc(100vh - 50px);
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active .mod-header--panel-active .mod-header-panel {
    height: calc(100vh - 50px);
  }
}

body.body--cookie-bar-active .mod-header--panel-active .mod-header-panel__content-wrapper {
  height: calc(100vh - 80px);
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active .mod-header--panel-active .mod-header-panel__content-wrapper {
    height: calc((100vh * 0.8) - 50px);
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active .mod-header--panel-active .mod-header-panel__content-wrapper {
    height: calc((100vh * 0.8) - 50px);
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active .mod-header--panel-active .mod-header-panel__content-wrapper {
    height: calc((100vh * 0.8) - 50px);
  }
}

/* Font and Colors Active */

body.body--font-and-color-active {
  /*
    .mod-header__share {
        top: $header-balloon-offset-pc * 1px;

        @media screen and (min-width: 739px) {
            top: $header-balloon-offset-pc * 1px;
        }

        @media screen and (min-width: 769px) {
        }

        @media screen and (min-width: 901px) {
        }
    }

    .mod-header--faded-in .mod-header__share {
        top: $header-balloon-offset-pc * 1px;

        @media screen and (min-width: 739px) {
            top: $header-balloon-offset-pc * 1px;
        }

        @media screen and (min-width: 769px) {
        }

        @media screen and (min-width: 901px) {
        }
    }
    */
}

body.body--font-and-color-active .mod-header,
body.body--font-and-color-active .mod-header-panel {
  top: 50px;
}

@media screen and (min-width: 739px) {
  body.body--font-and-color-active .mod-header,
  body.body--font-and-color-active .mod-header-panel {
    top: 50px;
  }
}

@media screen and (min-width: 769px) {
  body.body--font-and-color-active .mod-header,
  body.body--font-and-color-active .mod-header-panel {
    top: 50px;
  }
}

@media screen and (min-width: 901px) {
  body.body--font-and-color-active .mod-header,
  body.body--font-and-color-active .mod-header-panel {
    top: 50px;
  }
}

body.body--font-and-color-active .mod-header--faded-in,
body.body--font-and-color-active .mod-header--faded-in .mod-header-panel {
  top: 50px;
}

@media screen and (min-width: 739px) {
  body.body--font-and-color-active .mod-header--faded-in,
  body.body--font-and-color-active .mod-header--faded-in .mod-header-panel {
    top: 50px;
  }
}

@media screen and (min-width: 769px) {
  body.body--font-and-color-active .mod-header--faded-in,
  body.body--font-and-color-active .mod-header--faded-in .mod-header-panel {
    top: 50px;
  }
}

@media screen and (min-width: 901px) {
  body.body--font-and-color-active .mod-header--faded-in,
  body.body--font-and-color-active .mod-header--faded-in .mod-header-panel {
    top: 50px;
  }
}

body.body--font-and-color-active .mod-header--panel-active .mod-header-panel {
  height: calc(100vh - 50px);
}

@media screen and (min-width: 739px) {
  body.body--font-and-color-active .mod-header--panel-active .mod-header-panel {
    height: calc(100vh - 50px);
  }
}

@media screen and (min-width: 769px) {
  body.body--font-and-color-active .mod-header--panel-active .mod-header-panel {
    height: calc(100vh - 50px);
  }
}

@media screen and (min-width: 901px) {
  body.body--font-and-color-active .mod-header--panel-active .mod-header-panel {
    height: calc(100vh - 50px);
  }
}

body.body--font-and-color-active .mod-header--panel-active .mod-header-panel__content-wrapper {
  height: calc(100vh - 50px);
}

@media screen and (min-width: 739px) {
  body.body--font-and-color-active .mod-header--panel-active .mod-header-panel__content-wrapper {
    height: calc((100vh * 0.8) - 50px);
  }
}

@media screen and (min-width: 769px) {
  body.body--font-and-color-active .mod-header--panel-active .mod-header-panel__content-wrapper {
    height: calc((100vh * 0.8) - 50px);
  }
}

@media screen and (min-width: 901px) {
  body.body--font-and-color-active .mod-header--panel-active .mod-header-panel__content-wrapper {
    height: calc((100vh * 0.8) - 50px);
  }
}

/* Cookie Bar and Font and Colors Active */

body.body--cookie-bar-active.body--font-and-color-active {
  /*
    .mod-header__share {
        top: $header-balloon-offset-pc * 2px;

        @media screen and (min-width: 739px) {
            top: $header-balloon-offset-pc * 2px;
        }

        @media screen and (min-width: 769px) {
        }

        @media screen and (min-width: 901px) {
        }
    }

    .mod-header--faded-in .mod-header__share {
        top: $header-balloon-offset-pc * 1px;

        @media screen and (min-width: 739px) {
            top: $header-balloon-offset-pc * 1px;
        }

        @media screen and (min-width: 769px) {
        }

        @media screen and (min-width: 901px) {
        }
    }
    */
}

body.body--cookie-bar-active.body--font-and-color-active .mod-header,
body.body--cookie-bar-active.body--font-and-color-active .mod-header-panel {
  top: 130px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header,
  body.body--cookie-bar-active.body--font-and-color-active .mod-header-panel {
    top: 100px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header,
  body.body--cookie-bar-active.body--font-and-color-active .mod-header-panel {
    top: 100px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header,
  body.body--cookie-bar-active.body--font-and-color-active .mod-header-panel {
    top: 100px;
  }
}

body.body--cookie-bar-active.body--font-and-color-active .mod-header--faded-in,
body.body--cookie-bar-active.body--font-and-color-active .mod-header--faded-in .mod-header-panel {
  top: 130px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--faded-in,
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--faded-in .mod-header-panel {
    top: 100px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--faded-in,
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--faded-in .mod-header-panel {
    top: 100px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--faded-in,
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--faded-in .mod-header-panel {
    top: 100px;
  }
}

body.body--cookie-bar-active.body--font-and-color-active .mod-header--panel-active .mod-header-panel {
  height: calc(100vh - 130px);
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--panel-active .mod-header-panel {
    height: calc(100vh - 100px);
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--panel-active .mod-header-panel {
    height: calc(100vh - 100px);
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--panel-active .mod-header-panel {
    height: calc(100vh - 100px);
  }
}

body.body--cookie-bar-active.body--font-and-color-active .mod-header--panel-active .mod-header-panel__content-wrapper {
  height: calc(100vh - 130px);
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--panel-active .mod-header-panel__content-wrapper {
    height: calc((100vh * 0.8) - 100px);
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--panel-active .mod-header-panel__content-wrapper {
    height: calc((100vh * 0.8) - 100px);
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-header--panel-active .mod-header-panel__content-wrapper {
    height: calc((100vh * 0.8) - 100px);
  }
}

.mod-footer__upper-wrapper {
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-footer__upper {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__upper {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__upper {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-footer__upper-inner {
  position: relative;
  padding-top: 10.26667vw;
  padding-bottom: 0vw;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-footer__upper-inner:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-footer__upper-inner {
    padding: 3.96825% 4.7619% 2.38095%;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__upper-inner {
    padding: 3.96825% 4.7619% 2.38095%;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__upper-inner {
    padding: 3.96825% 4.7619% 2.38095%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-footer__upper-inner {
    padding: 50px 60px 30px;
  }
}

.mod-footer__brand {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 42.13333vw;
  margin: 0 auto;
  float: none;
}

@media screen and (min-width: 739px) {
  .mod-footer__brand {
    width: 227px;
    margin: 0;
    float: left;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__brand {
    width: 227px;
    float: left;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__brand {
    width: 227px;
    float: left;
  }
}

.mod-footer__brand-inner {
  display: block;
}

.mod-footer__icons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90%;
  text-align: center;
  padding: 0.8vw 0;
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-footer__icons {
    width: auto;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    ustify-content: flex-end;
    padding: 3px 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__icons {
    padding: 3px 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__icons {
    padding: 3px 0;
  }
}

.mod-footer__icon {
  display: inline-block;
  vertical-align: top;
  margin: 0 2%;
}

@media screen and (min-width: 739px) {
  .mod-footer__icon {
    display: list-item;
    margin-right: 10px;
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__icon {
    margin-right: 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__icon {
    margin-right: 10px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-footer__icon {
    margin-right: 10px;
  }
}

.mod-footer__icon:last-child {
  margin-right: 0;
}

.mod-footer__icon-inner {
  display: block;
  width: 12vw;
  height: 12vw;
}

@media screen and (min-width: 739px) {
  .mod-footer__icon-inner {
    width: 40px;
    height: 40px;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__icon-inner {
    width: 40px;
    height: 40px;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__icon-inner {
    width: 40px;
    height: 40px;
  }
}

.mod-footer__icon-content {
  display: none;
}

.mod-footer__icon-content--gray {
  display: block;
}

.mod-footer__icon:hover .mod-footer__icon-content--gray {
  display: none;
}

.mod-footer__icon-content--white {
  display: none;
}

.mod-footer__icon:hover .mod-footer__icon-content--white {
  display: block;
}

.iphone .mod-footer__icon:hover .mod-footer__icon-content--gray,
.ipad .mod-footer__icon:hover .mod-footer__icon-content--gray {
  display: block;
}

.iphone .mod-footer__icon:hover .mod-footer__icon-content--white,
.ipad .mod-footer__icon:hover .mod-footer__icon-content--white {
  display: none;
}

.mod-footer__middle-wrapper {
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-footer__middle {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__middle {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__middle {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-footer__middle:before {
    /*content: "";
            box-sizing: boder-box;
            display: block;
            width: percentage($contents-width-pc / $design-width-pc);
            height: 1px;
            background-color: rgba(pallete(gray5), 0.65);
            margin: 0 auto;*/
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__middle:before {
    /*content: "";
            box-sizing: boder-box;
            display: block;
            width: percentage($contents-width-pc / $design-width-pc);
            height: 1px;
            background-color: rgba(pallete(gray5), 0.65);
            margin: 0 auto;*/
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__middle:before {
    /*content: "";
            box-sizing: boder-box;
            display: block;
            width: percentage($contents-width-pc / $design-width-pc);
            height: 1px;
            background-color: rgba(pallete(gray5), 0.65);
            margin: 0 auto;*/
  }
}

.mod-footer__middle-inner {
  margin-bottom: 0 !important;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-footer__middle-inner:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-footer__middle-inner {
    padding: 2.38095% 4.7619% 3.96825%;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__middle-inner {
    padding: 2.38095% 4.7619% 3.96825%;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__middle-inner {
    padding: 2.38095% 4.7619% 3.96825%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-footer__middle-inner {
    padding: 0 60px 0;
  }
}

.mod-footer__links {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.4em;
  padding: 5.97015% 0 6.56716%;
}

@media screen and (min-width: 739px) {
  .mod-footer__links {
    text-align: left;
    padding: 0;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 2.36842%;
    float: left;
    width: 60%;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__links {
    text-align: left;
    padding: 0;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 2.36842%;
    width: 60%;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__links {
    text-align: left;
    padding: 0;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 2.36842%;
    width: 60%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-footer__links {
    margin-bottom: 0;
    width: 50%;
  }
}

.mod-footer__link {
  vertical-align: top;
  letter-spacing: normal;
  line-height: 1;
  margin: 3.8806% 2.98507% 0;
}

@media screen and (min-width: 739px) {
  .mod-footer__link {
    margin: 0 20px 0 0;
    display: inline-block;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__link {
    margin: 0 20px 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__link {
    margin: 0 20px 0 0;
  }
}

.mod-footer__link-text {
  display: block;
  font-size: 1.20833rem;
  font-family: 'PFDINTextStd-Medium';
  color: #222633;
}

.mod-footer__link-text:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-footer__link-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__link-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__link-text {
    font-size: 1rem;
  }
}

.ihone .mod-footer__link-text:hover,
.ipad .mod-footer__link-text:hover {
  color: #f13c33;
}

.mod-footer__link--icon-external .mod-footer__link-text {
  padding-left: 4vw;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1522907359/icons/external_link_white.svg) left top no-repeat;
  background-size: 3.2vw auto;
}

@media screen and (min-width: 739px) {
  .mod-footer__link--icon-external .mod-footer__link-text {
    padding-left: 16px;
    background-size: 12px auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__link--icon-external .mod-footer__link-text {
    padding-left: 16px;
    background-size: 12px auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__link--icon-external .mod-footer__link-text {
    padding-left: 16px;
    background-size: 12px auto;
  }
}

.mod-footer__selectboxes {
  display: none;
  width: 90%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8.95522% 2.38806%;
}

@media screen and (min-width: 739px) {
  .mod-footer__selectboxes {
    display: block;
    width: auto;
    padding: 0;
    position: static;
    float: right;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__selectboxes {
    display: block;
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__selectboxes {
    display: block;
    padding: 0;
  }
}

.mod-footer__selectboxes--sp {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8.95522% 2.38806%;
  /**/
}

@media screen and (min-width: 739px) {
  .mod-footer__selectboxes--sp {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__selectboxes--sp {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__selectboxes--sp {
    display: none;
  }
}

.mod-footer__selectbox {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  padding-left: 4.28135%;
  border-left: 5px solid #e5e5e5;
  border-bottom: 5px solid #e5e5e5;
}

.mod-footer__selectbox:hover {
  border-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-footer__selectbox {
    border-left: 10px solid #e5e5e5;
    border-bottom: 10px solid #e5e5e5;
    float: left;
    padding-left: 22px;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__selectbox {
    float: left;
    padding-left: 22px;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__selectbox {
    float: left;
    padding-left: 22px;
  }
}

.mod-footer__selectbox--holiday {
  margin-bottom: 5.67164%;
}

@media screen and (min-width: 739px) {
  .mod-footer__selectbox--holiday {
    width: 190px;
    margin: 0 1.75439% 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__selectbox--holiday {
    width: 190px;
    margin: 0 1.75439% 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__selectbox--holiday {
    width: 190px;
    margin: 0 1.75439% 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-footer__selectbox--holiday {
    margin: 0 20px 0 0;
  }
}

.mod-footer__selectbox--lang {
  padding-bottom: 10px;
}

@media screen and (min-width: 739px) {
  .mod-footer__selectbox--lang {
    width: 260px;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__selectbox--lang {
    width: 260px;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__selectbox--lang {
    width: 260px;
  }
}

.mod-footer__selectbox-placeholder {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1;
  font-size: 1.20833rem;
  font-family: 'PFDINTextStd-Medium';
  color: #222633;
  padding: 0% 0 11px;
}

@media screen and (min-width: 739px) {
  .mod-footer__selectbox-placeholder {
    font-size: 1.375rem;
    padding: 0vw 0 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__selectbox-placeholder {
    font-size: 1.375rem;
    padding: 0vw 0 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__selectbox-placeholder {
    font-size: 1.375rem;
    padding: 0vw 0 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-footer__selectbox-placeholder {
    padding: 0 0 11px;
  }
}

.mod-footer__selectbox-icon-wrapper {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 9.6vw;
}

@media screen and (min-width: 739px) {
  .mod-footer__selectbox-icon-wrapper {
    width: 3.09524vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__selectbox-icon-wrapper {
    width: 3.09524vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__selectbox-icon-wrapper {
    width: 3.09524vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-footer__selectbox-icon-wrapper {
    width: 39px;
  }
}

.mod-footer__selectbox-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 18px;
}

@media screen and (min-width: 739px) {
  .mod-footer__selectbox-icon {
    width: 20px;
    height: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__selectbox-icon {
    width: 20px;
    height: auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__selectbox-icon {
    width: 20px;
    height: auto;
  }
}

.mod-footer__selectbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.mod-footer__lower-wrapper {
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-footer__lower {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__lower {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__lower {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-footer__lower-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-footer__lower-inner:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-footer__lower-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__lower-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__lower-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-footer__copyright {
  padding: 8.53333% 0;
}

@media screen and (min-width: 739px) {
  .mod-footer__copyright {
    padding: 2.7193% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__copyright {
    padding: 2.7193% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__copyright {
    padding: 2.7193% 0;
  }
}

.mod-footer__copyright-text {
  display: block;
  text-align: center;
  font-family: 'PFDINTextStd-Medium';
  font-size: 0.83333rem;
  font-weight: normal;
  color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-footer__copyright-text {
    text-align: right;
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-footer__copyright-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-footer__copyright-text {
    font-size: 0.875rem;
  }
}

.mod-ad-slider {
  /* Current / Hover */
}

.mod-ad-slider--normal-padding {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-ad-slider--normal-padding {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-ad-slider--normal-padding {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider--normal-padding {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider--normal-padding {
    padding: 50px 0;
  }
}

.mod-ad-slider__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-ad-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-ad-slider__body {
  padding: 8vw 0;
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__body {
    padding: 3.96825vw 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-ad-slider__body {
    padding: 3.96825vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider__body {
    padding: 3.96825vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider__body {
    padding: 50px 0;
  }
}

.mod-ad-slider__body-inner {
  position: relative;
}

.mod-ad-slider__slider-overlay {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 769px) {
  .mod-ad-slider__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 1140px) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__slider-overlay--left {
    left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__slider-overlay--right {
    right: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__slider-wrapper {
    width: 90.47619%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-ad-slider__slider-wrapper {
    width: 90.47619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider__slider-wrapper {
    width: 90.47619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__slider-wrapper {
    width: 1140px;
  }
}

.mod-ad-slider__slider:hover .slick-arrow.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-ad-slider__slider:hover .slick-arrow.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

.iphone .mod-ad-slider__slider:hover .slick-arrow,
.ipad .mod-ad-slider__slider:hover .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow,
  .ipad .mod-ad-slider__slider:hover .slick-arrow {
    width: 60px;
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow span,
.ipad .mod-ad-slider__slider:hover .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow span,
  .ipad .mod-ad-slider__slider:hover .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow span,
  .ipad .mod-ad-slider__slider:hover .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-prev,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow.slick-prev,
  .ipad .mod-ad-slider__slider:hover .slick-arrow.slick-prev {
    left: 0;
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-prev span,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow.slick-prev span,
  .ipad .mod-ad-slider__slider:hover .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-next,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-next span,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow.slick-next span,
  .ipad .mod-ad-slider__slider:hover .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-prev,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-prev {
  -webkit-transform: translateX(-52%);
  transform: translateX(-52%);
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-next,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-next {
  -webkit-transform: translateX(52%);
  transform: translateX(52%);
}

.mod-ad-slider__slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__slider .slick-arrow {
    width: 60px;
  }
}

.mod-ad-slider__slider .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__slider .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__slider .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.mod-ad-slider__slider .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__slider .slick-arrow.slick-prev {
    left: 0;
  }
}

.mod-ad-slider__slider .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__slider .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.mod-ad-slider__slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mod-ad-slider__slider .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__slider .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__slider .slick-arrow.slick-prev {
    -webkit-transform: translateX(-52%);
    transform: translateX(-52%);
  }
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__slider .slick-arrow.slick-next {
    -webkit-transform: translateX(52%);
    transform: translateX(52%);
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow,
.ipad .mod-ad-slider__slider:hover .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow,
  .ipad .mod-ad-slider__slider:hover .slick-arrow {
    width: 60px;
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow span,
.ipad .mod-ad-slider__slider:hover .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow span,
  .ipad .mod-ad-slider__slider:hover .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow span,
  .ipad .mod-ad-slider__slider:hover .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-prev,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow.slick-prev,
  .ipad .mod-ad-slider__slider:hover .slick-arrow.slick-prev {
    left: 0;
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-prev span,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow.slick-prev span,
  .ipad .mod-ad-slider__slider:hover .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-next,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-next span,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-ad-slider__slider:hover .slick-arrow.slick-next span,
  .ipad .mod-ad-slider__slider:hover .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-prev,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-prev {
  -webkit-transform: translateX(-52%);
  transform: translateX(-52%);
}

.iphone .mod-ad-slider__slider:hover .slick-arrow.slick-next,
.ipad .mod-ad-slider__slider:hover .slick-arrow.slick-next {
  -webkit-transform: translateX(52%);
  transform: translateX(52%);
}

.mod-ad-slider__slider .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-ad-slider__slider .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-ad-slider__slider .slick-list {
  overflow: visible;
}

@media screen and (min-width: 739px) {
  .mod-ad-slider .slick-track {
    overflow-y: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-ad-slider .slick-track {
    overflow-y: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider .slick-track {
    overflow-y: hidden;
  }
}

.mod-ad-slider__slider .slick-slide {
  outline: 0;
}

.mod-ad-slider__item-wrapper {
  width: 89.33333vw;
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 12px;
  }
}

.mod-ad-slider__item {
  z-index: 1;
  width: 48.50746%;
  overflow: hidden;
  margin-top: 2.66667vw;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__item {
    width: 49.22%;
    margin-top: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-ad-slider__item {
    width: 48.8%;
    margin-top: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider__item {
    width: 48.6%;
    margin-top: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-ad-slider__item {
    width: 178px;
    height: 148px;
    margin-top: 12px;
  }
}

.mod-ad-slider__item:nth-child(2n+1) {
  float: left;
}

.mod-ad-slider__item:nth-child(2n) {
  float: right;
}

.mod-ad-slider__item:nth-child(-n+2) {
  margin-top: 0;
}

.mod-ad-slider__item:first-child:last-child {
  float: none;
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__item:first-child:last-child {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-ad-slider__item:first-child:last-child {
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider__item:first-child:last-child {
    width: 100%;
    height: 100%;
  }
}

.mod-ad-slider__item-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-ad-slider__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
  max-height: 600px;
}

@media screen and (min-width: 739px) {
  .mod-ad-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-ad-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-ad-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-ad-slider__text {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60.30769%;
  padding: 1%;
  text-align: center;
  font-size: 1.33333rem;
  font-weight: bold;
  color: #ffffff;
  overflow: hidden;
  border: 1.5px solid #ffffff;
  margin: 0 auto;
}

.windows.ie11 .mod-ad-slider .mod-ad-slider__item-wrapper,
.windows.chrome .mod-ad-slider .mod-ad-slider__item-wrapper,
.windows.firefox .mod-ad-slider .mod-ad-slider__item-wrapper {
  width: 89.33333vw;
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-ad-slider .mod-ad-slider__item-wrapper,
  .windows.chrome .mod-ad-slider .mod-ad-slider__item-wrapper,
  .windows.firefox .mod-ad-slider .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-ad-slider .mod-ad-slider__item-wrapper,
  .windows.chrome .mod-ad-slider .mod-ad-slider__item-wrapper,
  .windows.firefox .mod-ad-slider .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-ad-slider .mod-ad-slider__item-wrapper,
  .windows.chrome .mod-ad-slider .mod-ad-slider__item-wrapper,
  .windows.firefox .mod-ad-slider .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-ad-slider .mod-ad-slider__item-wrapper,
  .windows.chrome .mod-ad-slider .mod-ad-slider__item-wrapper,
  .windows.firefox .mod-ad-slider .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 12px;
  }
}

.windows.edge .mod-ad-slider .mod-ad-slider__item-wrapper {
  width: 89.33333vw;
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-ad-slider .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-ad-slider .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-ad-slider .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-ad-slider .mod-ad-slider__item-wrapper {
    width: 369px;
    margin-right: 12px;
  }
}

.mod-alert {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-alert {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0;
  }
}

.mod-alert__wrapper {
  padding-top: 4.5%;
  padding-bottom: 4.5%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-alert__wrapper {
    padding: 4.15512% 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-alert__wrapper {
    padding: 4.15512% 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-alert__wrapper {
    padding: 4.15512% 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-alert__wrapper {
    padding: 30px 4.7619%;
  }
}

.mod-alert__inner {
  padding-top: 6.5%;
  padding-bottom: 6.5%;
  padding-left: 20px;
  border-top: 5px solid #e5e5e5;
  border-left: 5px solid #e5e5e5;
}

@media screen and (min-width: 739px) {
  .mod-alert__inner {
    padding: 2.49307% 0;
    padding-left: 20px;
    border-top: 10px solid #e5e5e5;
    border-left: 10px solid #e5e5e5;
  }
}

.mod-alert__red .mod-alert__inner {
  border-color: #f13c33;
}

.mod-alert__yellow .mod-alert__inner {
  border-color: #e9b320;
}

.mod-alert__header {
  margin-bottom: 2.13333vw;
}

@media screen and (min-width: 739px) {
  .mod-alert__header {
    margin-bottom: 2.49307%;
  }
}

@media screen and (min-width: 769px) {
  .mod-alert__header {
    margin-bottom: 2.49307%;
  }
}

@media screen and (min-width: 901px) {
  .mod-alert__header {
    margin-bottom: 2.49307%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-alert__header {
    margin-bottom: 18px;
  }
}

.mod-alert__heading {
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-alert__heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-alert__heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-alert__heading {
    font-size: 1.75rem;
  }
}

.mod-alert__red .mod-alert__heading {
  color: #f13c33;
}

.mod-alert__yellow .mod-alert__heading {
  color: #e9b320;
}

.mod-alert__list {
  font-family: "PFDINTextStd-Light", sans-serif;
}

.mod-alert__list-item {
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-alert__list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-alert__list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-alert__list-item {
    font-size: 1rem;
  }
}

.mod-alert__red .mod-alert__list-item {
  color: #f13c33;
}

.mod-alert__yellow .mod-alert__list-item {
  color: #e9b320;
}

.mod-banner {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-banner {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-banner {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-banner {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-banner {
    padding: 50px 0;
  }
}

.mod-banner__inner {
  padding: 0vw 0 0vw;
}

@media screen and (min-width: 739px) {
  .mod-banner__inner {
    padding: 0vw 0 0vw;
  }
}

.mod-banner__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-banner__body {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-banner__body {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-banner__body {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-banner__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-banner__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-banner__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

.mod-banner__items {
  position: relative;
  overflow: hidden;
}

.mod-banner__items + .mod-banner__items {
  margin-top: 1.05263%;
}

.mod-banner__item {
  width: 100%;
  margin-bottom: 30px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-banner__item {
    float: left;
    width: 31.54814%;
    margin-left: 2.65%;
  }
}

@media screen and (min-width: 769px) {
  .mod-banner__item {
    width: 31.54814%;
  }
}

@media screen and (min-width: 901px) {
  .mod-banner__item {
    width: 31.54814%;
  }
}

.mod-banner__item:nth-child(1) {
  margin-left: 0;
}

.mod-banner__item-inner {
  position: relative;
  display: block;
}

.mod-banner__item-heading {
  margin-bottom: 30px;
}

@media screen and (min-width: 739px) {
  .mod-banner__item-heading {
    margin-bottom: 30px;
  }
}

.mod-banner__ban-bookmark {
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-banner__ban-bookmark {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-banner__ban-bookmark {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-banner__ban-bookmark {
    display: none;
  }
}

.iphone .mod-banner__item:hover .mod-banner__image > img,
.ipad .mod-banner__item:hover .mod-banner__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-banner-side {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-banner-side {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-banner-side {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-banner-side {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-banner-side {
    padding: 50px 0;
  }
}

.mod-banner-side__inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-banner-side__inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-banner-side__inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-banner-side__inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-banner-side__items:after {
  content: "";
  clear: both;
  display: block;
}

.mod-banner-side__item {
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-banner-side__item {
    margin-bottom: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-banner-side__item {
    margin-bottom: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-banner-side__item {
    margin-bottom: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-banner-side__item {
    margin-bottom: 12px;
  }
}

.mod-banner-side__item:last-child {
  margin-bottom: 0;
}

.mod-banner-side__item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.mod-banner-side__image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mod-banner-side__image-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-banner-side__image-inner > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-banner-side__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-banner-side__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-banner-side__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-best-of-tokyo {
  padding: 6.66667% 0 11.73333vw;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-best-of-tokyo {
    padding: 50px 0;
  }
}

.mod-best-of-tokyo__inner {
  padding: 4vw 0 3.46667vw;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__inner {
    padding: 6.19048vw 0 3.96825vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__inner {
    padding: 6.19048vw 0 3.96825vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__inner {
    padding: 6.19048vw 0 3.96825vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-best-of-tokyo__inner {
    padding: 78px 0 50px;
  }
}

.mod-best-of-tokyo__header {
  margin-bottom: 5.06667vw;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__header {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto 2.22222vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__header {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto 2.22222vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__header {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto 2.22222vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-best-of-tokyo__header {
    margin: 0 auto 28px;
  }
}

.mod-best-of-tokyo__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.mod-best-of-tokyo__header-inner:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__header-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__header-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__header-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

.mod-best-of-tokyo__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__heading {
    font-size: 2rem;
  }
}

.mod-best-of-tokyo__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  background-color: #222633;
  color: #ffffff;
  width: 55px;
  padding-top: 3px;
  line-height: 18px;
  border-radius: 10px;
  display: block;
  text-align: center;
  font-size: 10px;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__header-link {
    width: 82px;
    padding-top: 0;
    line-height: 30px;
    border-radius: 15px;
    font-size: 1em;
  }
}

.mod-best-of-tokyo__header-link:hover {
  background-color: #f13c33;
}

.mod-best-of-tokyo__hero {
  height: 0;
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  margin-bottom: 20px;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__hero {
    padding-top: 0;
    height: 330px;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__hero {
    height: 350px;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__hero {
    height: 400px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-best-of-tokyo__hero {
    height: 570px;
  }
}

.mod-best-of-tokyo__hero-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: #000;
  z-index: 3;
  opacity: 0.15;
}

.mod-best-of-tokyo__hero-image {
  width: 225%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mod-best-of-tokyo__hero-image img {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__hero-image {
    width: 100%;
  }
}

.mod-best-of-tokyo__hero-text-wrapper {
  height: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__hero-text-wrapper {
    max-width: 1260px;
  }
}

.mod-best-of-tokyo__hero-text-inner {
  height: 100%;
  position: relative;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__hero-text-inner {
    margin-right: 4.7619%;
    margin-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__hero-text-inner {
    margin-right: 4.7619%;
    margin-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__hero-text-inner {
    margin-right: 4.7619%;
    margin-left: 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-best-of-tokyo__hero-text-inner {
    margin-right: 4.7619%;
    margin-left: 4.7619%;
  }
}

.mod-best-of-tokyo__hero-text {
  position: absolute;
  left: 4.7619%;
  bottom: 60px;
  color: #fff;
  width: 65%;
  font-size: 40px;
  line-height: 1.0em;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__hero-text {
    width: 100%;
    font-size: 80px;
    line-height: 0.9em;
    left: 0;
    bottom: 60px;
  }
}

.mod-best-of-tokyo__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    padding-right: 60px;
    padding-left: 60px;
    margin: 0 auto;
  }
}

.mod-best-of-tokyo__items {
  position: relative;
  overflow: hidden;
}

.mod-best-of-tokyo__items + .mod-best-of-tokyo__items {
  margin-top: 1.05263%;
}

.mod-best-of-tokyo__item {
  float: left;
  width: 48.35924%;
  margin: 2.98507% 0 0 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__item {
    width: 31.58295%;
    margin: 2.6% 0 0 2.6%;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__item {
    width: 31.58295%;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__item {
    width: 31.58295%;
  }
}

.mod-best-of-tokyo__item:nth-child(-n+2) {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__item:nth-child(-n+3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__item:nth-child(-n+3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__item:nth-child(-n+3) {
    margin-top: 0;
  }
}

.mod-best-of-tokyo__item:nth-child(2n+1) {
  margin-left: 0;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__item:nth-child(2n+1) {
    margin-left: 2.6%;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__item:nth-child(2n+1) {
    margin-left: 2.6%;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__item:nth-child(2n+1) {
    margin-left: 2.6%;
  }
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__item:nth-child(3n+1) {
    margin-left: 2.6%;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__item:nth-child(3n+1) {
    margin-left: 2.6%;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__item:nth-child(3n+1) {
    margin-left: 2.6%;
  }
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__item:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__item:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__item:nth-child(3n+1) {
    margin-left: 0;
  }
}

.mod-best-of-tokyo__item-inner {
  position: relative;
  display: block;
}

.mod-best-of-tokyo__image {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-best-of-tokyo__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left bottom, right top, from(#222633), color-stop(56%, transparent));
  background-image: linear-gradient(to right top, #222633, transparent 56%);
}

.mod-best-of-tokyo__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-best-of-tokyo__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-best-of-tokyo__text {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  color: #fff;
  padding: 0 1%;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__text {
    left: 0;
    bottom: 0;
    padding-left: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__text {
    padding-left: 20px;
    padding-bottom: 20px;
  }
}

.mod-best-of-tokyo__text-title {
  width: 80%;
  line-height: 1.2em;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__text-title {
    width: 70%;
    font-size: 16px;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__text-title {
    width: 70%;
    font-size: 20px;
  }
}

.mod-best-of-tokyo__text-description {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-best-of-tokyo__text-description {
    display: block;
    font-size: 13px;
  }
}

@media screen and (min-width: 769px) {
  .mod-best-of-tokyo__text-description {
    font-size: 16px;
  }
}

.iphone .mod-best-of-tokyo__item:hover .mod-best-of-tokyo__image > img,
.ipad .mod-best-of-tokyo__item:hover .mod-best-of-tokyo__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-breadcrumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #222633;
  /* Current Page */
}

@media screen and (min-width: 739px) {
  .mod-breadcrumb__inner {
    max-width: 1260px;
    padding: 0 4.7619%;
    height: 60px;
    overflow-y: hidden;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-breadcrumb__inner {
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-breadcrumb__inner {
    margin: 0 auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-breadcrumb__inner {
    max-width: 1140px;
  }
}

.mod-breadcrumb__scroller {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 739px) {
  .mod-breadcrumb__scroller {
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-breadcrumb__scroller {
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-breadcrumb__scroller {
    margin: 0 auto;
  }
}

.mod-breadcrumb__items-wrapper {
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-breadcrumb__items-wrapper {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-breadcrumb__items-wrapper {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-breadcrumb__items-wrapper {
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto 0 0;
  }
}

.mod-breadcrumb__items {
  letter-spacing: -0.4em;
  white-space: nowrap;
}

.mod-breadcrumb__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  padding: 14px 2.4vw 13px;
}

@media screen and (min-width: 739px) {
  .mod-breadcrumb__item {
    padding: 22px 13px;
  }
}

.mod-breadcrumb__item:first-child {
  padding-left: 0;
}

.mod-breadcrumb__item:last-child {
  padding-right: 0;
}

.mod-breadcrumb__item:after {
  content: "/";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  display: block;
  color: #e5e5e5;
}

.mod-breadcrumb__link {
  position: relative;
  display: block;
  line-height: 1;
  font-size: 0.91667rem;
  font-family: "PFDINTextStd-Light", sans-serif;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-breadcrumb__link {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-breadcrumb__link {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-breadcrumb__link {
    font-size: 1rem;
  }
}

.mod-breadcrumb__link:hover {
  font-weight: bold;
}

.iphone .mod-breadcrumb__link:hover,
.ipad .mod-breadcrumb__link:hover {
  font-weight: bold;
}

.mod-breadcrumb__item--current:after {
  display: none;
}

.mod-breadcrumb__item--current .mod-breadcrumb__link {
  cursor: default;
}

.mod-breadcrumb__item--current .mod-breadcrumb__link:hover {
  font-weight: bold;
}

.iphone .mod-breadcrumb__item--current .mod-breadcrumb__link:hover,
.ipad .mod-breadcrumb__item--current .mod-breadcrumb__link:hover {
  font-weight: bold;
}

.mod-btn-horizontal {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-btn-horizontal {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-btn-horizontal {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-btn-horizontal {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-btn-horizontal {
    padding: 50px 0;
  }
}

.mod-btn-horizontal__header {
  margin: 0 auto 6.66667%;
}

@media screen and (min-width: 739px) {
  .mod-btn-horizontal__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-btn-horizontal__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-btn-horizontal__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-btn-horizontal__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-btn-horizontal__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-btn-horizontal__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-btn-horizontal__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-btn-horizontal__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-btn-horizontal__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-btn-horizontal__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-btn-horizontal__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-btn-horizontal__heading {
    font-size: 2rem;
  }
}

.mod-btn-horizontal__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-btn-horizontal__header-link {
    width: 11.48256%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-btn-horizontal__header-link {
    width: 11.48256%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-btn-horizontal__header-link {
    width: 11.48256%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-btn-horizontal__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-btn-horizontal__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-btn-horizontal__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-btn-horizontal__body-inner {
  overflow: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-btn-horizontal__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-btn-horizontal__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-btn-horizontal__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-btn-horizontal__btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (min-width: 739px) {
  .ipad .mod-btn-horizontal__btns {
    padding-bottom: 1px;
  }
}

@media screen and (min-width: 769px) {
  .ipad .mod-btn-horizontal__btns {
    padding-bottom: 1px;
  }
}

@media screen and (min-width: 901px) {
  .ipad .mod-btn-horizontal__btns {
    padding-bottom: 1px;
  }
}

.mod-btn-horizontal__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  letter-spacing: normal;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
  width: 31.83%;
  margin-right: 2%;
  margin-bottom: 2%;
}

@media screen and (min-width: 739px) {
  .mod-btn-horizontal__item {
    width: 15.79%;
    margin-right: 1.053%;
    margin-bottom: 1.053%;
  }
}

.mod-btn-horizontal__item:nth-child(-n+3) {
  margin-top: 0;
}

.mod-btn-horizontal__item:nth-child(3n+1) {
  margin-left: 0;
}

.mod-btn-horizontal__item:nth-child(3n) {
  margin-right: 0;
}

@media screen and (min-width: 739px) {
  .mod-btn-horizontal__item:nth-child(3n) {
    margin-right: 1.053%;
  }
}

.mod-btn-horizontal__item:nth-child(6n) {
  margin-right: 0;
}

.mod-btn-horizontal__item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  -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: 100%;
  height: 100%;
  padding: 1.6vw;
  color: #ffffff;
  text-align: center;
  line-height: 1.3;
  font-size: 1rem;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-btn-horizontal__item-inner {
    padding: 0 0.95238vw;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-btn-horizontal__item-inner {
    padding: 0 0.95238vw;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-btn-horizontal__item-inner {
    padding: 0 0.95238vw;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-btn-horizontal__item-inner {
    padding: 0 12px;
  }
}

.ie11 .mod-btn-horizontal__item-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.mod-btn-horizontal__item-inner:hover {
  color: #f13c33;
}

.iphone .mod-btn-horizontal__item:hover,
.ipad .mod-btn-horizontal__item:hover {
  color: #222633;
  background-color: transparent;
}

.mod-calendar {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-calendar {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-calendar {
    padding: 50px 0;
  }
}

.mod-calendar__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-calendar__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-calendar__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-calendar__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-calendar__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-calendar__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-calendar__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__heading {
    font-size: 2rem;
  }
}

.mod-calendar__header-link {
  background-color: #222633;
  color: #ffffff;
  width: 55px;
  padding-top: 3px;
  line-height: 18px;
  border-radius: 20px;
  display: block;
  text-align: center;
  font-size: 1rem;
  font-size: 10px;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-calendar__header-link:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-calendar__header-link {
    width: 82px;
    padding-top: 0;
    line-height: 30px;
    border-radius: 15px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__header-link {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__header-link {
    font-size: 1rem;
  }
}

.iphone .mod-calendar__header-link:hover,
.ipad .mod-calendar__header-link:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-calendar__body-inner {
  position: relative;
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-calendar__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-calendar__slider-overlay {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-calendar__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2 - 20);
    height: calc(100% - 40px);
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2 - 20);
    height: calc(100% - 40px);
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2 - 20);
    height: calc(100% - 40px);
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 1260px) {
  .mod-calendar__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 1140px) / 2 - 20 * 1px);
    height: calc(100% - 40px);
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 739px) {
  .mod-calendar__slider-overlay--left {
    left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-calendar__slider-overlay--right {
    right: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-calendar__slider-wrapper {
    width: 90.47619%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__slider-wrapper {
    width: 90.47619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__slider-wrapper {
    width: 90.47619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-calendar__slider-wrapper {
    width: 1140px;
  }
}

.mod-calendar__slider:hover .slick-arrow.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-calendar__slider:hover .slick-arrow.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

.iphone .mod-calendar__slider:hover .slick-arrow,
.ipad .mod-calendar__slider:hover .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-calendar__slider:hover .slick-arrow,
  .ipad .mod-calendar__slider:hover .slick-arrow {
    width: 60px;
  }
}

.iphone .mod-calendar__slider:hover .slick-arrow span,
.ipad .mod-calendar__slider:hover .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-calendar__slider:hover .slick-arrow span,
  .ipad .mod-calendar__slider:hover .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-calendar__slider:hover .slick-arrow span,
  .ipad .mod-calendar__slider:hover .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-calendar__slider:hover .slick-arrow.slick-prev,
.ipad .mod-calendar__slider:hover .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-calendar__slider:hover .slick-arrow.slick-prev,
  .ipad .mod-calendar__slider:hover .slick-arrow.slick-prev {
    left: 0;
  }
}

.iphone .mod-calendar__slider:hover .slick-arrow.slick-prev span,
.ipad .mod-calendar__slider:hover .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-calendar__slider:hover .slick-arrow.slick-prev span,
  .ipad .mod-calendar__slider:hover .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-calendar__slider:hover .slick-arrow.slick-next,
.ipad .mod-calendar__slider:hover .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-calendar__slider:hover .slick-arrow.slick-next span,
.ipad .mod-calendar__slider:hover .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-calendar__slider:hover .slick-arrow.slick-next span,
  .ipad .mod-calendar__slider:hover .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-calendar__slider:hover .slick-arrow.slick-prev,
.ipad .mod-calendar__slider:hover .slick-arrow.slick-prev {
  -webkit-transform: translateX(-85%);
  transform: translateX(-85%);
}

.iphone .mod-calendar__slider:hover .slick-arrow.slick-prev span,
.ipad .mod-calendar__slider:hover .slick-arrow.slick-prev span {
  -webkit-transform: translate(0, calc(-50% - 20px));
  transform: translate(0, calc(-50% - 20px));
}

.iphone .mod-calendar__slider:hover .slick-arrow.slick-next,
.ipad .mod-calendar__slider:hover .slick-arrow.slick-next {
  -webkit-transform: translateX(85%);
  transform: translateX(85%);
}

.iphone .mod-calendar__slider:hover .slick-arrow.slick-next span,
.ipad .mod-calendar__slider:hover .slick-arrow.slick-next span {
  -webkit-transform: translate(0, calc(-50% - 20px));
  transform: translate(0, calc(-50% - 20px));
}

.mod-calendar__slider .slick-arrow {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .mod-calendar__slider .slick-arrow {
    width: 60px;
  }
}

.mod-calendar__slider .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .mod-calendar__slider .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-calendar__slider .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.mod-calendar__slider .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .mod-calendar__slider .slick-arrow.slick-prev {
    left: 0;
  }
}

.mod-calendar__slider .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-calendar__slider .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.mod-calendar__slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mod-calendar__slider .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-calendar__slider .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.mod-calendar__slider .slick-arrow.slick-prev {
  -webkit-transform: translateX(-85%);
  transform: translateX(-85%);
}

.mod-calendar__slider .slick-arrow.slick-prev span {
  -webkit-transform: translate(0, calc(-50% - 20px));
  transform: translate(0, calc(-50% - 20px));
}

.mod-calendar__slider .slick-arrow.slick-next {
  -webkit-transform: translateX(85%);
  transform: translateX(85%);
}

.mod-calendar__slider .slick-arrow.slick-next span {
  -webkit-transform: translate(0, calc(-50% - 20px));
  transform: translate(0, calc(-50% - 20px));
}

.iphone .mod-calendar__slider .slick-arrow:hover,
.ipad .mod-calendar__slider .slick-arrow:hover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-calendar__slider .slick-arrow:hover,
  .ipad .mod-calendar__slider .slick-arrow:hover {
    width: 60px;
  }
}

.iphone .mod-calendar__slider .slick-arrow:hover span,
.ipad .mod-calendar__slider .slick-arrow:hover span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-calendar__slider .slick-arrow:hover span,
  .ipad .mod-calendar__slider .slick-arrow:hover span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-calendar__slider .slick-arrow:hover span,
  .ipad .mod-calendar__slider .slick-arrow:hover span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-calendar__slider .slick-arrow:hover.slick-prev,
.ipad .mod-calendar__slider .slick-arrow:hover.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-calendar__slider .slick-arrow:hover.slick-prev,
  .ipad .mod-calendar__slider .slick-arrow:hover.slick-prev {
    left: 0;
  }
}

.iphone .mod-calendar__slider .slick-arrow:hover.slick-prev span,
.ipad .mod-calendar__slider .slick-arrow:hover.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-calendar__slider .slick-arrow:hover.slick-prev span,
  .ipad .mod-calendar__slider .slick-arrow:hover.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-calendar__slider .slick-arrow:hover.slick-next,
.ipad .mod-calendar__slider .slick-arrow:hover.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-calendar__slider .slick-arrow:hover.slick-next span,
.ipad .mod-calendar__slider .slick-arrow:hover.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-calendar__slider .slick-arrow:hover.slick-next span,
  .ipad .mod-calendar__slider .slick-arrow:hover.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-calendar__slider .slick-arrow:hover.slick-prev,
.ipad .mod-calendar__slider .slick-arrow:hover.slick-prev {
  -webkit-transform: translateX(-85%);
  transform: translateX(-85%);
}

.iphone .mod-calendar__slider .slick-arrow:hover.slick-prev span,
.ipad .mod-calendar__slider .slick-arrow:hover.slick-prev span {
  -webkit-transform: translate(0, calc(-50% - 20px));
  transform: translate(0, calc(-50% - 20px));
}

.iphone .mod-calendar__slider .slick-arrow:hover.slick-next,
.ipad .mod-calendar__slider .slick-arrow:hover.slick-next {
  -webkit-transform: translateX(85%);
  transform: translateX(85%);
}

.iphone .mod-calendar__slider .slick-arrow:hover.slick-next span,
.ipad .mod-calendar__slider .slick-arrow:hover.slick-next span {
  -webkit-transform: translate(0, calc(-50% - 20px));
  transform: translate(0, calc(-50% - 20px));
}

.mod-calendar__slider .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-calendar__slider .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-calendar__slider .slick-list {
  overflow: visible;
}

@media screen and (min-width: 1260px) {
  .mod-calendar__slider .slick-list {
    width: 1140px;
  }
}

.mod-calendar__slider .slick-slide {
  outline: 0;
}

.mod-calendar__item {
  width: 43.33333vw;
  overflow: visible;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-calendar__item {
    width: 21.45357vw;
    margin-right: 1.5873vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__item {
    width: 21.45357vw;
    margin-right: 1.5873vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__item {
    width: 21.45357vw;
    margin-right: 1.5873vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-calendar__item {
    width: 270.315px;
    margin-right: 20px;
  }
}

.mod-calendar__item-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-calendar__item-season {
  padding: 0;
  margin-top: 20px;
}

.mod-calendar__item-season.March,
.mod-calendar__item-season.April,
.mod-calendar__item-season.May {
  background-color: #f76d71;
}

.mod-calendar__item-season.June,
.mod-calendar__item-season.July,
.mod-calendar__item-season.August {
  background-color: #7baf38;
}

.mod-calendar__item-season.September,
.mod-calendar__item-season.October,
.mod-calendar__item-season.November {
  background-color: #e9b320;
}

.mod-calendar__item-season.December,
.mod-calendar__item-season.January,
.mod-calendar__item-season.February {
  background-color: #3e448d;
}

.mod-calendar__item-season.March:before,
.mod-calendar__item-season.June:before,
.mod-calendar__item-season.September:before,
.mod-calendar__item-season.December:before {
  display: inline-block;
  margin-left: -16px;
  width: 31px;
  height: auto;
  content: "Season";
  color: transparent;
  background-color: inherit;
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
}

.mod-calendar__item-season.March:after {
  color: #ffffff;
  content: "Spring";
  padding: 0 0 0 20px;
}

.mod-calendar__item-season.June:after {
  color: #ffffff;
  content: "Summer";
  padding: 0 0 0 20px;
}

.mod-calendar__item-season.September:after {
  color: #ffffff;
  content: "Autumn";
  padding: 0 0 0 20px;
}

.mod-calendar__item-season.December:after {
  color: #ffffff;
  content: "Winter";
  padding: 0 0 0 20px;
}

.mod-calendar__item-season.May,
.mod-calendar__item-season.August,
.mod-calendar__item-season.November,
.mod-calendar__item-season.February {
  margin-left: -21px;
}

.mod-calendar__item-season.May:after,
.mod-calendar__item-season.August:after,
.mod-calendar__item-season.November:after,
.mod-calendar__item-season.February:after {
  display: inline-block;
  width: calc(100% + 12px);
  height: auto;
  content: "Season";
  color: transparent;
  background-color: inherit;
  -webkit-transform: skewX(-40deg);
  transform: skewX(-40deg);
}

.mod-calendar__item-season.April:before,
.mod-calendar__item-season.July:before,
.mod-calendar__item-season.October:before,
.mod-calendar__item-season.January:before {
  display: inline-block;
  margin-left: -21px;
  width: 21px;
  height: auto;
  content: "Season";
  color: transparent;
  background-color: inherit;
}

.mod-calendar__image {
  position: relative;
}

.mod-calendar__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.mod-calendar__image:before {
  z-index: 1;
}

.mod-calendar__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-calendar__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-calendar__icon {
  position: absolute;
  right: 4vw;
  bottom: 2.53333vw;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-calendar__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-calendar__icon {
    right: 14px;
    bottom: 11px;
  }
}

.mod-calendar__icon-image-wrapper {
  width: 5.86667vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-calendar__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

.mod-calendar__icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-calendar__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-calendar__icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 8%;
}

@media screen and (min-width: 739px) {
  .mod-calendar__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 7%;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 7%;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 7%;
  }
}

.mod-calendar__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  border-radius: 0px;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-calendar__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-calendar__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-calendar__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

.mod-calendar__text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 2;
  line-height: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.33333rem;
  color: #ffffff;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-calendar__text {
    bottom: 20px;
    left: 20px;
  }
}

.windows.ie11 .mod-calendar .mod-calendar__item,
.windows.chrome .mod-calendar .mod-calendar__item,
.windows.firefox .mod-calendar .mod-calendar__item {
  width: 43.33333vw;
  overflow: visible;
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-calendar .mod-calendar__item,
  .windows.chrome .mod-calendar .mod-calendar__item,
  .windows.firefox .mod-calendar .mod-calendar__item {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-calendar .mod-calendar__item,
  .windows.chrome .mod-calendar .mod-calendar__item,
  .windows.firefox .mod-calendar .mod-calendar__item {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-calendar .mod-calendar__item,
  .windows.chrome .mod-calendar .mod-calendar__item,
  .windows.firefox .mod-calendar .mod-calendar__item {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-calendar .mod-calendar__item,
  .windows.chrome .mod-calendar .mod-calendar__item,
  .windows.firefox .mod-calendar .mod-calendar__item {
    width: 249px;
    margin-right: 12px;
  }
}

.windows.edge .mod-calendar .mod-calendar__item {
  width: 43.33333vw;
  overflow: visible;
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-calendar .mod-calendar__item {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-calendar .mod-calendar__item {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-calendar .mod-calendar__item {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-calendar .mod-calendar__item {
    width: 249px;
    margin-right: 12px;
  }
}

.mod-card-horizontal {
  padding: 6.66667% 0;
  /* SP 1 Column */
  /* SP 2 Column */
  /* PC 3 Column */
  /* PC 4 Column */
  /* PC 5 Column */
  /* Text Overlay */
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal {
    padding: 50px 0;
  }
}

.mod-card-horizontal__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-card-horizontal__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-card-horizontal__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__heading {
    font-size: 2rem;
  }
}

.mod-card-horizontal__header-link {
  display: block;
  width: 17.61194%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-card-horizontal__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-card-horizontal__header-link,
.ipad .mod-card-horizontal__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-card-horizontal__header-link:hover,
.ipad .mod-card-horizontal__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-card-horizontal__body-inner {
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-card-horizontal__slider:hover .slick-arrow.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-card-horizontal__slider:hover .slick-arrow.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

.iphone .mod-card-horizontal__slider:hover .slick-arrow,
.ipad .mod-card-horizontal__slider:hover .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-card-horizontal__slider:hover .slick-arrow,
  .ipad .mod-card-horizontal__slider:hover .slick-arrow {
    width: 60px;
  }
}

.iphone .mod-card-horizontal__slider:hover .slick-arrow span,
.ipad .mod-card-horizontal__slider:hover .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-card-horizontal__slider:hover .slick-arrow span,
  .ipad .mod-card-horizontal__slider:hover .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-card-horizontal__slider:hover .slick-arrow span,
  .ipad .mod-card-horizontal__slider:hover .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-card-horizontal__slider:hover .slick-arrow.slick-prev,
.ipad .mod-card-horizontal__slider:hover .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-card-horizontal__slider:hover .slick-arrow.slick-prev,
  .ipad .mod-card-horizontal__slider:hover .slick-arrow.slick-prev {
    left: 0;
  }
}

.iphone .mod-card-horizontal__slider:hover .slick-arrow.slick-prev span,
.ipad .mod-card-horizontal__slider:hover .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-card-horizontal__slider:hover .slick-arrow.slick-prev span,
  .ipad .mod-card-horizontal__slider:hover .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-card-horizontal__slider:hover .slick-arrow.slick-next,
.ipad .mod-card-horizontal__slider:hover .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-card-horizontal__slider:hover .slick-arrow.slick-next span,
.ipad .mod-card-horizontal__slider:hover .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-card-horizontal__slider:hover .slick-arrow.slick-next span,
  .ipad .mod-card-horizontal__slider:hover .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.mod-card-horizontal__slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__slider .slick-arrow {
    width: 60px;
  }
}

.mod-card-horizontal__slider .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__slider .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__slider .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.mod-card-horizontal__slider .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__slider .slick-arrow.slick-prev {
    left: 0;
  }
}

.mod-card-horizontal__slider .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__slider .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.mod-card-horizontal__slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mod-card-horizontal__slider .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__slider .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-card-horizontal__slider .slick-arrow:hover,
.ipad .mod-card-horizontal__slider .slick-arrow:hover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-card-horizontal__slider .slick-arrow:hover,
  .ipad .mod-card-horizontal__slider .slick-arrow:hover {
    width: 60px;
  }
}

.iphone .mod-card-horizontal__slider .slick-arrow:hover span,
.ipad .mod-card-horizontal__slider .slick-arrow:hover span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-card-horizontal__slider .slick-arrow:hover span,
  .ipad .mod-card-horizontal__slider .slick-arrow:hover span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-card-horizontal__slider .slick-arrow:hover span,
  .ipad .mod-card-horizontal__slider .slick-arrow:hover span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-card-horizontal__slider .slick-arrow:hover.slick-prev,
.ipad .mod-card-horizontal__slider .slick-arrow:hover.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-card-horizontal__slider .slick-arrow:hover.slick-prev,
  .ipad .mod-card-horizontal__slider .slick-arrow:hover.slick-prev {
    left: 0;
  }
}

.iphone .mod-card-horizontal__slider .slick-arrow:hover.slick-prev span,
.ipad .mod-card-horizontal__slider .slick-arrow:hover.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-card-horizontal__slider .slick-arrow:hover.slick-prev span,
  .ipad .mod-card-horizontal__slider .slick-arrow:hover.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-card-horizontal__slider .slick-arrow:hover.slick-next,
.ipad .mod-card-horizontal__slider .slick-arrow:hover.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-card-horizontal__slider .slick-arrow:hover.slick-next span,
.ipad .mod-card-horizontal__slider .slick-arrow:hover.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-card-horizontal__slider .slick-arrow:hover.slick-next span,
  .ipad .mod-card-horizontal__slider .slick-arrow:hover.slick-next span {
    left: auto;
    right: -15px;
  }
}

.mod-card-horizontal__slider .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-card-horizontal__slider .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-card-horizontal__slider .slick-list {
  overflow: visible;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__slider .slick-list {
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__slider .slick-list {
    overflow: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__slider .slick-list {
    overflow: hidden;
  }
}

.mod-card-horizontal__slider .slick-slide {
  outline: 0;
}

.mod-card-horizontal__slide {
  float: left;
  overflow: hidden;
}

.mod-card-horizontal__slide-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-card-horizontal__image {
  position: relative;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-card-horizontal__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-card-horizontal__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-card-horizontal__left-label {
  position: absolute;
  bottom: 6.15385%;
  left: 0;
  display: block;
  padding: 0.8vw 1.86667vw;
  color: #ffffff;
  font-size: 0.83333rem;
  background-color: #2b2b2b;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__left-label {
    bottom: 10px;
    left: 0;
    font-size: 0.75rem;
    padding: 7px 9px 6px;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__left-label {
    bottom: 10px;
    left: 0;
    font-size: 0.75rem;
    padding: 7px 9px 6px;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__left-label {
    bottom: 10px;
    left: 0;
    font-size: 0.75rem;
    padding: 7px 9px 6px;
  }
}

.mod-card-horizontal__right-label {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 0.8vw 1.86667vw;
  color: #ffffff;
  font-size: 0.83333rem;
  overflow: hidden;
  background-color: #008899;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__right-label {
    max-width: 50%;
    font-size: 0.75rem;
    padding: 7px 9px 6px;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__right-label {
    max-width: 50%;
    font-size: 0.75rem;
    padding: 7px 9px 6px;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__right-label {
    max-width: 50%;
    font-size: 0.75rem;
    padding: 7px 9px 6px;
  }
}

.mod-card-horizontal__icon {
  position: absolute;
  right: 4vw;
  bottom: 2.53333vw;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__icon {
    right: 14px;
    bottom: 11px;
  }
}

.mod-card-horizontal__icon-image-wrapper {
  opacity: 0.6;
  overflow: hidden;
}

.mod-card-horizontal__icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-card-horizontal__icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 7.5%;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

.mod-card-horizontal__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

.mod-card-horizontal__text {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: 2.4vw;
}

.mod-card-horizontal__text:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__text {
    padding-top: 1.03175vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__text {
    padding-top: 1.03175vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__text {
    padding-top: 1.03175vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__text {
    padding-top: 13px;
  }
}

.mod-card-horizontal__favorite-icon {
  position: absolute;
  top: 3.06667vw;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 5.86667vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__favorite-icon {
    top: 1.34921vw;
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__favorite-icon {
    top: 1.34921vw;
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__favorite-icon {
    top: 1.34921vw;
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__favorite-icon {
    top: 17px;
    width: 23px;
    height: 19px;
  }
}

@media screen and (min-width: 739px) {
  .windows .mod-card-horizontal__favorite-icon {
    right: 2px;
  }
}

@media screen and (min-width: 769px) {
  .windows .mod-card-horizontal__favorite-icon {
    right: 2px;
  }
}

@media screen and (min-width: 901px) {
  .windows .mod-card-horizontal__favorite-icon {
    right: 2px;
  }
}

.mod-card-horizontal__favorite-icon-content {
  cursor: pointer;
}

.slick-slide .mod-card-horizontal__favorite-icon-content--black {
  display: block;
}

.slick-slide .mod-card-horizontal__favorite-icon-content--red {
  display: none;
}

.slick-slide .mod-card-horizontal__favorite-icon--active .mod-card-horizontal__favorite-icon-content--black {
  display: none;
}

.slick-slide .mod-card-horizontal__favorite-icon--active .mod-card-horizontal__favorite-icon-content--red {
  display: block;
}

.mod-card-horizontal__category {
  display: block;
  font-size: 3.73333vw;
  color: #9c9c9c;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__category {
    font-size: 16px;
  }
}

.mod-card-horizontal__activity-name {
  display: block;
}

.mod-card-horizontal__name {
  display: block;
  font-size: 1.33333rem;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__name {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__name {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__name {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__name {
    font-size: 20px;
  }
}

.mod-card-horizontal__article-name {
  display: block;
  line-height: 1.3;
  margin-bottom: 0.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__article-name {
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__article-name {
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__article-name {
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__article-name {
    margin-bottom: 5px;
  }
}

.mod-card-horizontal__article-name-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__article-name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__article-name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__article-name-icon {
    width: 12px;
    height: 12px;
  }
}

.mod-card-horizontal__article-name-text {
  line-height: 1.3;
  font-size: 1.33333rem;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__article-name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__article-name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__article-name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__article-name-text {
    font-size: 16px;
  }
}

.mod-card-horizontal__description {
  display: block;
  font-size: 3.73333vw;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__description {
    line-height: 1.3;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__description {
    font-size: 16px;
  }
}

.mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__category,
.mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__activity-name,
.mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__name,
.mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__description {
  padding-right: 5.86667vw;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__category,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__activity-name,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__name,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__description {
    padding-right: 1.8254vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__category,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__activity-name,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__name,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__description {
    padding-right: 1.8254vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__category,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__activity-name,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__name,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__description {
    padding-right: 1.8254vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__category,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__activity-name,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__name,
  .mod-card-horizontal__favorite-icon ~ .mod-card-horizontal__description {
    padding-right: 23px;
  }
}

.mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__slide {
  width: 89.33333vw;
  margin-right: 2.66667vw;
}

.mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__icon {
  right: 2.66667vw;
  bottom: 2.66667vw;
}

.mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__icon-image-wrapper {
  width: 4.8vw;
  height: 4.8vw;
}

.mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__left-label {
  padding-top: 1.46667vw;
  padding-bottom: 1.46667vw;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__left-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__left-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__left-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

.mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__right-label {
  padding-top: 1.46667vw;
  padding-bottom: 1.46667vw;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__right-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__right-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-sp="1"] .mod-card-horizontal__right-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

.mod-card-horizontal[data-column-sp="2"] .mod-card-horizontal__slide {
  width: 43.33333vw;
  margin-right: 2.66667vw;
}

.mod-card-horizontal[data-column-sp="2"] .mod-card-horizontal__icon {
  right: 4vw;
  bottom: 2.53333vw;
}

.mod-card-horizontal[data-column-sp="2"] .mod-card-horizontal__icon-image-wrapper {
  width: 4.26667vw;
  height: 4.26667vw;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 27.46032vw;
    margin-top: 2.38095vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 27.46032vw;
    margin-top: 2.38095vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 27.46032vw;
    margin-top: 2.38095vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 346px;
    margin-top: 30px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide:nth-child(-n+3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide:nth-child(-n+3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide:nth-child(-n+3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide:nth-child(-n+3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__icon {
    right: 0.79365vw;
    bottom: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__icon {
    right: 0.79365vw;
    bottom: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__icon {
    right: 0.79365vw;
    bottom: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__icon {
    right: 10px;
    bottom: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 19.7619vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 19.7619vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 19.7619vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 249px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__icon {
    right: 10px;
    bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 197px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__icon {
    right: 11px;
    bottom: 11px;
  }
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

.mod-card-horizontal--text-overlay .mod-card-horizontal__text {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  max-width: 90%;
  padding: 1.33333vw 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__text {
    padding: 0.79365vw 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__text {
    padding: 0.79365vw 1.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__text {
    padding: 0.79365vw 1.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__text {
    padding: 10px 15px;
  }
}

.mod-card-horizontal--text-overlay .mod-card-horizontal__category {
  display: block;
  font-size: 1.16667rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__category {
    font-size: 12px;
  }
}

.mod-card-horizontal--text-overlay .mod-card-horizontal__name {
  display: block;
  line-height: 1.3;
  font-size: 1.33333rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__name {
    line-height: 1.5;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__name {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__name {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__name {
    font-size: 20px;
  }
}

.mod-card-horizontal--text-overlay .mod-card-horizontal__description {
  display: block;
  font-size: 1.16667rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-card-horizontal--text-overlay .mod-card-horizontal__description {
    font-size: 16px;
  }
}

.mod-card-horizontal[data-image-filter="none"] .mod-card-horizontal__image:before {
  display: none;
}

.mod-card-horizontal__slide:hover .mod-card-horizontal__activity-name,
.mod-card-horizontal__slide:hover .mod-card-horizontal__article-name-text,
.mod-card-horizontal__slide:hover .mod-card-horizontal__category,
.mod-card-horizontal__slide:hover .mod-card-horizontal__name,
.mod-card-horizontal__slide:hover .mod-card-horizontal__description {
  color: #f13c33;
}

.mod-card-horizontal__slide.slick-slide:hover .mod-card-horizontal__article-name-icon-content--gray {
  display: none;
}

.mod-card-horizontal__slide.slick-slide:hover .mod-card-horizontal__article-name-icon-content--red {
  display: block;
}

.iphone .mod-card-horizontal__slide:hover .mod-card-horizontal__category,
.ipad .mod-card-horizontal__slide:hover .mod-card-horizontal__category {
  color: #e5e5e5;
}

.iphone .mod-card-horizontal__slide:hover .mod-card-horizontal__activity-name,
.ipad .mod-card-horizontal__slide:hover .mod-card-horizontal__activity-name,
.iphone .mod-card-horizontal__slide:hover .mod-card-horizontal__article-name-text,
.ipad .mod-card-horizontal__slide:hover .mod-card-horizontal__article-name-text,
.iphone .mod-card-horizontal__slide:hover .mod-card-horizontal__name,
.ipad .mod-card-horizontal__slide:hover .mod-card-horizontal__name,
.iphone .mod-card-horizontal__slide:hover .mod-card-horizontal__description,
.ipad .mod-card-horizontal__slide:hover .mod-card-horizontal__description {
  color: #222633;
}

.iphone .mod-card-horizontal__slide.slick-slide:hover .mod-card-horizontal__article-name-icon-content--gray,
.ipad .mod-card-horizontal__slide.slick-slide:hover .mod-card-horizontal__article-name-icon-content--gray {
  display: block;
}

.iphone .mod-card-horizontal__slide.slick-slide:hover .mod-card-horizontal__article-name-icon-content--red,
.ipad .mod-card-horizontal__slide.slick-slide:hover .mod-card-horizontal__article-name-icon-content--red {
  display: none;
}

.iphone .mod-card-horizontal__slide:hover .mod-card-horizontal__image > img,
.ipad .mod-card-horizontal__slide:hover .mod-card-horizontal__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 346px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 249px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide,
  .windows.chrome .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide,
  .windows.firefox .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 197px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-card-horizontal[data-column-pc="3"] .mod-card-horizontal__slide {
    width: 346px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-card-horizontal[data-column-pc="4"] .mod-card-horizontal__slide {
    width: 249px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-card-horizontal[data-column-pc="5"] .mod-card-horizontal__slide {
    width: 197px;
    margin-right: 12px;
  }
}

.mod-contact-info {
  padding: 6.66667% 0;
  /* Accordion */
}

@media screen and (min-width: 739px) {
  .mod-contact-info {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-contact-info {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-contact-info {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-contact-info {
    padding: 50px 0;
  }
}

.mod-contact-info__header {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-contact-info__heading {
  font-size: 1.66667rem;
}

.mod-contact-info__body {
  margin-top: 5%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-contact-info__text {
  line-height: 1.75;
}

.mod-contact-info__list-item {
  position: relative;
  padding-left: 2em;
}

.mod-contact-info__list-item:before {
  position: absolute;
  top: 0;
  left: 0;
}

.mod-contact-info__showmore-content {
  display: none;
}

.mod-contact-info__showmore-button:before {
  margin-right: 0.4em;
}

.mod-contact-info--accordion-opened .mod-contact-info__showmore-content {
  display: block;
}

.mod-contact-info--accordion-opened .mod-contact-info__showmore {
  display: none;
}

.mod-commercial-banner {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-commercial-banner {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-commercial-banner {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-commercial-banner {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-commercial-banner {
    padding: 50px 0;
  }
}

.mod-duration {
  padding: 0;
  margin: 6.66667% 0;
}

@media screen and (min-width: 507px) {
  .mod-duration {
    padding: 0;
    margin: 6.66667% 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration {
    padding: 0;
    margin: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration {
    padding: 0;
    margin: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration {
    padding: 0;
    margin: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration {
    padding: 0;
    margin: 50px 0;
  }
}

.mod-duration__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  background-color: #e5e5e5;
  padding-top: 4vw;
  padding-bottom: 4vw;
}

@media screen and (min-width: 507px) {
  .mod-duration__body {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__body {
    padding: 2.07756% 4.15512% 2.07756%;
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__body {
    padding: 2.07756% 4.15512% 2.07756%;
    overflow: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__body {
    padding: 2.07756% 4.15512% 2.07756%;
    overflow: hidden;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__body {
    padding: 15px 30px 15px;
  }
}

.mod-duration__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mod-duration__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.mod-duration__icon.time {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_open-hours.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  vertical-align: middle;
  margin-right: 0.83333rem;
}

@media screen and (min-width: 507px) {
  .mod-duration__icon.time {
    width: 1.66667rem;
    height: 1.66667rem;
    margin-right: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__icon.time {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__icon.time {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__icon.time {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__icon.time {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

.mod-duration__icon.walking {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_walk.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  vertical-align: middle;
  margin-right: 0.83333rem;
}

@media screen and (min-width: 507px) {
  .mod-duration__icon.walking {
    width: 1.66667rem;
    height: 1.66667rem;
    margin-right: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__icon.walking {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__icon.walking {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__icon.walking {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__icon.walking {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

.mod-duration__icon.taxi {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_taxi.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  vertical-align: middle;
  margin-right: 0.83333rem;
}

@media screen and (min-width: 507px) {
  .mod-duration__icon.taxi {
    width: 1.66667rem;
    height: 1.66667rem;
    margin-right: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__icon.taxi {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__icon.taxi {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__icon.taxi {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__icon.taxi {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

.mod-duration__icon.bus {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_bus.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  vertical-align: middle;
  margin-right: 0.83333rem;
}

@media screen and (min-width: 507px) {
  .mod-duration__icon.bus {
    width: 1.66667rem;
    height: 1.66667rem;
    margin-right: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__icon.bus {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__icon.bus {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__icon.bus {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__icon.bus {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

.mod-duration__icon.train {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_train.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  vertical-align: middle;
  margin-right: 0.83333rem;
}

@media screen and (min-width: 507px) {
  .mod-duration__icon.train {
    width: 1.66667rem;
    height: 1.66667rem;
    margin-right: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__icon.train {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__icon.train {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__icon.train {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__icon.train {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

.mod-duration__icon.waterbus {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521519488/icons/icon_story_waterbus.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1.66667rem;
  height: 1.66667rem;
  vertical-align: middle;
  margin-right: 0.83333rem;
}

@media screen and (min-width: 507px) {
  .mod-duration__icon.waterbus {
    width: 1.66667rem;
    height: 1.66667rem;
    margin-right: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__icon.waterbus {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__icon.waterbus {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__icon.waterbus {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__icon.waterbus {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.875rem;
  }
}

.mod-duration__icon.plus {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1524802589/icons/plus_black.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 0.83333rem;
  height: 0.83333rem;
  vertical-align: middle;
  margin-right: 0.83333rem;
}

@media screen and (min-width: 507px) {
  .mod-duration__icon.plus {
    width: 0.83333rem;
    height: 0.83333rem;
    margin-right: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__icon.plus {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__icon.plus {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__icon.plus {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__icon.plus {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.875rem;
  }
}

.mod-duration__icon-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.66667rem;
  margin-right: 0.83333rem;
}

@media screen and (min-width: 507px) {
  .mod-duration__icon-text {
    font-size: 1.66667rem;
    margin-right: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__icon-text {
    line-height: 1.25;
    font-size: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__icon-text {
    line-height: 1.25;
    font-size: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__icon-text {
    line-height: 1.25;
    font-size: 1.75rem;
    margin-right: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__icon-text {
    line-height: 1.25;
    font-size: 1.75rem;
    margin-right: 0.875rem;
  }
}

.mod-duration__header-link {
  display: block;
  background-color: #222633;
  color: #ffffff;
  text-align: center;
  width: 70px;
  font-size: 1rem;
  line-height: 2;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-duration__header-link:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 507px) {
  .mod-duration__header-link {
    width: 70px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__header-link {
    width: 80px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__header-link {
    width: 80px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__header-link {
    width: 80px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__header-link {
    width: 80px;
    font-size: 1rem;
  }
}

.iphone .mod-duration__header-link:hover,
.ipad .mod-duration__header-link:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-duration__detail-wrapper {
  display: none;
  margin-top: 5.33333vw;
  padding-bottom: 5.33333vw;
}

@media screen and (min-width: 507px) {
  .mod-duration__detail-wrapper {
    margin-top: 5.33333vw;
    padding-bottom: 5.33333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__detail-wrapper {
    margin-top: 3.4626%;
    padding-bottom: 3.4626%;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__detail-wrapper {
    margin-top: 3.4626%;
    padding-bottom: 3.4626%;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__detail-wrapper {
    margin-top: 3.4626%;
    padding-bottom: 3.4626%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__detail-wrapper {
    margin-top: 25px;
    padding-bottom: 25px;
  }
}

.mod-duration__detail-wrapper--opened {
  display: block;
}

.mod-duration__detail {
  font-size: 1.16667rem;
}

@media screen and (min-width: 507px) {
  .mod-duration__detail {
    font-size: 1.16667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-duration__detail {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-duration__detail {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-duration__detail {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-duration__detail {
    font-size: 1rem;
  }
}

.mod-duration__textlink {
  word-wrap: break-word;
  cursor: pointer;
  text-decoration: underline;
}

.mod-duration__textlink:hover {
  color: #f13c33;
}

.mod-duration__textlink:hover {
  text-decoration: none;
}

.iphone .mod-duration__textlink,
.ipad .mod-duration__textlink {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  text-decoration: underline;
}

.iphone .mod-duration__textlink:hover,
.ipad .mod-duration__textlink:hover {
  color: #f13c33;
}

.iphone .mod-duration__textlink:hover,
.ipad .mod-duration__textlink:hover {
  text-decoration: underline;
}

.mod-edit {
  padding: 6.66667% 0 0;
  /* Modal Active */
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-edit {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-edit {
    padding: 50px 0 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-edit__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-edit__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-edit__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__body-inner {
    padding-right: 60px;
    padding-left: 60px;
  }
}

.mod-edit__text {
  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;
  padding: 5.86667vw 0 6.13333vw;
  /*border-top: 1px solid pallete(gray3);*/
}

@media screen and (min-width: 739px) {
  .mod-edit__text {
    padding: 35px 0 38px;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__text {
    padding: 35px 0 38px;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__text {
    padding: 37px 0 37px;
  }
}

.mod-edit__suggest {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  color: #9e9e9e;
  -webkit-transition: none;
  transition: none;
}

.mod-edit__suggest:hover {
  color: #f13c33;
}

.iphone .mod-edit__suggest,
.ipad .mod-edit__suggest {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-edit__suggest:hover,
.ipad .mod-edit__suggest:hover {
  color: #f13c33;
}

.iphone .mod-edit__suggest:hover,
.ipad .mod-edit__suggest:hover {
  color: #e5e5e5;
}

.mod-edit__suggest-icon {
  display: inline-block;
  vertical-align: middle;
  width: 3.2vw;
  height: 3.2vw;
}

@media screen and (min-width: 739px) {
  .mod-edit__suggest-icon {
    width: 16px;
    height: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__suggest-icon {
    width: 16px;
    height: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__suggest-icon {
    width: 16px;
    height: 16px;
  }
}

.mod-edit__suggest-icon-content--gray {
  display: block;
}

.mod-edit__suggest-icon-content--red {
  display: none;
}

.mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray {
    display: none;
  }
}

.mod-edit__suggest:hover .mod-edit__suggest-icon-content--red {
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red {
    display: block;
  }
}

.iphone .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray,
.ipad .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray {
  display: block;
}

@media screen and (min-width: 739px) {
  .iphone .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray,
  .ipad .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .iphone .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray,
  .ipad .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .iphone .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray,
  .ipad .mod-edit__suggest:hover .mod-edit__suggest-icon-content--gray {
    display: block;
  }
}

.iphone .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red,
.ipad .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red {
  display: none;
}

@media screen and (min-width: 739px) {
  .iphone .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red,
  .ipad .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .iphone .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red,
  .ipad .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .iphone .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red,
  .ipad .mod-edit__suggest:hover .mod-edit__suggest-icon-content--red {
    display: none;
  }
}

.mod-edit__suggest-text {
  font-size: 1rem;
  font-family: Georgia, proxima-nova, sans-serif;
  font-style: italic;
  /** see &__suggest style **/
}

@media screen and (min-width: 739px) {
  .mod-edit__suggest-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__suggest-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__suggest-text {
    font-size: 0.875rem;
  }
}

.mod-edit__update {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: right;
}

.mod-edit__update-text {
  font-size: 0.75rem;
  font-family: "Roboto", proxima-nova, sans-serif;
  font-style: normal;
  color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-edit__update-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__update-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__update-text {
    font-size: 1rem;
  }
}

.mod-edit__modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.mod-edit__modal-close-button {
  position: fixed;
  top: 2.66667vw;
  left: 2.66667vw;
  z-index: 1000000;
  display: none;
  width: 8vw;
  height: 0;
  padding-top: 8vw;
  overflow: hidden;
  opacity: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-close-button {
    top: 2.38095vw;
    left: 4.26667vw;
    right: auto;
    width: 3.57143vw;
    padding-top: 3.57143vw;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-close-button {
    top: 2.38095vw;
    left: 4.26667vw;
    right: auto;
    width: 3.57143vw;
    padding-top: 3.57143vw;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-close-button {
    top: 2.38095vw;
    left: 4.26667vw;
    right: auto;
    width: 3.57143vw;
    padding-top: 3.57143vw;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 1260px) {
  .mod-edit__modal-close-button {
    top: 30px;
    left: 32px;
    right: auto;
    width: 45px;
    padding-top: 45px;
  }
}

.mod-edit__modal-close-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 2.66667vw;
  height: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-close-button-icon {
    width: 1.19048vw;
    height: 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-close-button-icon {
    width: 1.19048vw;
    height: 1.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-close-button-icon {
    width: 1.19048vw;
    height: 1.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-edit__modal-close-button-icon {
    width: 15px;
    height: 15px;
  }
}

.mod-edit__modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 57.69841vw;
    height: 90%;
    max-height: 598px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 57.69841vw;
    height: 90%;
    max-height: 598px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 57.69841vw;
    height: 90%;
    max-height: 598px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-edit__modal {
    width: 727px;
  }
}

.mod-edit__modal-inner {
  padding-top: 4.8vw;
  padding-bottom: 4.8vw;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-inner {
    padding: 5.22696% 5.50206% 5.50206%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-inner {
    padding: 5.22696% 5.50206% 5.50206%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-inner {
    padding: 5.22696% 5.50206% 5.50206%;
  }
}

.mod-edit__modal-header {
  margin-bottom: 4.1791%;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-header {
    margin-bottom: 6.96594%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-header {
    margin-bottom: 6.96594%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-header {
    margin-bottom: 6.96594%;
  }
}

.mod-edit__modal-heading {
  text-align: center;
  line-height: 1;
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-heading {
    font-size: 2rem;
  }
}

.mod-edit__modal-options-wrapper {
  padding: 0 8.95522%;
  margin-bottom: 8.95522%;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-options-wrapper {
    padding: 0 7.73994%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-options-wrapper {
    padding: 0 7.73994%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-options-wrapper {
    padding: 0 7.73994%;
  }
}

.mod-edit__modal-options {
  overflow: hidden;
}

.mod-edit__modal-option {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 7.16418%;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-option {
    float: left;
    width: 50%;
    margin-top: 3.09598%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-option {
    float: left;
    width: 50%;
    margin-top: 3.09598%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-option {
    float: left;
    width: 50%;
    margin-top: 3.09598%;
  }
}

.mod-edit__modal-option:first-child {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-option:nth-child(-n+2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-option:nth-child(-n+2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-option:nth-child(-n+2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-option:nth-child(2n+1) {
    padding-right: 8.51393%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-option:nth-child(2n+1) {
    padding-right: 8.51393%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-option:nth-child(2n+1) {
    padding-right: 8.51393%;
  }
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-option:nth-child(2n) {
    padding-left: 8.51393%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-option:nth-child(2n) {
    padding-left: 8.51393%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-option:nth-child(2n) {
    padding-left: 8.51393%;
  }
}

.mod-edit__modal-option-inner {
  position: relative;
  display: block;
  cursor: pointer;
  padding-right: calc(1em + 6px);
}

.mod-edit__modal-option-input {
  display: none;
}

.mod-edit__modal-option-text {
  display: block;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-option-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-option-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-option-text {
    font-size: 0.875rem;
  }
}

.mod-edit__modal-option-icon {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1em;
  height: 1em;
  overflow: hidden;
  border: 3px solid #dcdcdc;
  border-radius: 50%;
}

.mod-edit__modal-option-icon-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 0.5em;
  height: 0.5em;
  overflow: hidden;
  border-radius: 50%;
}

.mod-edit__modal-option--checked .mod-edit__modal-option-icon-content {
  background-color: #e7001d;
}

.mod-edit__modal-textarea-lead {
  font-size: 1.16667rem;
  margin-bottom: 1.19403%;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-textarea-lead {
    font-size: 1.125rem;
    margin-bottom: 1.85471%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-textarea-lead {
    font-size: 1.125rem;
    margin-bottom: 1.85471%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-textarea-lead {
    font-size: 1.125rem;
    margin-bottom: 1.85471%;
  }
}

.mod-edit__modal-textarea-text-input-wrapper {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding-top: 58.20896%;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-textarea-text-input-wrapper {
    padding-top: 29.82998%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-textarea-text-input-wrapper {
    padding-top: 29.82998%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-textarea-text-input-wrapper {
    padding-top: 29.82998%;
  }
}

.mod-edit__modal-textarea-text-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  font-size: 1.16667rem;
  padding: 2.98507% 4.47761%;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: none;
  box-shadow: none;
  resize: none;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-textarea-text-input {
    line-height: 1.75;
    font-size: 0.875rem;
    padding: 2.00927% 3.09119%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-textarea-text-input {
    line-height: 1.75;
    font-size: 0.875rem;
    padding: 2.00927% 3.09119%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-textarea-text-input {
    line-height: 1.75;
    font-size: 0.875rem;
    padding: 2.00927% 3.09119%;
  }
}

.firefox .mod-edit__modal-textarea-text-input {
  border-bottom: 2px solid #dcdcdc;
}

.mod-edit__modal-submit-wrapper {
  margin-top: 8.25309%;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-submit-wrapper {
    margin-top: 6.18238%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-submit-wrapper {
    margin-top: 6.18238%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-submit-wrapper {
    margin-top: 6.18238%;
  }
}

.mod-edit__modal-submit {
  text-align: center;
}

.mod-edit__modal-submit-button {
  display: inline-block;
  vertical-align: top;
  padding: 1.19403% 4.92537% 1.19403%;
  overflow: hidden;
  border: 1px solid #e7001d;
  border-radius: 13% 13% 13% 13% / 50% 50% 50% 50%;
  background: #ffffff;
  margin: 0;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-submit-button {
    padding: 11px 22px 11px;
    border-radius: 20% 20% 20% 20% / 50% 50% 50% 50%;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-submit-button {
    padding: 11px 22px 11px;
    border-radius: 20% 20% 20% 20% / 50% 50% 50% 50%;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-submit-button {
    padding: 11px 22px 11px;
    border-radius: 20% 20% 20% 20% / 50% 50% 50% 50%;
  }
}

.mod-edit__modal-submit-button-text {
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-edit__modal-submit-button-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-edit__modal-submit-button-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-edit__modal-submit-button-text {
    font-size: 0.875rem;
  }
}

.mod-edit--modal-active .mod-edit__modal-overlay {
  display: block;
  opacity: 1;
}

.mod-edit--modal-active .mod-edit__modal-close-button {
  display: block;
  opacity: 1;
}

.mod-edit--modal-active .mod-edit__modal {
  display: block;
}

.mod-edit__modal-submit-button:hover {
  color: #ffffff;
  background-color: #e7001d;
}

.iphone .mod-edit__modal-submit-button:hover,
.ipad .mod-edit__modal-submit-button:hover {
  color: #000;
  background: #ffffff;
}

.mod-facility-info {
  display: block;
  padding: 6.66667% 5.33333% !important;
  /* Accordion */
}

@media screen and (min-width: 739px) {
  .mod-facility-info {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding: 3.96825% 2% 3.96825% 0 !important;
  }
}

@media screen and (min-width: 769px) {
  .mod-facility-info {
    padding: 3.96825% 2% 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-facility-info {
    padding: 3.96825% 2% 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-facility-info {
    padding: 50px 2% 50px 0;
  }
}

.mod-facility-info__heading {
  font-size: 1.66667rem;
}

.mod-facility-info__body {
  margin-top: 2.3%;
}

@media screen and (min-width: 739px) {
  .mod-facility-info__body {
    margin-top: 29px;
  }
}

.mod-facility-info__rowlist {
  font-family: "PFDINTextStd-Light", sans-serif;
  position: relative;
  padding-left: 2em;
  margin-bottom: 5px;
}

.mod-facility-info__rowlist--icon-people {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_facility.svg) no-repeat left top 30%;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-facility-info__rowlist--icon-people {
    background-size: 20px 14px;
  }
}

.mod-facility-info__rowlist--icon-cubes {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_information.svg) no-repeat left top 30%;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-facility-info__rowlist--icon-cubes {
    background-size: 20px;
  }
}

.mod-facility-info__rowlist--icon-globe {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451536/icons/icon_spot_language.svg) no-repeat left top 30%;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-facility-info__rowlist--icon-globe {
    background-size: 20px;
  }
}

.mod-facility-info__rowlist:before {
  position: absolute;
  top: 0;
  left: 0;
}

.mod-facility-info__rowlist-item {
  display: inline-block;
}

.mod-facility-info__rowlist-item:before {
  content: "|";
  display: inline-block;
  margin-right: 0.4em;
}

.mod-facility-info__rowlist-item:first-child:before {
  display: none;
}

.mod-facility-info__showmore-content {
  display: none;
}

.mod-facility-info__showmore-button:before {
  margin-right: 0.4em;
}

.mod-facility-info--accordion-opened .mod-facility-info__showmore-content {
  display: block;
}

.mod-facility-info--accordion-opened .mod-facility-info__showmore {
  display: none;
}

.mod-favorites {
  padding: 0;
  margin: 0;
  /* Current / Hover */
  /* SP 1 Column */
  /* SP 2 Column */
  /* PC 3 Column */
  /* PC 4 Column */
  /* PC 5 Column */
  /* Current / Hover */
  /* SP 1 Column */
  /* SP 2 Column */
  /* PC 3 Column */
  /* PC 4 Column */
  /* PC 5 Column */
}

.mod-favorites__introduction {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.mod-favorites__introduction-header-wrapper {
  display: none;
  width: 100%;
}

@media screen and (min-width: 507px) {
  .mod-favorites__introduction-header-wrapper {
    display: none;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-header-wrapper {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-header-wrapper {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-header-wrapper {
    display: block;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-header-wrapper {
    display: block;
  }
}

.mod-favorites__introduction-header-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-header-items {
    padding: 30px 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-header-items {
    padding: 30px 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-header-items {
    padding: 30px 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-header-items {
    padding: 30px 4.7619%;
  }
}

.mod-favorites__introduction-header {
  display: none;
}

@media screen and (min-width: 507px) {
  .mod-favorites__introduction-header {
    display: none;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-header {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-header {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-header {
    display: block;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-header {
    display: block;
  }
}

.mod-favorites__introduction-heading {
  font-size: 1.66667rem;
  line-height: 1.2;
}

@media screen and (min-width: 507px) {
  .mod-favorites__introduction-heading {
    font-size: 1.66667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-heading {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-heading {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-heading {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-heading {
    font-size: 26px;
  }
}

.mod-favorites__introduction-body {
  background-color: transparent;
}

@media screen and (min-width: 507px) {
  .mod-favorites__introduction-body {
    background-color: transparent;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-body {
    background-color: #e8e9ea;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-body {
    background-color: #e8e9ea;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-body {
    background-color: #e8e9ea;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-body {
    background-color: #e8e9ea;
  }
}

.mod-favorites__introduction-items {
  overflow: hidden;
  width: 100%;
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 4.7619%;
  }
}

.mod-favorites__introduction-item {
  width: 100%;
  height: 100%;
  padding-top: 6.66667%;
  padding-bottom: 6.66667%;
}

@media screen and (min-width: 507px) {
  .mod-favorites__introduction-item {
    width: 100%;
    padding-top: 6.66667%;
    padding-bottom: 6.66667%;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-item {
    width: 30%;
    padding-top: 3.96825%;
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-item {
    width: 30%;
    padding-top: 3.96825%;
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-item {
    width: 30%;
    padding-top: 3.96825%;
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-item {
    width: 30%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.mod-favorites__introduction-item-heading {
  display: block;
  font-size: 1.33333rem;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 10px;
}

@media screen and (min-width: 507px) {
  .mod-favorites__introduction-item-heading {
    font-size: 1.33333rem;
    line-height: 1.3;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-item-heading {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-item-heading {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-item-heading {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-item-heading {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

.mod-favorites__introduction-item-descriptioning {
  display: block;
  font-size: 3.73333vw;
}

@media screen and (min-width: 507px) {
  .mod-favorites__introduction-item-descriptioning {
    font-size: 3.73333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-item-descriptioning {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-item-descriptioning {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-item-descriptioning {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-item-descriptioning {
    line-height: 1.4;
    font-size: 14px;
  }
}

.mod-favorites__introduction-item-facebook {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-item-facebook {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-item-facebook {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-item-facebook {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-item-facebook {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.mod-favorites__introduction-item-logout-button {
  display: none;
  width: 120px;
}

@media screen and (min-width: 507px) {
  .mod-favorites__introduction-item-logout-button {
    display: none;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-item-logout-button {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-item-logout-button {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-item-logout-button {
    display: block;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-item-logout-button {
    display: block;
  }
}

.mod-favorites__introduction-item-logout-button-inner {
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  text-align: center;
  background-color: #3a5998;
  border-radius: 30px;
  padding: 1.06667vw 0;
}

@media screen and (min-width: 507px) {
  .mod-favorites__introduction-item-logout-button-inner {
    padding: 1.06667vw 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-item-logout-button-inner {
    padding: 0.63492vw 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-item-logout-button-inner {
    padding: 0.63492vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-item-logout-button-inner {
    padding: 0.63492vw 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-item-logout-button-inner {
    padding: 8px 0;
  }
}

.mod-favorites__introduction-item-logout-button-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.33333rem;
  font-weight: normal;
  line-height: 1.3;
  color: #ffffff;
}

@media screen and (min-width: 507px) {
  .mod-favorites__introduction-item-logout-button-text {
    font-size: 1.33333rem;
    line-height: 1.3;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__introduction-item-logout-button-text {
    font-size: 1rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__introduction-item-logout-button-text {
    font-size: 1rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__introduction-item-logout-button-text {
    font-size: 1rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__introduction-item-logout-button-text {
    font-size: 16px;
    line-height: 1.4;
  }
}

.mod-favorites__signed-in {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  padding-bottom: 130px;
}

@media screen and (min-width: 739px) {
  .mod-favorites__signed-in {
    padding-bottom: 100px;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__signed-in {
    padding-bottom: 80px;
  }
}

.mod-favorites__map-wrapper {
  position: relative;
  width: 100%;
  height: 456px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-bottom: 10px solid #e8e9ea;
}

@media screen and (min-width: 507px) {
  .mod-favorites__map-wrapper {
    border-bottom: 10px solid #e8e9ea;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__map-wrapper {
    border-bottom: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__map-wrapper {
    border-bottom: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__map-wrapper {
    border-bottom: none;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__map-wrapper {
    border-bottom: none;
  }
}

.mod-favorites__map-header {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media screen and (min-width: 507px) {
  .mod-favorites__map-header {
    display: none;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__map-header {
    display: block;
    top: 30px;
    left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__map-header {
    display: block;
    top: 30px;
    left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__map-header {
    display: block;
    top: 30px;
    left: 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__map-header {
    display: block;
    top: 30px;
  }
}

.mod-favorites__map-heading {
  line-height: 1.2;
  font-size: 1.66667rem;
}

@media screen and (min-width: 507px) {
  .mod-favorites__map-heading {
    font-size: 1.66667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__map-heading {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__map-heading {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__map-heading {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__map-heading {
    font-size: 26px;
  }
}

.mod-favorites__map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mod-favorites__map-footer-inner {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 40px;
  background-color: #e8e9ea;
}

@media screen and (min-width: 507px) {
  .mod-favorites__map-footer-inner {
    display: none;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__map-footer-inner {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__map-footer-inner {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__map-footer-inner {
    display: block;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__map-footer-inner {
    display: block;
  }
}

.mod-favorites__map-footer-facebook {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-favorites__map-footer-facebook {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__map-footer-facebook {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__map-footer-facebook {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__map-footer-facebook {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-favorites__map-footer-logout-button {
  width: 120px;
}

.mod-favorites__map-footer-logout-button-inner {
  text-align: right;
}

.mod-favorites__map-footer-logout-button-text {
  font-size: 1.33333rem;
  font-weight: normal;
  line-height: 1.3;
}

@media screen and (min-width: 507px) {
  .mod-favorites__map-footer-logout-button-text {
    font-size: 1.33333rem;
    line-height: 1.3;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__map-footer-logout-button-text {
    font-size: 1rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__map-footer-logout-button-text {
    font-size: 1rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__map-footer-logout-button-text {
    font-size: 1rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__map-footer-logout-button-text {
    font-size: 16px;
    line-height: 1.4;
  }
}

.mod-favorites .mod-favorites__map-slider {
  padding-top: 4.0vw;
  padding-bottom: 6.66667%;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__map-slider {
    padding-top: 4.0vw;
    padding-bottom: 6.66667%;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider {
    padding-top: 0.95238vw;
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider {
    padding-top: 0.95238vw;
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider {
    padding-top: 0.95238vw;
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider {
    padding-top: 12px;
    padding-bottom: 50px;
  }
}

.mod-favorites .mod-favorites__map-slider__header {
  width: 100%;
}

.mod-favorites .mod-favorites__map-slider__header-inner {
  width: 100%;
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__header-inner {
    padding: 15px 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__header-inner {
    padding: 15px 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__header-inner {
    padding: 15px 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__header-inner {
    padding: 15px 4.7619%;
  }
}

.mod-favorites .mod-favorites__map-slider__heading {
  width: 100%;
  line-height: 1.2;
  font-size: 1.66667rem;
  margin-bottom: 10px;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__map-slider__heading {
    font-size: 1.66667rem;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__heading {
    font-size: 1.625rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__heading {
    font-size: 1.625rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__heading {
    font-size: 1.625rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__heading {
    font-size: 26px;
    margin-bottom: 5px;
  }
}

.mod-favorites .mod-favorites__map-slider__body {
  overflow: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__body {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__body {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__body {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__body {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__body {
    padding: 0;
  }
}

.mod-favorites .mod-favorites__map-slider__body-inner {
  position: relative;
}

.mod-favorites .mod-favorites__map-slider__slider-overlay {
  display: none;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__map-slider__slider-overlay {
    display: none;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 1140px) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

.mod-favorites .mod-favorites__map-slider__slider-overlay--left {
  left: 0;
}

.mod-favorites .mod-favorites__map-slider__slider-overlay--right {
  right: 0;
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__slider-wrapper {
    width: 90.47619%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__slider-wrapper {
    width: 90.47619%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__slider-wrapper {
    width: 90.47619%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__slider-wrapper {
    width: 1140px;
    margin-right: auto;
    margin-left: auto;
  }
}

.mod-favorites .mod-favorites__map-slider__slider {
  position: relative;
}

.mod-favorites .mod-favorites__map-slider__slider .slick-arrow {
  position: absolute;
  top: 0;
  z-index: 3;
  width: 8vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow {
    width: 8vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow {
    width: 60px;
  }
}

.mod-favorites .mod-favorites__map-slider__slider .slick-arrow span {
  content: "";
  position: absolute;
  top: 50px;
  width: 6.66667vw;
  height: 0;
  padding-top: 5.86667vw;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow span {
    width: 6.66667vw;
    padding-top: 5.86667vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow span {
    width: 3.96825vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow span {
    width: 3.96825vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow span {
    width: 3.96825vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow span {
    width: 50px;
    padding-top: 44px;
    background-size: 100% auto;
  }
}

.mod-favorites .mod-favorites__map-slider__slider .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.mod-favorites .mod-favorites__map-slider__slider .slick-arrow.slick-prev span {
  left: 0;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

.mod-favorites .mod-favorites__map-slider__slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mod-favorites .mod-favorites__map-slider__slider .slick-arrow.slick-next span {
  right: 0;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

.mod-favorites .mod-favorites__map-slider__slider .slick-arrow:hover.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-favorites .mod-favorites__map-slider__slider .slick-arrow:hover.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

@media screen and (max-width: 738px) {
  .mod-favorites .mod-favorites__map-slider__slider .slick-arrow:hover {
    opacity: 1.0;
  }
}

.mod-favorites .mod-favorites__map-slider__slider .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-favorites .mod-favorites__map-slider__slider .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.iphone .mod-favorites__map-slider__slider .slick-arrow:hover span,
.ipad .mod-favorites__map-slider__slider .slick-arrow:hover span {
  opacity: 0.7;
}

.iphone .mod-favorites__map-slider__slider:hover .slick-arrow.slick-disabled.slick-prev span,
.ipad .mod-favorites__map-slider__slider:hover .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.iphone .mod-favorites__map-slider__slider:hover .slick-arrow.slick-disabled.slick-next span,
.ipad .mod-favorites__map-slider__slider:hover .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-favorites .mod-favorites__map-slider__slider .slick-list {
  overflow: visible;
}

.mod-favorites .mod-favorites__map-slider__slider .slick-slide {
  outline: 0;
}

.mod-favorites .mod-favorites__map-slider__slide {
  overflow: hidden;
}

.mod-favorites .mod-favorites__map-slider__slide-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-favorites .mod-favorites__map-slider__image {
  position: relative;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-favorites .mod-favorites__map-slider__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-favorites .mod-favorites__map-slider__image:before {
  z-index: 1;
}

.mod-favorites .mod-favorites__map-slider__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-favorites .mod-favorites__map-slider__text {
  padding-left: 14px;
  padding-bottom: 24px;
  margin-top: 15px;
  border-left: 5px solid #e5e5e5;
  border-bottom: 5px solid #e5e5e5;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 130px;
  overflow: hidden;
}

.mod-favorites .mod-favorites__map-slider__text:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__map-slider__text {
    margin-top: 28px;
    padding-left: 21px;
    padding-bottom: 24px;
    border-left: 10px solid #e5e5e5;
    border-bottom: 10px solid #e5e5e5;
    margin-top: 28px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__text {
    margin-top: 18px;
  }
}

.mod-favorites .mod-favorites__map-slider__category {
  display: block;
  font-size: 1.16667rem;
  color: #222633;
  margin-bottom: 10px;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__map-slider__category {
    font-size: 1.16667rem;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__category {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__category {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__category {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__category {
    font-size: 12px;
    margin-bottom: 5px;
  }
}

.mod-favorites .mod-favorites__map-slider__name {
  display: block;
  font-size: 1.33333rem;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 10px;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__map-slider__name {
    font-size: 1.33333rem;
    line-height: 1.3;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__name {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__name {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__name {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__name {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

.mod-favorites .mod-favorites__map-slider__description {
  display: block;
  font-size: 3.73333vw;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__map-slider__description {
    font-size: 3.73333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider__description {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider__description {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider__description {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider__description {
    line-height: 1.4;
    font-size: 14px;
  }
}

.mod-favorites .mod-favorites__map-slider__slide:hover .mod-favorites__map-slider__text {
  border-color: #222633;
}

.mod-favorites .mod-favorites__map-slider__slide.slick-current .mod-favorites__map-slider__text {
  border-color: #222633;
}

.iphone .mod-favorites__map-slider__slide:hover .mod-favorites__map-slider__category,
.ipad .mod-favorites__map-slider__slide:hover .mod-favorites__map-slider__category {
  color: #9c9c9c;
}

.iphone .mod-favorites__map-slider__slide:hover .mod-favorites__map-slider__name,
.ipad .mod-favorites__map-slider__slide:hover .mod-favorites__map-slider__name,
.iphone .mod-favorites__map-slider__slide:hover .mod-favorites__map-slider__description,
.ipad .mod-favorites__map-slider__slide:hover .mod-favorites__map-slider__description {
  color: #2b2b2b;
}

.iphone .mod-favorites__map-slider__slide:hover .mod-favorites__map-slider__image > img,
.ipad .mod-favorites__map-slider__slide:hover .mod-favorites__map-slider__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-favorites .mod-favorites__map-slider[data-column-sp="1"] .mod-favorites__map-slider__slide {
  width: 89.33333vw;
  margin-right: 2.66667vw;
}

.mod-favorites .mod-favorites__map-slider[data-column-sp="2"] .mod-favorites__map-slider__slide {
  width: 43.33333vw;
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="3"] .mod-favorites__map-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="3"] .mod-favorites__map-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="3"] .mod-favorites__map-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="3"] .mod-favorites__map-slider__slide {
    width: 360.1px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="4"] .mod-favorites__map-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="4"] .mod-favorites__map-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="4"] .mod-favorites__map-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="4"] .mod-favorites__map-slider__slide {
    width: 270px;
    margin-right: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="5"] .mod-favorites__map-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="5"] .mod-favorites__map-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="5"] .mod-favorites__map-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__map-slider[data-column-pc="5"] .mod-favorites__map-slider__slide {
    width: 197px;
    margin-right: 12px;
  }
}

.mod-favorites .mod-favorites__map-slider[data-image-filter="none"] .mod-favorites__map-slider__image:before {
  display: none;
}

.mod-favorites .mod-favorites__article-slider {
  padding-top: 4.0vw;
  padding-bottom: 6.66667%;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__article-slider {
    padding-top: 4.0vw;
    padding-bottom: 6.66667%;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider {
    padding-top: 0.95238vw;
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider {
    padding-top: 0.95238vw;
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider {
    padding-top: 0.95238vw;
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider {
    padding-top: 12px;
    padding-bottom: 50px;
  }
}

.mod-favorites .mod-favorites__article-slider__header {
  width: 100%;
}

.mod-favorites .mod-favorites__article-slider__header-inner {
  width: 100%;
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__header-inner {
    padding: 15px 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__header-inner {
    padding: 15px 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__header-inner {
    padding: 15px 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__header-inner {
    padding: 15px 4.7619%;
  }
}

.mod-favorites .mod-favorites__article-slider__heading {
  width: 100%;
  line-height: 1.2;
  font-size: 1.66667rem;
  margin-bottom: 10px;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__article-slider__heading {
    font-size: 1.66667rem;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__heading {
    font-size: 1.625rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__heading {
    font-size: 1.625rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__heading {
    font-size: 1.625rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__heading {
    font-size: 26px;
    margin-bottom: 5px;
  }
}

.mod-favorites .mod-favorites__article-slider__body {
  overflow: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__body {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__body {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__body {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__body {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__body {
    padding: 0;
  }
}

.mod-favorites .mod-favorites__article-slider__body-inner {
  position: relative;
}

.mod-favorites .mod-favorites__article-slider__slider-overlay {
  display: none;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__article-slider__slider-overlay {
    display: none;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 1140px) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

.mod-favorites .mod-favorites__article-slider__slider-overlay--left {
  left: 0;
}

.mod-favorites .mod-favorites__article-slider__slider-overlay--right {
  right: 0;
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__slider-wrapper {
    width: 90.47619%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__slider-wrapper {
    width: 90.47619%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__slider-wrapper {
    width: 90.47619%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__slider-wrapper {
    width: 1140px;
    margin-right: auto;
    margin-left: auto;
  }
}

.mod-favorites .mod-favorites__article-slider__slider {
  position: relative;
}

.mod-favorites .mod-favorites__article-slider__slider .slick-arrow {
  position: absolute;
  top: 0;
  z-index: 3;
  width: 8vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow {
    width: 8vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow {
    width: 60px;
  }
}

.mod-favorites .mod-favorites__article-slider__slider .slick-arrow span {
  content: "";
  position: absolute;
  top: 50px;
  width: 6.66667vw;
  height: 0;
  padding-top: 5.86667vw;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow span {
    width: 6.66667vw;
    padding-top: 5.86667vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow span {
    width: 3.96825vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow span {
    width: 3.96825vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow span {
    width: 3.96825vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow span {
    width: 50px;
    padding-top: 44px;
    background-size: 100% auto;
  }
}

.mod-favorites .mod-favorites__article-slider__slider .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.mod-favorites .mod-favorites__article-slider__slider .slick-arrow.slick-prev span {
  left: 0;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

.mod-favorites .mod-favorites__article-slider__slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mod-favorites .mod-favorites__article-slider__slider .slick-arrow.slick-next span {
  right: 0;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

.mod-favorites .mod-favorites__article-slider__slider .slick-arrow:hover.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-favorites .mod-favorites__article-slider__slider .slick-arrow:hover.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

@media screen and (max-width: 738px) {
  .mod-favorites .mod-favorites__article-slider__slider .slick-arrow:hover {
    opacity: 1.0;
  }
}

.mod-favorites .mod-favorites__article-slider__slider .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-favorites .mod-favorites__article-slider__slider .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.iphone .mod-favorites__article-slider__slider .slick-arrow:hover span,
.ipad .mod-favorites__article-slider__slider .slick-arrow:hover span {
  opacity: 0.7;
}

.iphone .mod-favorites__article-slider__slider:hover .slick-arrow.slick-disabled.slick-prev span,
.ipad .mod-favorites__article-slider__slider:hover .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.iphone .mod-favorites__article-slider__slider:hover .slick-arrow.slick-disabled.slick-next span,
.ipad .mod-favorites__article-slider__slider:hover .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-favorites .mod-favorites__article-slider__slider .slick-list {
  overflow: visible;
}

.mod-favorites .mod-favorites__article-slider__slider .slick-slide {
  outline: 0;
}

.mod-favorites .mod-favorites__article-slider__slide {
  overflow: hidden;
}

.mod-favorites .mod-favorites__article-slider__slide-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-favorites .mod-favorites__article-slider__image {
  position: relative;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-favorites .mod-favorites__article-slider__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-favorites .mod-favorites__article-slider__image:before {
  z-index: 1;
}

.mod-favorites .mod-favorites__article-slider__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-favorites .mod-favorites__article-slider__text {
  padding-left: 14px;
  padding-bottom: 24px;
  margin-top: 15px;
  border-left: 5px solid #e5e5e5;
  border-bottom: 5px solid #e5e5e5;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 130px;
  overflow: hidden;
}

.mod-favorites .mod-favorites__article-slider__text:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__article-slider__text {
    margin-top: 28px;
    padding-left: 21px;
    padding-bottom: 24px;
    border-left: 10px solid #e5e5e5;
    border-bottom: 10px solid #e5e5e5;
    margin-top: 28px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__text {
    margin-top: 18px;
  }
}

.mod-favorites .mod-favorites__article-slider__category {
  display: block;
  font-size: 1.16667rem;
  color: #222633;
  margin-bottom: 10px;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__article-slider__category {
    font-size: 1.16667rem;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__category {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__category {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__category {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__category {
    font-size: 12px;
    margin-bottom: 5px;
  }
}

.mod-favorites .mod-favorites__article-slider__name {
  display: block;
  font-size: 1.33333rem;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 10px;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__article-slider__name {
    font-size: 1.33333rem;
    line-height: 1.3;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__name {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__name {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__name {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__name {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

.mod-favorites .mod-favorites__article-slider__description {
  display: block;
  font-size: 3.73333vw;
}

@media screen and (min-width: 507px) {
  .mod-favorites .mod-favorites__article-slider__description {
    font-size: 3.73333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider__description {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider__description {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider__description {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider__description {
    line-height: 1.4;
    font-size: 14px;
  }
}

.mod-favorites .mod-favorites__article-slider__slide:hover .mod-favorites__article-slider__text {
  border-color: #222633;
}

.mod-favorites .mod-favorites__article-slider__slide.slick-current .mod-favorites__article-slider__text {
  border-color: #222633;
}

.iphone .mod-favorites__article-slider__slide:hover .mod-favorites__article-slider__category,
.ipad .mod-favorites__article-slider__slide:hover .mod-favorites__article-slider__category {
  color: #9c9c9c;
}

.iphone .mod-favorites__article-slider__slide:hover .mod-favorites__article-slider__name,
.ipad .mod-favorites__article-slider__slide:hover .mod-favorites__article-slider__name,
.iphone .mod-favorites__article-slider__slide:hover .mod-favorites__article-slider__description,
.ipad .mod-favorites__article-slider__slide:hover .mod-favorites__article-slider__description {
  color: #2b2b2b;
}

.iphone .mod-favorites__article-slider__slide:hover .mod-favorites__article-slider__image > img,
.ipad .mod-favorites__article-slider__slide:hover .mod-favorites__article-slider__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-favorites .mod-favorites__article-slider[data-column-sp="1"] .mod-favorites__article-slider__slide {
  width: 89.33333vw;
  margin-right: 2.66667vw;
}

.mod-favorites .mod-favorites__article-slider[data-column-sp="2"] .mod-favorites__article-slider__slide {
  width: 43.33333vw;
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="3"] .mod-favorites__article-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="3"] .mod-favorites__article-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="3"] .mod-favorites__article-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="3"] .mod-favorites__article-slider__slide {
    width: 360.1px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="4"] .mod-favorites__article-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="4"] .mod-favorites__article-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="4"] .mod-favorites__article-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="4"] .mod-favorites__article-slider__slide {
    width: 270px;
    margin-right: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="5"] .mod-favorites__article-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="5"] .mod-favorites__article-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="5"] .mod-favorites__article-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites .mod-favorites__article-slider[data-column-pc="5"] .mod-favorites__article-slider__slide {
    width: 197px;
    margin-right: 12px;
  }
}

.mod-favorites .mod-favorites__article-slider[data-image-filter="none"] .mod-favorites__article-slider__image:before {
  display: none;
}

.mod-favorites__signed-out {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;
  width: 100%;
}

.mod-favorites__signed-out-body {
  position: relative;
  background-color: #e8e9ea;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mod-favorites__signed-out-close-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.33333vw;
  height: 100%;
}

@media screen and (min-width: 507px) {
  .mod-favorites__signed-out-close-button-wrapper {
    width: 5.33333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__signed-out-close-button-wrapper {
    width: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__signed-out-close-button-wrapper {
    width: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__signed-out-close-button-wrapper {
    width: 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__signed-out-close-button-wrapper {
    width: 4.7619%;
  }
}

.mod-favorites__signed-out-close-button {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.mod-favorites__signed-out-close-button-icon {
  display: block;
  width: 1.86667vw;
  height: 1.86667vw;
}

@media screen and (min-width: 507px) {
  .mod-favorites__signed-out-close-button-icon {
    width: 1.86667vw;
    height: 1.86667vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__signed-out-close-button-icon {
    width: 1.11111vw;
    height: 1.11111vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__signed-out-close-button-icon {
    width: 1.11111vw;
    height: 1.11111vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__signed-out-close-button-icon {
    width: 1.11111vw;
    height: 1.11111vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__signed-out-close-button-icon {
    width: 14px;
    height: 14px;
  }
}

.mod-favorites__signed-out-items {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-favorites__signed-out-items {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__signed-out-items {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__signed-out-items {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__signed-out-items {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-favorites__signed-out-item {
  position: relative;
}

.mod-favorites__signed-out-item.facebook {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

@media screen and (min-width: 507px) {
  .mod-favorites__signed-out-item.facebook {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__signed-out-item.facebook {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__signed-out-item.facebook {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__signed-out-item.facebook {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__signed-out-item.facebook {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.mod-favorites__signed-out-item-heading {
  display: block;
  font-size: 2.66667vw;
  font-weight: normal;
  line-height: 1.3;
  margin-bottom: 10px;
}

@media screen and (min-width: 507px) {
  .mod-favorites__signed-out-item-heading {
    font-size: 2.66667vw;
    line-height: 1.3;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__signed-out-item-heading {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__signed-out-item-heading {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__signed-out-item-heading {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__signed-out-item-heading {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

.mod-favorites__signed-out-item-descriptioning {
  display: block;
  font-size: 0.83333rem;
}

@media screen and (min-width: 507px) {
  .mod-favorites__signed-out-item-descriptioning {
    font-size: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-favorites__signed-out-item-descriptioning {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-favorites__signed-out-item-descriptioning {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-favorites__signed-out-item-descriptioning {
    line-height: 1.4;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-favorites__signed-out-item-descriptioning {
    line-height: 1.4;
    font-size: 14px;
  }
}

.mod-figure-column2 {
  padding: 6.66667% 0;
  /* Showmore */
  /* Accordion */
  /* Tablet Font Small */
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-figure-column2 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2 {
    padding: 50px 0;
  }
}

.mod-figure-column2__header {
  margin: 0 auto 6.66667%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-figure-column2__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-figure-column2__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__heading {
    font-size: 2rem;
  }
}

.mod-figure-column2__header-link {
  display: block;
  width: 17.61194%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-figure-column2__body-inner {
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-figure-column2__items {
  margin-top: 2.98507%;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__items {
    margin-top: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__items {
    margin-top: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__items {
    margin-top: 1.05263%;
  }
}

.mod-figure-column2__items:first-child {
  margin-top: 0;
}

.mod-figure-column2__item {
  float: left;
  width: 48.50746%;
  margin: 2.98507% 0 0 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__item {
    width: 24.12791%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__item {
    width: 24.12791%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__item {
    width: 24.12791%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

.mod-figure-column2__item:nth-child(-n+2) {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

.mod-figure-column2__item:nth-child(2n+1) {
  margin-left: 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__item:nth-child(2n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__item:nth-child(2n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__item:nth-child(2n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

.mod-figure-column2__item-inner {
  position: relative;
  display: block;
}

.mod-figure-column2__image {
  position: relative;
  height: 26.66667vw;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}

.mod-figure-column2__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__image {
    height: auto;
  }
}

.mod-figure-column2__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__image > img {
    position: static;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-figure-column2__text {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 1.16667rem;
  word-wrap: break-word;
  color: #fff;
  padding: 0 1%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__text {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__text {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__text {
    font-size: 1.375rem;
  }
}

.mod-figure-column2__showmore {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2__showmore {
    margin-top: 28px;
  }
}

.mod-figure-column2__showmore-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.38806% 0 1.49254%;
  overflow: hidden;
  border-radius: 40px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-figure-column2__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2__showmore-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2__showmore-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

.iphone .mod-figure-column2__showmore-button:hover,
.ipad .mod-figure-column2__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-figure-column2--accordion .mod-figure-column2__items--hidden {
  display: none;
}

.mod-figure-column2--accordion .mod-figure-column2__items--hidden-autoheight {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.mod-figure-column2--accordion .mod-figure-column2__items--opened {
  display: block;
}

.mod-figure-column2--accordion .mod-figure-column2__showmore--hidden {
  display: none;
}

.mod-figure-column2--tablet-font-small .mod-figure-column2__text {
  font-size: 1.3rem;
}

.iphone .mod-figure-column2__item:hover .mod-figure-column2__image > img,
.ipad .mod-figure-column2__item:hover .mod-figure-column2__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-figure-column2-column5 {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2-column5 {
    padding: 50px 0;
  }
}

.mod-figure-column2-column5__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2-column5__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-figure-column2-column5__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2-column5__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-figure-column2-column5__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-figure-column2-column5__count {
  width: 75%;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
}

.mod-figure-column2-column5__count-number {
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__count-number {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__count-number {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__count-number {
    font-size: 2rem;
  }
}

.mod-figure-column2-column5__count-text {
  font-size: 1.33333rem;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__count-text {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__count-text {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__count-text {
    font-size: 1.375rem;
  }
}

.mod-figure-column2-column5__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32.83582%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__tabs {
    width: 112px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__tabs {
    width: 112px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__tabs {
    width: 112px;
  }
}

.mod-figure-column2-column5__tab {
  margin-left: 20%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__tab {
    margin-left: 25px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__tab {
    margin-left: 25px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__tab {
    margin-left: 25px;
  }
}

.mod-figure-column2-column5__tab:first-child {
  margin-left: 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__tab:first-child {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__tab:first-child {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__tab:first-child {
    margin-left: 0;
  }
}

.mod-figure-column2-column5__tab-link {
  display: block;
  cursor: pointer;
}

.mod-figure-column2-column5__tab-icon {
  display: block;
  width: 5.33333vw;
  height: 5.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__tab-icon {
    width: 19px;
    height: 19px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__tab-icon {
    width: 19px;
    height: 19px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__tab-icon {
    width: 19px;
    height: 19px;
  }
}

.mod-figure-column2-column5__tab-icon-content--gray {
  display: block;
}

.mod-figure-column2-column5__tab-icon-content--black {
  display: none;
}

.mod-figure-column2-column5__tab--active .mod-figure-column2-column5__tab-icon-content--gray,
.mod-figure-column2-column5__tab-link:hover .mod-figure-column2-column5__tab-icon-content--gray {
  display: none;
}

.mod-figure-column2-column5__tab--active .mod-figure-column2-column5__tab-icon-content--black,
.mod-figure-column2-column5__tab-link:hover .mod-figure-column2-column5__tab-icon-content--black {
  display: block;
}

.iphone .mod-figure-column2-column5__tab--active .mod-figure-column2-column5__tab-icon-content--gray,
.ipad .mod-figure-column2-column5__tab--active .mod-figure-column2-column5__tab-icon-content--gray,
.iphone .mod-figure-column2-column5__tab-link:hover .mod-figure-column2-column5__tab-icon-content--gray,
.ipad .mod-figure-column2-column5__tab-link:hover .mod-figure-column2-column5__tab-icon-content--gray {
  display: block;
}

.iphone .mod-figure-column2-column5__tab--active .mod-figure-column2-column5__tab-icon-content--black,
.ipad .mod-figure-column2-column5__tab--active .mod-figure-column2-column5__tab-icon-content--black,
.iphone .mod-figure-column2-column5__tab-link:hover .mod-figure-column2-column5__tab-icon-content--black,
.ipad .mod-figure-column2-column5__tab-link:hover .mod-figure-column2-column5__tab-icon-content--black {
  display: none;
}

.mod-figure-column2-column5__tab-text {
  display: none;
}

.mod-figure-column2-column5__body {
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__body {
    max-width: 768px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__body {
    max-width: 900px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__body {
    max-width: 1260px;
  }
}

.mod-figure-column2-column5__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__body-inner {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__body-inner {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__body-inner {
    padding: 0 4.7619%;
  }
}

.mod-figure-column2-column5__body--card {
  padding-bottom: 20%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__body--card {
    padding-bottom: 8.77193%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__body--card {
    padding-bottom: 8.77193%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__body--card {
    padding-bottom: 8.77193%;
  }
}

.mod-figure-column2-column5__body--list {
  padding-bottom: 20%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__body--list {
    padding-bottom: 8.77193%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__body--list {
    padding-bottom: 8.77193%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__body--list {
    padding-bottom: 8.77193%;
  }
}

.mod-figure-column2-column5__body--map {
  opacity: 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__body--map {
    max-width: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__body--map {
    max-width: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__body--map {
    max-width: none;
  }
}

.mod-figure-column2-column5__body--map-modal-ready {
  opacity: 1;
}

.mod-figure-column2-column5__items {
  overflow: hidden;
}

.mod-figure-column2-column5__item {
  width: 48.50746%;
  margin-top: 6.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__item {
    width: 16.40351%;
    margin: 2.63158% 0 0 2.63158%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__item {
    width: 16.40351%;
    margin: 2.63158% 0 0 2.63158%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__item {
    width: 16.40351%;
    margin: 2.63158% 0 0 2.63158%;
  }
}

.mod-figure-column2-column5__item:nth-child(-n+2) {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__item:nth-child(-n+2) {
    margin-top: 5%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__item:nth-child(-n+2) {
    margin-top: 5%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__item:nth-child(-n+2) {
    margin-top: 5%;
  }
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__item:nth-child(-n+5) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__item:nth-child(-n+5) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__item:nth-child(-n+5) {
    margin-top: 0;
  }
}

.mod-figure-column2-column5__item:nth-child(2n+1) {
  float: left;
}

.mod-figure-column2-column5__item:nth-child(2n) {
  float: right;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__item:nth-child(5n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__item:nth-child(5n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__item:nth-child(5n+1) {
    margin-left: 0;
  }
}

.mod-figure-column2-column5__item-inner {
  display: block;
  cursor: pointer;
}

.mod-figure-column2-column5__image {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-figure-column2-column5__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-figure-column2-column5__image-left-label {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.83333rem;
  color: #ffffff;
  padding: 0.92308% 4.61538% 0.61538%;
  background-color: #2b2b2b;
  margin-bottom: 1.53846%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__image-left-label {
    bottom: 5px;
    left: 0;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__image-left-label {
    bottom: 5px;
    left: 0;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__image-left-label {
    bottom: 5px;
    left: 0;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

.mod-figure-column2-column5__image-right-label {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.83333rem;
  color: #ffffff;
  padding: 0.92308% 4.61538% 0.61538%;
  overflow: hidden;
  background-color: #008899;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__image-right-label {
    max-width: 50%;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__image-right-label {
    max-width: 50%;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__image-right-label {
    max-width: 50%;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
  }
}

.mod-figure-column2-column5__icon {
  position: absolute;
  right: 4vw;
  bottom: 2.53333vw;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2-column5__icon {
    right: 11px;
    bottom: 11px;
  }
}

.mod-figure-column2-column5__icon-image-wrapper {
  width: 4.26667vw;
  height: 4.26667vw;
  opacity: 0.6;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

.mod-figure-column2-column5__icon-image--gray {
  display: block;
}

.mod-figure-column2-column5__icon-image--red {
  display: none;
}

.mod-figure-column2-column5__icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-figure-column2-column5__icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 7.5%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

.mod-figure-column2-column5__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

.mod-figure-column2-column5__text {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: 2.4vw;
}

.mod-figure-column2-column5__text:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__text {
    padding-top: 1.03175vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__text {
    padding-top: 1.03175vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__text {
    padding-top: 1.03175vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2-column5__text {
    padding-top: 13px;
  }
}

.mod-figure-column2-column5__category {
  display: block;
  height: 1.5em;
  overflow: hidden;
  font-size: 1.16667rem;
  color: #9c9c9c;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__category {
    font-size: 0.75rem;
  }
}

.mod-figure-column2-column5__name {
  display: block;
  line-height: 1;
  overflow: hidden;
  font-size: 1.33333rem;
  margin-top: 2.46154%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__name {
    font-size: 1rem;
    margin-top: 1.60428%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__name {
    font-size: 1rem;
    margin-top: 1.60428%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__name {
    font-size: 1rem;
    margin-top: 1.60428%;
  }
}

.mod-figure-column2-column5__description {
  display: block;
  height: 1.25em;
  overflow: hidden;
  line-height: 1.25;
  font-size: 1.16667rem;
  margin-top: 3.07692%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__description {
    font-size: 0.875rem;
    margin-top: 2.13904%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__description {
    font-size: 0.875rem;
    margin-top: 2.13904%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__description {
    font-size: 0.875rem;
    margin-top: 2.13904%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2-column5__description {
    margin-top: 4px;
  }
}

.mod-figure-column2-column5__location {
  display: block;
  height: 1.25em;
  overflow: hidden;
  line-height: 1.25;
  letter-spacing: -0.4em;
  margin-top: 3.07692%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__location {
    margin-top: 1.06952%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__location {
    margin-top: 1.06952%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__location {
    margin-top: 1.06952%;
  }
}

.mod-figure-column2-column5__location-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.26667vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
  margin-right: 3px;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

.mod-figure-column2-column5__location-icon-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: green;
}

.mod-figure-column2-column5__location-description {
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column5__location-description {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column5__location-description {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column5__location-description {
    font-size: 0.875rem;
  }
}

.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__category,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__name,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__description,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__location-description {
  color: #f13c33;
}

.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__icon-image--gray {
  display: none;
}

.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__icon-image--red {
  display: block;
}

.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__category,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__category {
  color: #e5e5e5;
}

.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__name,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__name,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__description,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__description,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__location-description,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__location-description {
  color: #222633;
}

.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__icon-image--gray,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__icon-image--gray {
  display: block;
}

.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__icon-image--red,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__icon-image--red {
  display: none;
}

.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__image > img,
.mod-figure-column2-column5__item:hover .mod-figure-column2-column5__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-figure-column2-column6 {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2-column6 {
    padding: 50px 0;
  }
}

.mod-figure-column2-column6__header {
  margin: 0 auto 6.66667%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column2-column6__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-figure-column2-column6__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-figure-column2-column6__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__heading {
    font-size: 2rem;
  }
}

.mod-figure-column2-column6__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-figure-column2-column6__body-inner {
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-figure-column2-column6__items {
  overflow: hidden;
}

.mod-figure-column2-column6__item {
  float: left;
  width: 48.50746%;
  margin: 2.98507% 0 0 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__item {
    width: 15.69767%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__item {
    width: 15.69767%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__item {
    width: 15.69767%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

.mod-figure-column2-column6__item:nth-child(-n+2) {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

.mod-figure-column2-column6__item:nth-child(2n+1) {
  margin-left: 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__item:nth-child(2n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__item:nth-child(2n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__item:nth-child(2n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

.mod-figure-column2-column6__item-inner {
  position: relative;
  display: block;
}

.mod-figure-column2-column6__image {
  position: relative;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}

.mod-figure-column2-column6__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.mod-figure-column2-column6__image:before {
  z-index: 1;
}

.mod-figure-column2-column6__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-figure-column2-column6__text {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.33333rem;
  color: #fff;
  padding: 0 1%;
}

@media screen and (min-width: 739px) {
  .mod-figure-column2-column6__text {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column2-column6__text {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column2-column6__text {
    font-size: 1.5rem;
  }
}

.iphone .mod-figure-column2-column6__item:hover .mod-figure-column2-column6__image > img,
.ipad .mod-figure-column2-column6__item:hover .mod-figure-column2-column6__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-figure-column3 {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-column3 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-column3 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-column3 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-column3 {
    padding: 50px 0;
  }
}

.mod-figure-column3__header {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-figure-column3__header:after {
  content: "";
  clear: both;
  display: block;
}

.mod-figure-column3__heading {
  font-size: 2rem;
}

.mod-figure-column3__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-figure-column3__items {
  position: relative;
  overflow: hidden;
}

.mod-figure-column3__item {
  float: left;
  width: 31.34328%;
  margin: 2.98507% 0 0 2.98507%;
}

.mod-figure-column3__item:nth-child(-n+3) {
  margin-top: 0;
}

.mod-figure-column3__item:nth-child(3n+1) {
  margin-left: 0;
}

.mod-figure-column3__item-inner {
  position: relative;
  display: block;
}

.mod-figure-column3__text {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 0 1%;
}

.mod-figure-map-column2 {
  padding: 6.66667% 0;
  /* Showmore */
  /* Accordion */
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-map-column2 {
    padding: 50px 0;
  }
}

.mod-figure-map-column2__header {
  margin: 0 auto 6.66667%;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-map-column2__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-figure-map-column2__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-figure-map-column2__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-figure-map-column2__body-inner {
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-figure-map-column2__lead {
  line-height: 1.3;
  font-size: 1.75rem;
  margin-bottom: 6.86567%;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__lead {
    font-size: 1.75rem;
    margin-bottom: 3.68421%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__lead {
    font-size: 1.75rem;
    margin-bottom: 3.68421%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__lead {
    font-size: 1.75rem;
    margin-bottom: 3.68421%;
  }
}

.mod-figure-map-column2__items {
  overflow: hidden;
}

.mod-figure-map-column2__items + .mod-figure-map-column2__items {
  margin-top: 1%;
}

.mod-figure-map-column2__item {
  float: left;
  width: 48.50746%;
  margin: 2.98507% 0 0 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__item {
    width: 24.12791%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__item {
    width: 24.12791%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__item {
    width: 24.12791%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

.mod-figure-map-column2__item:nth-child(-n+2) {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

.mod-figure-map-column2__item:nth-child(2n+1) {
  margin-left: 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__item:nth-child(2n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__item:nth-child(2n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__item:nth-child(2n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

.mod-figure-map-column2__item-inner {
  position: relative;
  display: block;
}

.mod-figure-map-column2__image {
  position: relative;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}

.mod-figure-map-column2__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.mod-figure-map-column2__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-figure-map-column2__map {
  position: absolute;
  top: 2.8vw;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__map {
    width: 100%;
    top: 0;
    margin-top: 9.52381%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__map {
    width: 100%;
    top: 0;
    margin-top: 9.52381%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__map {
    width: 100%;
    top: 0;
    margin-top: 9.52381%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-map-column2__map {
    width: 80px;
    height: 92px;
  }
}

.mod-figure-map-column2__map-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14.66667vw;
  height: 16.66667vw;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__map-inner {
    width: 31.74603%;
    height: 36.50794%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__map-inner {
    width: 31.74603%;
    height: 36.50794%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__map-inner {
    width: 31.74603%;
    height: 36.50794%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-map-column2__map-inner {
    width: 80px;
    height: 92px;
  }
}

.mod-figure-map-column2__text {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.2;
  font-size: 1.33333rem;
  color: #fff;
  padding: 0 1%;
  margin-bottom: 8%;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__text {
    line-height: 1.0;
    font-size: 1.5rem;
    margin-bottom: 5.95238%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__text {
    line-height: 1.0;
    font-size: 1.5rem;
    margin-bottom: 5.95238%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__text {
    font-size: 1.5rem;
    margin-bottom: 5.95238%;
  }
}

.mod-figure-map-column2__showmore {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-map-column2__showmore {
    margin-top: 28px;
  }
}

.mod-figure-map-column2__showmore-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.38806% 0 1.49254%;
  overflow: hidden;
  border-radius: 40px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-figure-map-column2__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-figure-map-column2__showmore-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-map-column2__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-map-column2__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-map-column2__showmore-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

.iphone .mod-figure-map-column2__showmore-button:hover,
.ipad .mod-figure-map-column2__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-figure-map-column2--accordion .mod-figure-map-column2__items--hidden {
  display: none;
}

.mod-figure-map-column2--accordion .mod-figure-map-column2__items--hidden-autoheight {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.mod-figure-map-column2--accordion .mod-figure-map-column2__items--opened {
  display: block;
}

.mod-figure-map-column2--accordion .mod-figure-map-column2__showmore--hidden {
  display: none;
}

.iphone .mod-figure-map-column2__item:hover .mod-figure-map-column2__image > img,
.ipad .mod-figure-map-column2__item:hover .mod-figure-map-column2__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-figure-text {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-text {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-text {
    padding: 50px 0;
  }
}

.mod-figure-text__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-figure-text__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-text__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-figure-text__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-text__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-figure-text__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-figure-text__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text__heading {
    font-size: 2.25rem;
  }
}

.mod-figure-text__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-figure-text__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-figure-text__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-figure-text__header-link,
.ipad .mod-figure-text__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-figure-text__header-link:hover,
.ipad .mod-figure-text__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-figure-text__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-figure-text__body-inner {
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-figure-text__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-figure-text__item {
  padding-bottom: 6.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-figure-text__item {
    padding-bottom: 1.98413vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text__item {
    padding-bottom: 1.98413vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text__item {
    padding-bottom: 1.98413vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-text__item {
    padding-bottom: 25px;
  }
}

.mod-figure-text__item:last-child {
  padding-bottom: 0;
}

.mod-figure-text__item-inner {
  overflow: hidden;
}

.mod-figure-text__item-inner:after {
  content: "";
  clear: both;
  display: block;
}

.mod-figure-text__description {
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-figure-text__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text__description {
    font-size: 1rem;
  }
}

.mod-figure-text__image {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 43.46667vw;
  margin: 0 4vw 3.33333vw 0;
}

@media screen and (min-width: 739px) {
  .mod-figure-text__image {
    width: 19.04762vw;
    margin: 0 1.98413vw 1.98413vw 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text__image {
    width: 19.04762vw;
    margin: 0 1.98413vw 1.98413vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text__image {
    width: 19.04762vw;
    margin: 0 1.98413vw 1.98413vw 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-text__image {
    width: 240px;
    margin: 0 25px 25px 0;
  }
}

.mod-figure-text__image-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-figure-text__item--image-small .mod-figure-text__image {
  width: 28vw;
  margin-bottom: 1.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-figure-text__item--image-small .mod-figure-text__image {
    width: 11.90476vw;
    margin-bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-figure-text__item--image-small .mod-figure-text__image {
    width: 11.90476vw;
    margin-bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-figure-text__item--image-small .mod-figure-text__image {
    width: 11.90476vw;
    margin-bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-figure-text__item--image-small .mod-figure-text__image {
    width: 150px;
    margin-bottom: 10px;
  }
}

.mod-general-tips {
  padding: 0;
}

@media screen and (min-width: 507px) {
  .mod-general-tips {
    padding: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-general-tips {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-general-tips {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-general-tips {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-general-tips {
    padding: 0;
  }
}

.mod-general-tips__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  background-color: #e5e5e5;
  padding-top: 4vw;
  padding-bottom: 4vw;
}

@media screen and (min-width: 507px) {
  .mod-general-tips__body {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-general-tips__body {
    padding: 2.07756% 4.15512% 2.07756%;
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-general-tips__body {
    padding: 2.07756% 4.15512% 2.07756%;
    overflow: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-general-tips__body {
    padding: 2.07756% 4.15512% 2.07756%;
    overflow: hidden;
  }
}

@media screen and (min-width: 1260px) {
  .mod-general-tips__body {
    padding: 15px 30px 15px;
  }
}

.mod-general-tips__heading {
  font-size: 1.66667rem;
  padding-top: 3%;
  padding-bottom: 3%;
}

@media screen and (min-width: 507px) {
  .mod-general-tips__heading {
    font-size: 1.66667rem;
    padding-top: 3%;
    padding-bottom: 3%;
  }
}

@media screen and (min-width: 739px) {
  .mod-general-tips__heading {
    line-height: 1.25;
    font-size: 1.75rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-general-tips__heading {
    line-height: 1.25;
    font-size: 1.75rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-general-tips__heading {
    line-height: 1.25;
    font-size: 1.75rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-general-tips__heading {
    padding: 18px 0;
  }
}

.mod-general-tips__text-wrapper {
  margin-top: 5.33333vw;
  padding-bottom: 5.33333vw;
}

@media screen and (min-width: 507px) {
  .mod-general-tips__text-wrapper {
    margin-top: 5.33333vw;
    padding-bottom: 5.33333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-general-tips__text-wrapper {
    margin-top: 3.4626%;
    padding-bottom: 3.4626%;
  }
}

@media screen and (min-width: 769px) {
  .mod-general-tips__text-wrapper {
    margin-top: 3.4626%;
    padding-bottom: 3.4626%;
  }
}

@media screen and (min-width: 901px) {
  .mod-general-tips__text-wrapper {
    margin-top: 3.4626%;
    padding-bottom: 3.4626%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-general-tips__text-wrapper {
    margin-top: 25px;
    padding-bottom: 25px;
  }
}

.mod-general-tips__text {
  font-size: 1.16667rem;
}

@media screen and (min-width: 507px) {
  .mod-general-tips__text {
    font-size: 1.16667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-general-tips__text {
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-general-tips__text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-general-tips__text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-general-tips__text {
    font-size: 1rem;
  }
}

.mod-general-tips__textlink {
  word-wrap: break-word;
  cursor: pointer;
  text-decoration: underline;
}

.mod-general-tips__textlink:hover {
  color: #f13c33;
}

.mod-general-tips__textlink:hover {
  text-decoration: none;
}

.iphone .mod-general-tips__textlink,
.ipad .mod-general-tips__textlink {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  text-decoration: underline;
}

.iphone .mod-general-tips__textlink:hover,
.ipad .mod-general-tips__textlink:hover {
  color: #f13c33;
}

.iphone .mod-general-tips__textlink:hover,
.ipad .mod-general-tips__textlink:hover {
  text-decoration: underline;
}

.mod-general-tips__list {
  line-height: 1.3;
}

.mod-general-tips__list-item {
  font-size: 1.16667rem;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: .5em;
}

@media screen and (min-width: 507px) {
  .mod-general-tips__list-item {
    font-size: 1.16667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-general-tips__list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-general-tips__list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-general-tips__list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-general-tips__list-item {
    font-size: 1rem;
  }
}

.mod-general-tips__list-item:before {
  content: "\30FB";
}

.mod-grid-accordion {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-grid-accordion {
    padding: 50px 0;
  }
}

.mod-grid-accordion__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-grid-accordion__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-grid-accordion__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-grid-accordion__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__heading {
    font-size: 2rem;
  }
}

.mod-grid-accordion__header-link {
  background-color: #222633;
  color: #ffffff;
  width: 55px;
  padding-top: 3px;
  line-height: 18px;
  border-radius: 20px;
  display: block;
  text-align: center;
  font-size: 1rem;
  font-size: 10px;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__header-link {
    width: 82px;
    padding-top: 0;
    line-height: 30px;
    border-radius: 15px;
    font-size: 1em;
  }
}

.mod-grid-accordion__header-link:hover {
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-grid-accordion__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-grid-accordion__items-wrapper {
  margin: 2.98507% auto 0;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__items-wrapper {
    margin: 1.05263% auto 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__items-wrapper {
    margin: 1.05263% auto 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__items-wrapper {
    margin: 1.05263% auto 0;
  }
}

.mod-grid-accordion__items-wrapper--hidden {
  display: none;
}

.mod-grid-accordion__items-wrapper--opened {
  display: block;
}

.mod-grid-accordion__items-wrapper:first-child {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__items-wrapper:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__items-wrapper:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__items-wrapper:first-child {
    margin-top: 0;
  }
}

.mod-grid-accordion__items {
  overflow: hidden;
}

.mod-grid-accordion__item {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-grid-accordion__item + .mod-grid-accordion__item {
  margin-top: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__item + .mod-grid-accordion__item {
    margin-top: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__item + .mod-grid-accordion__item {
    margin-top: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__item + .mod-grid-accordion__item {
    margin-top: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__item:nth-child(2),
  .mod-grid-accordion__item:nth-child(3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__item:nth-child(2),
  .mod-grid-accordion__item:nth-child(3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__item:nth-child(2),
  .mod-grid-accordion__item:nth-child(3) {
    margin-top: 0;
  }
}

.mod-grid-accordion__item--large {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__item--large {
    width: 49.4186%;
  }
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__items-wrapper:nth-child(2n+1) .mod-grid-accordion__item--large {
    float: left;
    width: 49.4186%;
    margin-right: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__items-wrapper:nth-child(2n+1) .mod-grid-accordion__item--large {
    float: left;
    width: 49.4186%;
    margin-right: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__items-wrapper:nth-child(2n+1) .mod-grid-accordion__item--large {
    float: left;
    width: 49.4186%;
    margin-right: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__items-wrapper:nth-child(2n) .mod-grid-accordion__item--large {
    float: right;
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__items-wrapper:nth-child(2n) .mod-grid-accordion__item--large {
    float: right;
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__items-wrapper:nth-child(2n) .mod-grid-accordion__item--large {
    float: right;
    margin-left: 1.05263%;
  }
}

.mod-grid-accordion__item--left {
  float: left;
  width: 48.50746%;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__item--left {
    width: 24.12791%;
    margin-right: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__item--left {
    width: 24.12791%;
    margin-right: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__item--left {
    width: 24.12791%;
    margin-right: 1.05263%;
  }
}

.mod-grid-accordion__item--right {
  float: right;
  width: 48.50746%;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__item--right {
    float: left;
    width: 24.12791%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__item--right {
    float: left;
    width: 24.12791%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__item--right {
    float: left;
    width: 24.12791%;
  }
}

.mod-grid-accordion__item-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-grid-accordion__image {
  position: relative;
}

.mod-grid-accordion__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-grid-accordion__image:before {
  background-image: -webkit-gradient(linear, left bottom, right top, from(#222633), color-stop(56%, transparent));
  background-image: linear-gradient(to right top, #222633, transparent 56%);
  background-color: transparent;
}

.mod-grid-accordion__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-grid-accordion__icon {
  position: absolute;
  right: 1.86667vw;
  bottom: 1.86667vw;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__icon {
    right: 1.33333vw;
    bottom: 1.33333vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__icon {
    right: 1.33333vw;
    bottom: 1.33333vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__icon {
    right: 1.33333vw;
    bottom: 1.33333vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-grid-accordion__icon {
    right: 10px;
    bottom: 10px;
  }
}

.mod-grid-accordion__icon-image-wrapper {
  width: 4.8vw;
  height: 4.8vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

.mod-grid-accordion__icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-grid-accordion__icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 7.5%;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

.mod-grid-accordion__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

.mod-grid-accordion__text {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 80%;
  line-height: 1;
  font-size: 1.5rem;
  color: #fff;
  padding: 0.89552% 1.49254%;
  margin-right: auto;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__text {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__text {
    font-size: 1.25rem;
  }
}

.mod-grid-accordion__item--large .mod-grid-accordion__text {
  bottom: 0;
  font-size: 2rem;
  padding-bottom: 1.9403%;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__item--large .mod-grid-accordion__text {
    font-size: 1.6rem;
    padding-bottom: 1.64179%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__item--large .mod-grid-accordion__text {
    font-size: 2rem;
    padding-bottom: 1.9403%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__item--large .mod-grid-accordion__text {
    font-size: 2rem;
    padding-bottom: 1.9403%;
  }
}

.mod-grid-accordion__showmore {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-grid-accordion__showmore {
    margin-top: 28px;
  }
}

.mod-grid-accordion__showmore-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.38806% 0 1.49254%;
  overflow: hidden;
  border-radius: 40px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-grid-accordion__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-grid-accordion__showmore-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-accordion__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-accordion__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-grid-accordion__showmore-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

.iphone .mod-grid-accordion__showmore-button:hover,
.ipad .mod-grid-accordion__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-grid-accordion__showmore--hidden {
  display: none;
}

.iphone .mod-grid-accordion__item:hover .mod-grid-accordion__image > img,
.ipad .mod-grid-accordion__item:hover .mod-grid-accordion__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-grid-slider {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-grid-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-grid-slider {
    padding: 50px 0;
  }
}

.mod-grid-slider__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-grid-slider__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-grid-slider__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-grid-slider__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__heading {
    font-size: 2rem;
  }
}

.mod-grid-slider__header-link {
  display: block;
  width: 17.61194%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-grid-slider__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__header-link {
    width: 8.95349%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-grid-slider__header-link,
.ipad .mod-grid-slider__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-grid-slider__header-link:hover,
.ipad .mod-grid-slider__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-grid-slider__body-inner {
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-grid-slider__items-slider .slick-list {
  overflow: visible;
}

.mod-grid-slider__items-slider .slick-slide {
  outline: 0;
}

.mod-grid-slider__items-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 89.33333vw;
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__items-wrapper {
    width: auto;
    margin: 1.05263% auto 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__items-wrapper {
    width: auto;
    margin: 1.05263% auto 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__items-wrapper {
    width: auto;
    margin: 1.05263% auto 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__items-wrapper:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__items-wrapper:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__items-wrapper:first-child {
    margin-top: 0;
  }
}

.mod-grid-slider__items {
  overflow: hidden;
}

.mod-grid-slider__item {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-grid-slider__item + .mod-grid-slider__item {
  margin-top: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__item + .mod-grid-slider__item {
    margin-top: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__item + .mod-grid-slider__item {
    margin-top: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__item + .mod-grid-slider__item {
    margin-top: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__item:nth-child(2),
  .mod-grid-slider__item:nth-child(3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__item:nth-child(2),
  .mod-grid-slider__item:nth-child(3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__item:nth-child(2),
  .mod-grid-slider__item:nth-child(3) {
    margin-top: 0;
  }
}

.mod-grid-slider__item--large {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__item--large {
    width: 49.4186%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__item--large {
    width: 49.4186%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__item--large {
    width: 49.4186%;
  }
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__items-wrapper:nth-child(2n+1) .mod-grid-slider__item--large {
    float: left;
    width: 49.4186%;
    margin-right: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__items-wrapper:nth-child(2n+1) .mod-grid-slider__item--large {
    float: left;
    width: 49.4186%;
    margin-right: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__items-wrapper:nth-child(2n+1) .mod-grid-slider__item--large {
    float: left;
    width: 49.4186%;
    margin-right: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__items-wrapper:nth-child(2n) .mod-grid-slider__item--large {
    float: right;
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__items-wrapper:nth-child(2n) .mod-grid-slider__item--large {
    float: right;
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__items-wrapper:nth-child(2n) .mod-grid-slider__item--large {
    float: right;
    margin-left: 1.05263%;
  }
}

.mod-grid-slider__item--left {
  float: left;
  width: 48.50746%;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__item--left {
    width: 24.12791%;
    margin-right: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__item--left {
    width: 24.12791%;
    margin-right: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__item--left {
    width: 24.12791%;
    margin-right: 1.05263%;
  }
}

.mod-grid-slider__item--right {
  float: right;
  width: 48.50746%;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__item--right {
    float: left;
    width: 24.12791%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__item--right {
    float: left;
    width: 24.12791%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__item--right {
    float: left;
    width: 24.12791%;
  }
}

.mod-grid-slider__item-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-grid-slider__image {
  position: relative;
}

.mod-grid-slider__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-grid-slider__image:before {
  z-index: 1;
}

.mod-grid-slider__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-grid-slider__icon {
  position: absolute;
  right: 1.86667vw;
  bottom: 1.86667vw;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__icon {
    right: 1.33333vw;
    bottom: 1.33333vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__icon {
    right: 1.33333vw;
    bottom: 1.33333vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__icon {
    right: 1.33333vw;
    bottom: 1.33333vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-grid-slider__icon {
    right: 10px;
    bottom: 10px;
  }
}

.mod-grid-slider__icon-image-wrapper {
  width: 4.8vw;
  height: 4.8vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

.mod-grid-slider__icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-grid-slider__icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 7.5%;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

.mod-grid-slider__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
  }
}

.mod-grid-slider__text {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 80%;
  line-height: 1;
  font-size: 1.5rem;
  color: #fff;
  padding: 0.89552% 1.49254%;
  margin-right: auto;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__text {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__text {
    font-size: 1.25rem;
  }
}

.mod-grid-slider__item--large .mod-grid-slider__text {
  bottom: 0;
  font-size: 2rem;
  padding-bottom: 1.9403%;
}

@media screen and (min-width: 739px) {
  .mod-grid-slider__item--large .mod-grid-slider__text {
    font-size: 1.6rem;
    padding-bottom: 1.64179%;
  }
}

@media screen and (min-width: 769px) {
  .mod-grid-slider__item--large .mod-grid-slider__text {
    font-size: 2rem;
    padding-bottom: 1.9403%;
  }
}

@media screen and (min-width: 901px) {
  .mod-grid-slider__item--large .mod-grid-slider__text {
    font-size: 2rem;
    padding-bottom: 1.9403%;
  }
}

.mod-howto-get-there {
  padding: 6.66667% 0;
  /* Hover */
  /* Accordion */
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-howto-get-there {
    padding: 50px 0;
  }
}

.mod-howto-get-there__header {
  margin-bottom: 2.13333vw;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__header {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__header {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__header {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-howto-get-there__header {
    margin-bottom: 10px;
  }
}

.mod-howto-get-there__header-inner:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__header-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__header-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__header-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

.mod-howto-get-there__heading {
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__heading {
    line-height: 1.5;
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__heading {
    font-size: 1.75rem;
  }
}

.mod-howto-get-there__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

.mod-howto-get-there__text {
  line-height: 1.75;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__text {
    line-height: 1.75;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__text {
    line-height: 1.75;
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__text {
    line-height: 1.75;
    font-size: 1rem;
  }
}

.mod-howto-get-there__lists {
  margin-bottom: 1.49254%;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__lists {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__lists {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__lists {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-howto-get-there__lists {
    margin-bottom: 10px;
  }
}

.mod-howto-get-there__list {
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__list {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__list {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__list {
    font-size: 0.875rem;
  }
}

.mod-howto-get-there__list + .mod-howto-get-there__list {
  margin-top: 1.49254%;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__list + .mod-howto-get-there__list {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__list + .mod-howto-get-there__list {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__list + .mod-howto-get-there__list {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-howto-get-there__list + .mod-howto-get-there__list {
    margin-top: 10px;
  }
}

.mod-howto-get-there__list--info {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_information.svg) top 0.15em left 0.1em no-repeat;
  background-size: 4.1791% auto;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__list--info {
    background-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__list--info {
    background-size: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__list--info {
    background-size: 16px;
  }
}

.mod-howto-get-there__list--train {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_train.svg) top 0.15em left 0.15em no-repeat;
  background-size: 3.43284% auto;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__list--train {
    background-size: 14px;
    background-position: top 0.25em left 0.11em;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__list--train {
    background-size: 14px;
    background-position: top 0.25em left 0.11em;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__list--train {
    background-size: 14px;
    background-position: top 0.25em left 0.11em;
  }
}

.mod-howto-get-there__content {
  margin: 2.98507% auto 0;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__content {
    margin: 1.05263% auto 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__content {
    margin: 1.05263% auto 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__content {
    margin: 1.05263% auto 0;
  }
}

.mod-howto-get-there__content:first-child {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__content:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__content:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__content:first-child {
    margin-top: 0;
  }
}

.mod-howto-get-there__content--hidden {
  display: none;
}

.mod-howto-get-there__content--opened {
  display: block;
}

.mod-howto-get-there__showmore {
  margin-top: 3.8806%;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__showmore {
    margin-top: 2.63158%;
  }
}

@media screen and (min-width: 769px) {
  .mod-howto-get-there__showmore {
    margin-top: 2.63158%;
  }
}

@media screen and (min-width: 901px) {
  .mod-howto-get-there__showmore {
    margin-top: 2.63158%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-howto-get-there__showmore {
    margin-top: 30px;
  }
}

.mod-howto-get-there__showmore-button {
  color: #ffffff;
  background-color: #222633;
  position: relative;
  width: 29.33333vw;
  height: 5.33333vw;
  border-radius: 40px;
  line-height: 1.0em;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
}

@media screen and (max-width: 350px) {
  .mod-howto-get-there__showmore-button {
    width: 110px;
    height: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__showmore-button {
    width: 200px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
  }
}

.mod-howto-get-there__showmore-button:hover {
  background-color: #f13c33;
}

.mod-howto-get-there__showmore-button-icon {
  position: relative;
  top: 1.6vw;
  left: 1.6vw;
  display: inline-block;
  width: 2.13333vw;
  height: 2.13333vw;
  vertical-align: top;
  letter-spacing: normal;
}

@media screen and (max-width: 350px) {
  .mod-howto-get-there__showmore-button-icon {
    top: 6px;
    width: 8px;
    height: 8px;
  }
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__showmore-button-icon {
    display: inline-block;
    top: 7px;
    left: 10px;
    width: 16px;
    height: 16px;
    margin-right: 6px;
  }
}

.mod-howto-get-there__showmore-button-icon-image--white {
  display: block;
}

.mod-howto-get-there__showmore-button-icon-image--red {
  display: none;
}

.mod-howto-get-there__showmore-button-text {
  position: absolute;
  top: 52%;
  left: 5.6vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: top;
  line-height: 1.0em;
  font-size: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-howto-get-there__showmore-button-text {
    left: auto;
    font-size: 16px;
    margin-left: 16px;
  }
}

.mod-howto-get-there__showmore-button:hover .mod-howto-get-there__showmore-button-icon-image--white {
  display: none;
}

.mod-howto-get-there__showmore-button:hover .mod-howto-get-there__showmore-button-icon-image--red {
  display: block;
}

.iphone .mod-howto-get-there__showmore-button:hover .mod-howto-get-there__showmore-button-icon-image--white,
.ipad .mod-howto-get-there__showmore-button:hover .mod-howto-get-there__showmore-button-icon-image--white {
  display: block;
}

.iphone .mod-howto-get-there__showmore-button:hover .mod-howto-get-there__showmore-button-icon-image--red,
.ipad .mod-howto-get-there__showmore-button:hover .mod-howto-get-there__showmore-button-icon-image--red {
  display: none;
}

.mod-howto-get-there--accordion-opened .mod-howto-get-there__content {
  display: block;
}

.mod-howto-get-there--accordion-opened .mod-howto-get-there__showmore {
  display: none;
}

.mod-info-detail {
  padding: 6.66667% 0;
  /* Accordion Opened */
}

@media screen and (min-width: 739px) {
  .mod-info-detail {
    padding: 0 0 50px;
  }
}

.mod-info-detail__inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-info-detail__accordion {
  border-top: 1px solid #dcdcdc;
}

.mod-info-detail__accordion:last-child {
  border-bottom: 1px solid #dcdcdc;
}

.mod-info-detail__accordion-header {
  padding: 5.37313% 0 5.07463%;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1522907181/icons/plus_black.svg) center right 1.75439% no-repeat;
  background-size: 2.98507% auto;
  cursor: pointer;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__accordion-header {
    padding: 6.57895% 0;
    background-position: center right 3.28947%;
    background-size: 3.28947% auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__accordion-header {
    padding: 6.57895% 0;
    background-position: center right 3.28947%;
    background-size: 3.28947% auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__accordion-header {
    padding: 6.57895% 0;
    background-position: center right 3.28947%;
    background-size: 3.28947% auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-detail__accordion-header {
    padding: 20px 0;
    background-position: center right 10px;
    background-size: 10px auto;
  }
}

.mod-info-detail__accordion-heading {
  line-height: 1;
  font-size: 1.33333rem;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__accordion-heading {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__accordion-heading {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__accordion-heading {
    font-size: 1rem;
  }
}

.mod-info-detail__accordion-body {
  display: none;
}

.mod-info-detail__accordion-body-inner {
  padding-bottom: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__accordion-body-inner {
    padding-bottom: 6.57895%;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__accordion-body-inner {
    padding-bottom: 6.57895%;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__accordion-body-inner {
    padding-bottom: 6.57895%;
  }
}

.mod-info-detail__text {
  font-size: 1rem;
  margin-bottom: 1.49254%;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__text {
    font-size: 1rem;
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__text {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__text {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-detail__text {
    margin-bottom: 10px;
  }
}

.mod-info-detail__lists {
  margin-bottom: 1.49254%;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__lists {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__lists {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__lists {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-detail__lists {
    margin-bottom: 10px;
  }
}

.mod-info-detail__list {
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list {
    font-size: 0.875rem;
  }
}

.mod-info-detail__list + .mod-info-detail__list {
  margin-top: 1.49254%;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list + .mod-info-detail__list {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list + .mod-info-detail__list {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list + .mod-info-detail__list {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-detail__list + .mod-info-detail__list {
    margin-top: 10px;
  }
}

.mod-info-detail__list--info {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_address.svg) top left 2px no-repeat;
  background-size: 12px auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list--info {
    background-size: 14px 21px;
    background-position: left 3px top;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list--info {
    background-size: 14px 21px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list--info {
    background-size: 14px 21px;
  }
}

.mod-info-detail__list--train {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_information.svg) top left no-repeat;
  background-size: 15px auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list--train {
    background-size: 20px;
    background-position: top left;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list--train {
    background-size: 20px;
    background-position: top left;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list--train {
    background-size: 20px;
    background-position: top left;
  }
}

.mod-info-detail__list--hour {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_open-hours.svg) top 0.2em left no-repeat;
  background-size: 4.1791% auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list--hour {
    background-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list--hour {
    background-size: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list--hour {
    background-size: 16px;
  }
}

.mod-info-detail__list--day {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521453847/icons/icon_spot_calendar.svg) top 0.2em left no-repeat;
  background-size: 4.1791% auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list--day {
    background-position: top 0.15em left 0.1em;
    background-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list--day {
    background-position: top 0.15em left 0.1em;
    background-size: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list--day {
    background-position: top 0.15em left 0.1em;
    background-size: 16px;
  }
}

.mod-info-detail__list--people {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1522906891/icons/icon_house_black.svg) top 0.2em left no-repeat;
  background-size: 4.1791% auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list--people {
    background-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list--people {
    background-size: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list--people {
    background-size: 16px;
  }
}

.mod-info-detail__list--globe {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451536/icons/icon_spot_language.svg) top 0.2em left no-repeat;
  background-size: 4.1791% auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list--globe {
    background-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list--globe {
    background-size: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list--globe {
    background-size: 16px;
  }
}

.mod-info-detail__list--card {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_creditcard.svg) top 0.3em left no-repeat;
  background-size: 4.1791% auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list--card {
    background-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list--card {
    background-size: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list--card {
    background-size: 16px;
  }
}

.mod-info-detail__list-item--website,
.mod-info-detail__list-item--tel,
.mod-info-detail__list-item--email {
  margin-top: 1.49254%;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list-item--website,
  .mod-info-detail__list-item--tel,
  .mod-info-detail__list-item--email {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list-item--website,
  .mod-info-detail__list-item--tel,
  .mod-info-detail__list-item--email {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list-item--website,
  .mod-info-detail__list-item--tel,
  .mod-info-detail__list-item--email {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-detail__list-item--website,
  .mod-info-detail__list-item--tel,
  .mod-info-detail__list-item--email {
    margin-top: 10px;
  }
}

.mod-info-detail__list-item--website:first-child,
.mod-info-detail__list-item--tel:first-child,
.mod-info-detail__list-item--email:first-child {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list-item--website:first-child,
  .mod-info-detail__list-item--tel:first-child,
  .mod-info-detail__list-item--email:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list-item--website:first-child,
  .mod-info-detail__list-item--tel:first-child,
  .mod-info-detail__list-item--email:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list-item--website:first-child,
  .mod-info-detail__list-item--tel:first-child,
  .mod-info-detail__list-item--email:first-child {
    margin-top: 0;
  }
}

.mod-info-detail__list-item--website {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451538/icons/icon_spot_website.svg) top 0.2em left no-repeat;
  background-size: 4.1791% auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list-item--website {
    background-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list-item--website {
    background-size: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list-item--website {
    background-size: 16px;
  }
}

.mod-info-detail__list-item--email {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_email.svg) top 0.4em left no-repeat;
  background-size: 4.1791% auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list-item--email {
    background-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list-item--email {
    background-size: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list-item--email {
    background-size: 16px;
  }
}

.mod-info-detail__list-item--tel {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451534/icons/icon_spot_tel.svg) top 0.25em left 0.2em no-repeat;
  background-size: 2.83582% auto;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__list-item--tel {
    background-size: 11px;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__list-item--tel {
    background-size: 11px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__list-item--tel {
    background-size: 11px;
  }
}

.mod-info-detail__list-contact-link {
  display: inline-block;
}

.mod-info-detail__list-contact-annotation {
  display: inline-block;
}

.mod-info-detail__list--row .mod-info-detail__list-item {
  display: inline-block;
}

.mod-info-detail__list--row .mod-info-detail__list-item:before {
  content: "|";
  display: inline-block;
  margin-right: 0.4em;
}

.mod-info-detail__list--row .mod-info-detail__list-item:first-child:before {
  display: none;
}

.mod-info-detail__sections {
  margin-bottom: 1.49254%;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__sections {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__sections {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__sections {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-detail__sections {
    margin-bottom: 10px;
  }
}

.mod-info-detail__section-header {
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__section-header {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__section-header {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__section-header {
    font-size: 0.875rem;
  }
}

.mod-info-detail__section-text {
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-info-detail__section-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-detail__section-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-detail__section-text {
    font-size: 0.875rem;
  }
}

.mod-info-detail__accordion--opened .mod-info-detail__accordion-header {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1522907087/icons/minus_black.svg);
}

.mod-info-panel {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-info-panel {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-panel {
    padding: 50px 0;
  }
}

.mod-info-panel__inner {
  padding: 12vw 0;
  background-color: #f6f6f6;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__inner {
    padding: 2.77778vw 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__inner {
    padding: 2.77778vw 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__inner {
    padding: 2.77778vw 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-panel__inner {
    padding: 35px 30px;
  }
}

.mod-info-panel__header {
  margin: 0 auto 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__header {
    max-width: 1260px;
    margin: 0 auto 1.42857vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__header {
    max-width: 1260px;
    margin: 0 auto 1.42857vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__header {
    max-width: 1260px;
    margin: 0 auto 1.42857vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-panel__header {
    max-width: 1260px;
    margin: 0 auto 18px;
  }
}

.mod-info-panel__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-info-panel__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 1.66667rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__heading {
    font-size: 1.75rem;
  }
}

.mod-info-panel__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-info-panel__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-info-panel__header-link,
.ipad .mod-info-panel__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-info-panel__header-link:hover,
.ipad .mod-info-panel__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-info-panel__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-info-panel__body-inner > :first-child {
  padding-top: 0;
}

.mod-info-panel__text {
  padding-top: 5.33333vw;
  line-height: 1.8;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__text {
    padding-top: 1.5873vw;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__text {
    padding-top: 1.5873vw;
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__text {
    padding-top: 1.5873vw;
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-panel__text {
    padding-top: 20px;
    font-size: 1rem;
  }
}

.mod-info-panel__items {
  padding-top: 5.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__items {
    padding-top: 1.5873vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__items {
    padding-top: 1.5873vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__items {
    padding-top: 1.5873vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-panel__items {
    padding-top: 20px;
  }
}

.mod-info-panel__item {
  position: relative;
  padding-bottom: 2.66667vw;
  padding-left: 1.0em;
  line-height: 1.3;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__item {
    padding-bottom: 0.79365vw;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__item {
    padding-bottom: 0.79365vw;
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__item {
    padding-bottom: 0.79365vw;
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-info-panel__item {
    padding-bottom: 10px;
    font-size: 1rem;
  }
}

.mod-info-panel__item:last-child {
  padding-bottom: 0;
}

.mod-info-panel__item:before {
  content: "\2022";
  position: absolute;
  top: 0;
  left: 0;
}

.mod-info-panel__link-text {
  border-bottom: 1px dashed #222633;
}

.mod-info-panel__link-text:hover {
  border-bottom: none;
}

.mod-info-panel__link-text:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__link-text {
    margin: 0 3px;
  }
}

.iphone .mod-info-panel__link-text,
.ipad .mod-info-panel__link-text {
  border-bottom: 1px dashed #222633;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-info-panel__link-text:hover,
.ipad .mod-info-panel__link-text:hover {
  border-bottom: 1px dashed #222633;
}

.iphone .mod-info-panel__link-text:hover,
.ipad .mod-info-panel__link-text:hover {
  color: #f13c33;
}

.mod-info-panel__link-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-info-panel__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-info-panel--no-padding .mod-info-panel__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel--no-padding .mod-info-panel__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel--no-padding .mod-info-panel__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-info-panel--no-padding .mod-info-panel__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-info-panel--no-padding .mod-info-panel__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-info-panel--no-padding .mod-info-panel__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-instagram {
  padding: 6.66667% 0;
  /* Accordion */
  /* Current / Hover */
  /* Modal */
  /* MODAL CONTAINER
       ====================================================================== */
  /* MODAL CLOSE BUTTON
       ====================================================================== */
  /* MODAL ANCHOR LINK
       ====================================================================== */
  /* MODAL SLIDER
       ====================================================================== */
  /* MODAL IMAGE
       ====================================================================== */
  /* MODAL ICON
       ====================================================================== */
  /* MODAL TYPE INSTAGRAM
       ====================================================================== */
  /* MODAL TYPE TRAVEL DIRECTORY
       ====================================================================== */
  /* MISC
       ====================================================================== */
}

@media screen and (min-width: 739px) {
  .mod-instagram {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram {
    padding: 50px 0;
  }
}

.mod-instagram__inner {
  padding: 4vw 0 3.46667vw;
}

@media screen and (min-width: 739px) {
  .mod-instagram__inner {
    padding: 6.19048vw 0 3.96825vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__inner {
    padding: 6.19048vw 0 3.96825vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__inner {
    padding: 6.19048vw 0 3.96825vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram__inner {
    padding: 78px 0 50px;
  }
}

.mod-instagram__header {
  margin-bottom: 6.26667vw;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-instagram__header {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 1.8254vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__header {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 1.8254vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__header {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 1.8254vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram__header {
    margin-bottom: 23px;
  }
}

.mod-instagram__header-inner:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-instagram__header-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__header-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__header-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

.mod-instagram__heading {
  float: left;
  width: 90%;
  font-size: 2rem;
  margin-bottom: 3.6vw;
  line-height: 1.0em;
}

@media screen and (min-width: 739px) {
  .mod-instagram__heading {
    line-height: 1.5;
    font-size: 2rem;
    margin-bottom: 0.63492vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__heading {
    font-size: 2rem;
  }
}

.mod-instagram__heading-icon {
  width: 6.66667vw;
  height: 6.66667vw;
  float: right;
}

@media screen and (min-width: 739px) {
  .mod-instagram__heading-icon {
    width: 3.1746vw;
    height: 3.1746vw;
  }
}

.mod-instagram__heading-icon .svg-fit {
  margin-left: auto;
}

.mod-instagram__lead {
  clear: both;
  font-size: 1.16667rem;
  line-height: 1.4em;
}

@media screen and (min-width: 739px) {
  .mod-instagram__lead {
    font-size: 1rem;
    line-height: 1.5em;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__lead {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__lead {
    font-size: 1rem;
  }
}

.mod-instagram__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-instagram__body {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__body {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__body {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

.mod-instagram__items {
  position: relative;
  overflow: hidden;
}

.mod-instagram__items + .mod-instagram__items {
  margin-top: 1.05263%;
}

.mod-instagram__items--hidden {
  display: none;
}

.mod-instagram__item {
  float: left;
  width: 32.008%;
  margin: 1.98% 0 0 1.98%;
}

@media screen and (min-width: 739px) {
  .mod-instagram__item {
    width: 15.67221%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__item {
    width: 15.67221%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__item {
    width: 15.67221%;
    margin: 1.05263% 0 0 1.05263%;
  }
}

.mod-instagram__item:nth-child(-n+3) {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-instagram__item:nth-child(-n+6) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__item:nth-child(-n+6) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__item:nth-child(-n+6) {
    margin-top: 0;
  }
}

.mod-instagram__item:nth-child(3n+1) {
  margin-left: 0;
}

@media screen and (min-width: 739px) {
  .mod-instagram__item:nth-child(3n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__item:nth-child(3n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__item:nth-child(3n+1) {
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram__item:nth-child(6n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__item:nth-child(6n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__item:nth-child(6n+1) {
    margin-left: 0;
  }
}

.mod-instagram__item-inner {
  position: relative;
  display: block;
}

.mod-instagram__image {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-instagram__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-instagram__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-instagram__icon {
  position: absolute;
  right: 1.33333vw;
  bottom: 1.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-instagram__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram__icon {
    right: 10px;
    bottom: 10px;
  }
}

.mod-instagram__icon-image-wrapper {
  overflow: hidden;
  width: 4.53333vw;
  height: 4.53333vw;
}

@media screen and (min-width: 739px) {
  .mod-instagram__icon-image-wrapper {
    width: 1.90476vw;
    height: 1.90476vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__icon-image-wrapper {
    width: 1.90476vw;
    height: 1.90476vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__icon-image-wrapper {
    width: 1.90476vw;
    height: 1.90476vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram__icon-image-wrapper {
    width: 24px;
    height: 24px;
  }
}

.mod-instagram__icon-text {
  font-size: 0.83333rem;
  padding: 2.15385% 3.84615%;
  overflow: hidden;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-instagram__icon-text {
    font-size: 0.75rem;
    padding: 9px 14px;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__icon-text {
    font-size: 0.75rem;
    padding: 9px 14px;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__icon-text {
    font-size: 0.75rem;
    padding: 9px 14px;
  }
}

.mod-instagram__text {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 0 1%;
}

.mod-instagram__showmore {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
}

@media screen and (min-width: 507px) {
  .mod-instagram__showmore {
    margin-top: 8.95522%;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram__showmore {
    margin-top: 28px;
  }
}

.mod-instagram__showmore-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.08955% 0 1.79104%;
  overflow: hidden;
  border-radius: 20px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-instagram__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 507px) {
  .mod-instagram__showmore-button {
    line-height: 2;
    width: 100%;
    font-size: 1.16667rem;
    padding: 2.08955% 0 1.79104%;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram__showmore-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram__showmore-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

.iphone .mod-instagram__showmore-button:hover,
.ipad .mod-instagram__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-instagram--accordion .mod-instagram__items--hidden {
  display: none;
}

.mod-instagram--accordion-opened .mod-instagram__items--hidden {
  display: block;
}

.mod-instagram--accordion-opened .mod-instagram__showmore {
  display: none;
}

.mod-instagram .mod-instagram__modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000000;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.mod-instagram .mod-instagram--modal-ready .mod-instagram__modal {
  display: block;
  opacity: 0;
}

.mod-instagram .mod-instagram--modal-active .mod-instagram__modal {
  display: block;
  opacity: 0;
}

.mod-instagram .mod-instagram__modal-inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-instagram .mod-instagram__modal-content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-content {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-content {
    width: 39.68254vw;
    height: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-content {
    width: 39.68254vw;
    height: auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-content {
    width: 39.68254vw;
    height: auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-content {
    width: 500px;
    height: auto;
  }
}

.mod-instagram .mod-instagram__modal-close-button {
  position: absolute;
  top: 2.66667vw;
  left: 4vw;
  z-index: 1000002;
  display: none;
  width: 8vw;
  height: 0;
  padding-top: 8vw;
  overflow: hidden;
  opacity: 0;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-close-button {
    top: 2.66667vw;
    left: 4vw;
    width: 8vw;
    padding-top: 8vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-close-button {
    top: 1.19048vw;
    left: 2.77778vw;
    width: 3.57143vw;
    padding-top: 3.57143vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-close-button {
    top: 1.19048vw;
    left: 2.77778vw;
    width: 3.57143vw;
    padding-top: 3.57143vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-close-button {
    top: 1.19048vw;
    left: 2.77778vw;
    width: 3.57143vw;
    padding-top: 3.57143vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-close-button {
    top: 15px;
    left: 35px;
    width: 45px;
    padding-top: 45px;
  }
}

.mod-instagram .mod-instagram--modal-active .mod-instagram__modal-close-button {
  display: block;
  opacity: 1;
}

.mod-instagram .mod-instagram__modal-close-button-icon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 3.33333vw;
  height: 3.33333vw;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-close-button-icon {
    width: 3.33333vw;
    height: 3.33333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-close-button-icon {
    width: 1.5873vw;
    height: 1.5873vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-close-button-icon {
    width: 1.5873vw;
    height: 1.5873vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-close-button-icon {
    width: 1.5873vw;
    height: 1.5873vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-close-button-icon {
    width: 20px;
    height: 20px;
  }
}

.mod-instagram .mod-instagram__modal-close-button-icon-content--white {
  display: block;
}

.mod-instagram .mod-instagram__modal-close-button-icon-content--red {
  display: none;
}

.mod-instagram .mod-instagram__modal-close-button:hover .mod-instagram__modal-close-button-icon-content--white {
  display: none;
}

.mod-instagram .mod-instagram__modal-close-button:hover .mod-instagram__modal-close-button-icon-content--red {
  display: block;
}

.iphone .mod-instagram__modal-close-button:hover .mod-instagram__modal-close-button-icon-content--white,
.ipad .mod-instagram__modal-close-button:hover .mod-instagram__modal-close-button-icon-content--white {
  display: none;
}

.iphone .mod-instagram__modal-close-button:hover .mod-instagram__modal-close-button-icon-content--red,
.ipad .mod-instagram__modal-close-button:hover .mod-instagram__modal-close-button-icon-content--red {
  display: block;
}

.mod-instagram .mod-instagram__modal-link {
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-instagram .mod-instagram__modal-link:hover {
  color: #f13c33;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-instagram__modal-link:hover,
.ipad .mod-instagram__modal-link:hover {
  color: #222633;
}

.mod-instagram .mod-instagram__modal-slider-wrapper {
  position: relative;
  height: 100%;
}

.mod-instagram .mod-instagram__modal-slider {
  height: 100%;
}

.mod-instagram .slick-list {
  height: 100%;
}

.mod-instagram .slick-track {
  height: 100%;
}

.mod-instagram .mod-instagram__modal-slide {
  min-height: 100%;
  height: 100%;
}

.mod-instagram .mod-instagram__modal-slide-inner {
  width: 100%;
  height: 100%;
}

.mod-instagram .slick-arrow {
  position: absolute;
  top: 0;
  z-index: 1000001;
  width: 5.33333vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
}

@media screen and (min-width: 507px) {
  .mod-instagram .slick-arrow {
    width: 5.33333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .slick-arrow {
    width: 4.7619vw;
  }
}

.mod-instagram .slick-arrow span {
  content: "";
  position: absolute;
  top: calc((500px / 2) - 20px);
  width: 2.66667vw;
  height: 0;
  padding-top: 5.86667vw;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media screen and (min-width: 507px) {
  .mod-instagram .slick-arrow span {
    width: 2.66667vw;
    padding-top: 5.86667vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .slick-arrow span {
    width: 1.5873vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .slick-arrow span {
    width: 1.5873vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .slick-arrow span {
    width: 1.5873vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .slick-arrow span {
    width: 20px;
    padding-top: 44px;
    background-size: 100% auto;
  }
}

.mod-instagram .slick-arrow.slick-prev {
  left: 5px;
}

.mod-instagram .slick-arrow.slick-prev span {
  left: 5px;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1522237472/icons/icon_modal_arrow_right.svg);
  background-position: 50% 50%;
}

.mod-instagram .slick-arrow.slick-next {
  right: 5px;
}

.mod-instagram .slick-arrow.slick-next span {
  right: 5px;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1522237472/icons/icon_modal_arrow_left.svg);
  background-position: 50% 50%;
}

.mod-instagram .slick-arrow:hover.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1523537019/icons/icon_modal_arrow_left_on.svg);
}

.mod-instagram .slick-arrow:hover.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1523537019/icons/icon_modal_arrow_right_on.svg);
}

@media screen and (max-width: 738px) {
  .mod-instagram .slick-arrow:hover {
    opacity: 1.0;
  }
}

.mod-instagram .mod-instagram__slider .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-instagram .mod-instagram__slider .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.iphone .slick-arrow:hover span,
.ipad .slick-arrow:hover span {
  opacity: 0.7;
}

.iphone .mod-instagram__modal-slider:hover .slick-arrow.slick-disabled.slick-prev span,
.ipad .mod-instagram__modal-slider:hover .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.iphone .mod-instagram__modal-slider:hover .slick-arrow.slick-disabled.slick-next span,
.ipad .mod-instagram__modal-slider:hover .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-instagram .mod-instagram__modal-image {
  position: relative;
}

.mod-instagram .mod-instagram__modal-image-content {
  width: 100%;
  height: 500px;
}

.mod-instagram .mod-instagram__modal-icon {
  position: absolute;
  right: 1.33333vw;
  bottom: 1.33333vw;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-icon {
    right: 1.33333vw;
    bottom: 1.33333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-icon {
    right: 10px;
    bottom: 10px;
  }
}

.mod-instagram .mod-instagram__modal-icon--image {
  width: 4.66667vw;
  height: 4.66667vw;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-icon--image {
    width: 4.66667vw;
    height: 4.66667vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-icon--image {
    width: 2.77778vw;
    height: 2.77778vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-icon--image {
    width: 2.77778vw;
    height: 2.77778vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-icon--image {
    width: 2.77778vw;
    height: 2.77778vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-icon--image {
    width: 35px;
    height: 35px;
  }
}

.mod-instagram .mod-instagram__modal-text-upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 2.66667vw 4vw;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-text-upper {
    padding: 2.66667vw 4vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-text-upper {
    padding: 1.5873vw 2.77778vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-text-upper {
    padding: 1.5873vw 2.77778vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-text-upper {
    padding: 1.5873vw 2.77778vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-text-upper {
    padding: 1.5873vw 2.77778vw;
  }
}

.mod-instagram .mod-instagram__modal-text-lower {
  padding: 1.33333vw 4vw;
  background-color: #e5e5e5;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-text-lower {
    padding: 1.33333vw 4vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-text-lower {
    padding: 0.79365vw 2.77778vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-text-lower {
    padding: 0.79365vw 2.77778vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-text-lower {
    padding: 0.79365vw 2.77778vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-text-lower {
    padding: 0.79365vw 2.77778vw;
  }
}

.mod-instagram .mod-instagram__modal-avatar {
  display: block;
  width: 6.66667vw;
  overflow: hidden;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-avatar {
    width: 6.66667vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-avatar {
    width: 2.61905vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-avatar {
    width: 2.61905vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-avatar {
    width: 2.61905vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-avatar {
    width: 2.61905vw;
  }
}

.mod-instagram .mod-instagram__modal-avatar-content {
  border-radius: 50%;
}

.mod-instagram .mod-instagram__modal-name {
  display: block;
  width: calc(70% - 15px);
  margin-left: 2vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-name {
    margin-left: 2vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-name {
    margin-left: 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-name {
    margin-left: 1.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-name {
    margin-left: 1.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-name {
    margin-left: 1.19048vw;
  }
}

.mod-instagram .mod-instagram__modal-username {
  display: block;
  font-size: 1rem;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-username {
    font-size: 1rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-username {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-username {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-username {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-username {
    font-size: 1rem;
  }
}

.mod-instagram .mod-instagram__modal-facilityname {
  display: block;
  font-family: "PFDINTextStd-Light", sans-serif;
  font-size: 1rem;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-facilityname {
    font-size: 1rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-facilityname {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-facilityname {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-facilityname {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-facilityname {
    font-size: 1rem;
  }
}

.mod-instagram .mod-instagram__modal-number-wrapper {
  display: block;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  text-align: right;
}

.mod-instagram .mod-instagram__modal-number {
  font-family: "PFDINTextStd-Light", sans-serif;
  font-size: 0.83333rem;
  line-height: 1;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-number {
    font-size: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-number {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-number {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-number {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-number {
    font-size: 0.75rem;
  }
}

.mod-instagram .mod-instagram__modal-placename-wrapper {
  display: block;
  margin-left: 8.66667vw;
  word-wrap: break-word;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-placename-wrapper {
    margin-left: 8.66667vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-placename-wrapper {
    margin-left: 3.80952vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-placename-wrapper {
    margin-left: 3.80952vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-placename-wrapper {
    margin-left: 3.80952vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-placename-wrapper {
    margin-left: 3.80952vw;
  }
}

.mod-instagram .mod-instagram__modal-placename {
  font-family: "PFDINTextStd-Light", sans-serif;
  font-size: 1rem;
}

@media screen and (min-width: 507px) {
  .mod-instagram .mod-instagram__modal-placename {
    font-size: 1rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-instagram .mod-instagram__modal-placename {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-instagram .mod-instagram__modal-placename {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-instagram .mod-instagram__modal-placename {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-instagram .mod-instagram__modal-placename {
    font-size: 1rem;
  }
}

.mod-instagram .mod-instagram__modal.instagram .mod-instagram__modal-slider-dots-wrapper {
  display: none;
}

.mod-instagram .mod-instagram__modal.minor .slick-arrow {
  display: none;
  pointer-events: none;
}

.mod-instagram .mod-instagram__modal.minor .slick-arrow span {
  display: none;
  pointer-events: none;
}

.mod-instagram .mod-instagram__modal.minor .slick-arrow.slick-prev {
  display: none;
  pointer-events: none;
}

.mod-instagram .mod-instagram__modal.minor .slick-arrow.slick-prev span {
  display: none;
  pointer-events: none;
}

.mod-instagram .mod-instagram__modal.minor .slick-arrow.slick-next {
  display: none;
  pointer-events: none;
}

.mod-instagram .mod-instagram__modal.minor .slick-arrow.slick-next span {
  display: none;
  pointer-events: none;
}

.mod-instagram .mod-instagram__modal.minor .mod-instagram__modal-slider-dots-wrapper {
  display: none;
}

.mod-keyvisual {
  /*    &__icon-text-wrapper:after {
        @include camera-balloon-arrow-sp();
        margin-right: 7.5%;

        @media screen and (min-width: 739px) {
            @include camera-balloon-arrow-pc();
            margin-right: 12%;
        }

        @media screen and (min-width: 769px) {
            @include camera-balloon-arrow-pc();
            margin-right: 12%;
        }

        @media screen and (min-width: 901px) {
            @include camera-balloon-arrow-pc();
            margin-right: 12%;
        }
    }
*/
  /* Fixed */
  /* Current / Active */
  /* Anchor None */
  /* No FullScreen */
}

@media screen and (min-width: 739px) {
  .mod-keyvisual {
    height: 100vh;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual {
    height: 100vh;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual {
    height: 100vh;
  }
}

.mod-keyvisual__inner {
  position: relative;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__inner {
    height: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__inner {
    height: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__inner {
    height: 100%;
  }
}

.mod-keyvisual__weather {
  position: absolute;
  bottom: 18.18182%;
  right: 5.33333%;
  z-index: 4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.53333%;
  height: 0;
  padding-top: 18.4%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__weather {
    bottom: 60px;
    left: 0;
    right: 0;
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    padding-top: 179px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__weather {
    padding-top: 213px;
  }
}

.mod-keyvisual__weather-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 100%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__weather-inner {
    left: auto;
    right: 4.7619%;
    margin: 0 auto;
  }
}

.mod-keyvisual__weather-icon {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  width: 14.4vw;
  height: 14.4vw;
  line-height: 1;
  text-align: center;
  margin: 2.66667vw auto 2.26667vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__weather-icon {
    width: 100px;
    height: 100px;
    margin-top: 13px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__weather-icon {
    width: 120px;
    height: 120px;
    margin-top: 13px;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__weather-icon {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
  }
}

.mod-keyvisual__weather-temperature {
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 1.41667rem;
  font-weight: bold;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__weather-temperature {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__weather-temperature {
    font-size: 3rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__weather-temperature {
    font-size: 3rem;
  }
}

.mod-keyvisual__weather-date {
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  font-weight: bold;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__weather-date {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__weather-date {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__weather-date {
    font-size: 1.25rem;
  }
}

.mod-keyvisual__image {
  position: relative;
  min-height: 146.666666667vw;
}

.mod-keyvisual__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__image {
    min-height: 0;
    height: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__image {
    min-height: 0;
    height: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__image {
    min-height: 0;
    height: 100%;
  }
}

.mod-keyvisual__image .mod-keyvisual-detail__image-icon-text-wrapper,
.mod-keyvisual__image .mod-keyvisual-detail__header-favorite {
  bottom: 110px;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__image .mod-keyvisual-detail__image-icon-text-wrapper,
  .mod-keyvisual__image .mod-keyvisual-detail__header-favorite {
    bottom: 120px;
  }
}

.mod-keyvisual__image:before {
  z-index: 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__image-content--sp {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__image-content--sp {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__image-content--sp {
    display: none;
  }
}

.mod-keyvisual__image-content--pc {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__image-content--pc {
    display: block;
    height: 100%;
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521788553/static/img_placeholder.png);
    background-position: center center;
    background-size: cover;
    opacity: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__image-content--pc {
    display: block;
    height: 100%;
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521788553/static/img_placeholder.png);
    background-position: center center;
    background-size: cover;
    opacity: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__image-content--pc {
    display: block;
    height: 100%;
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521788553/static/img_placeholder.png);
    background-position: center center;
    background-size: cover;
    opacity: 0;
  }
}

.mod-keyvisual__image-content--pc--loaded {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.mod-keyvisual__overlay {
  min-height: 146.666666667vw;
  background-color: #000;
  opacity: 0.8;
  z-index: 3;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__overlay {
    min-height: 0;
    height: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__overlay {
    min-height: 0;
    height: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__overlay {
    min-height: 0;
    height: 100%;
  }
}

.mod-keyvisual__overlay:before {
  z-index: 0;
}

.mod-keyvisual__movie {
  height: 100%;
}

.mod-keyvisual__movie-modal {
  position: fixed;
  top: 45px;
  left: 0;
  z-index: 99999;
}

.mod-keyvisual__movie-modal-size {
  width: 100%;
  height: calc(100% - 45px);
}

.mod-keyvisual__movie-modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99998;
  background-color: #000;
}

.mod-keyvisual__movie-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
  cursor: pointer;
}

.mod-keyvisual__movie-modal-close img {
  width: 25px;
  height: 25px;
}

.mod-keyvisual__tubular-player {
  pointer-events: none;
}

.mod-keyvisual__lead {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  line-height: 20px;
  font-size: 1.16667rem;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #222633;
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__lead {
    padding: 6px 16px;
    font-size: 0.75rem;
    margin-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__lead {
    padding: 8px 18px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__lead {
    padding: 10px 20px;
    font-size: 1rem;
  }
}

.mod-keyvisual__header {
  margin: 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-keyvisual__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-keyvisual__heading-home {
  position: absolute;
  top: 60px;
  z-index: 4;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__heading-home {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.mod-keyvisual__heading {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.08333rem 5.33333%;
  margin: 0 auto;
  width: 100%;
  z-index: 3;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__heading {
    top: 50%;
    left: 0;
    padding: 1.625rem 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__heading {
    max-width: 1260px;
  }
}

.mod-keyvisual__heading-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  width: 100%;
  height: 100%;
  line-height: 1.1;
  font-size: 2.91667rem;
  color: #ffffff;
  padding: 3.46667vw 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__heading-text {
    font-size: 2.8125rem;
    padding-left: 4.7619%;
    padding-top: 2.06349vw;
    padding-bottom: 2.06349vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__heading-text {
    font-size: 3.125rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__heading-text {
    font-size: 3.75rem;
  }
}

.mod-keyvisual__play-button {
  margin: 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__play-button {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__play-button {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__play-button {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual__play-button {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-keyvisual__play-button-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__play-button-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__play-button-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__play-button-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-keyvisual__play-button-icon {
  position: absolute;
  top: 287px;
  width: 50px;
  height: 50px;
  z-index: 4;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__play-button-icon {
    top: 50%;
    left: 50%;
    right: 0;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    padding: 1.625rem 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__play-button-icon {
    top: 50%;
    left: 50%;
    right: 0;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    padding: 1.625rem 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__play-button-icon {
    top: 50%;
    left: 50%;
    right: 0;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    padding: 1.625rem 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.mod-keyvisual__description {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  line-height: 1.3;
  font-size: 1.33333rem;
  color: #ffffff;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__description {
    font-size: 1rem;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__description {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__description {
    font-size: 1.25rem;
  }
}

.mod-keyvisual__lower {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.mod-keyvisual__icons {
  width: 100%;
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
  z-index: 10;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__icons {
    max-width: 1260px;
    bottom: 120px;
    -webkit-transform: none;
    transform: none;
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__icons {
    -webkit-transform: none;
    transform: none;
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__icons {
    -webkit-transform: none;
    transform: none;
    padding: 0;
  }
}

.mod-keyvisual__icon {
  position: relative;
  margin-left: 5.33333%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__icon {
    margin-left: 4.7619%;
  }
}

.mod-keyvisual__icon:last-child {
  margin-left: 0;
  margin-right: 5.33333%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__icon:last-child {
    margin-right: 4.7619%;
  }
}

.mod-keyvisual__icon-image-wrapper {
  position: relative;
  width: 9.6vw;
  height: 9.6vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__icon-image-wrapper {
    width: 60px;
    height: 60px;
  }
}

.mod-keyvisual__icon--favorite .mod-keyvisual__icon-image {
  cursor: pointer;
}

.mod-keyvisual__icon--favorite:hover .mod-keyvisual__icon-image--white {
  display: none;
}

.mod-keyvisual__icon--favorite:hover .mod-keyvisual__icon-image--black {
  display: block;
}

.mod-keyvisual__icon--favorite .mod-keyvisual__icon-image--black {
  display: none;
}

.mod-keyvisual__icon--favorite .mod-keyvisual__icon-image--red {
  display: none;
}

.mod-keyvisual__icon--favorite-active .mod-keyvisual__icon-image--white {
  display: none;
}

.mod-keyvisual__icon--favorite-active .mod-keyvisual__icon-image--black {
  display: none;
}

.mod-keyvisual__icon--favorite-active:hover .mod-keyvisual__icon-image--black {
  display: none;
}

.mod-keyvisual__icon--favorite-active .mod-keyvisual__icon-image--black {
  display: none;
}

.mod-keyvisual__icon--favorite-active:hover .mod-keyvisual__icon-image--black {
  display: none;
}

.mod-keyvisual__icon--favorite-active .mod-keyvisual__icon-image--red {
  display: block;
}

.mod-keyvisual__icon--balloon-active .mod-keyvisual__icon-text-wrapper {
  opacity: 1;
}

.mod-keyvisual__icon--vendor .mod-keyvisual__icon-text-wrapper {
  max-width: 50.26667vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__icon--vendor .mod-keyvisual__icon-text-wrapper {
    max-width: 266px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__icon--vendor .mod-keyvisual__icon-text-wrapper {
    max-width: 266px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__icon--vendor .mod-keyvisual__icon-text-wrapper {
    max-width: 266px;
  }
}

.mod-keyvisual__icon--favorite .mod-keyvisual__icon-text-wrapper {
  max-width: 50.26667vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__icon--favorite .mod-keyvisual__icon-text-wrapper {
    max-width: 266px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__icon--favorite .mod-keyvisual__icon-text-wrapper {
    max-width: 266px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__icon--favorite .mod-keyvisual__icon-text-wrapper {
    max-width: 266px;
  }
}

.mod-keyvisual__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__icon-text {
    width: auto;
    font-size: 0.625rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual__icon-text {
    font-size: 0.625rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__icon-text {
    font-size: 0.625rem;
  }
}

.mod-keyvisual__anchor {
  position: relative;
  overflow: hidden;
  height: 60px;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__anchor {
    height: 90px;
  }
}

.mod-keyvisual__anchor:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222633;
  opacity: 0;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

.mod-keyvisual__anchor-inner {
  overflow-x: scroll;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 901px) {
  .mod-keyvisual__anchor-inner {
    max-width: 1260px;
  }
}

.mod-keyvisual__anchor-items-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5.33333%;
  padding-left: 5.33333%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__anchor-items-wrapper {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-keyvisual__anchor-items {
  letter-spacing: -0.4em;
  white-space: nowrap;
}

.mod-keyvisual__anchor-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}

.mod-keyvisual__anchor-item:last-child {
  margin-right: 0;
}

.mod-keyvisual__anchor-link {
  position: relative;
  display: block;
  line-height: 1;
  font-size: 1rem;
  color: #ffffff;
  padding: 25px 0 22px;
  margin: 0 2.13333vw;
  -webkit-transition: color 250ms;
  transition: color 250ms;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual__anchor-link {
    font-size: 1.25rem;
    padding: 36px 0 34px;
    margin: 0 20px;
  }
}

.mod-keyvisual__anchor-link:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.mod-keyvisual__anchor-item:first-child .mod-keyvisual__anchor-link {
  margin-left: 0;
}

.mod-keyvisual__anchor-item:last-child .mod-keyvisual__anchor-link {
  margin-right: 0;
}

.mod-keyvisual--anchor-fixed .mod-keyvisual__anchor {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  z-index: 9000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual--anchor-fixed .mod-keyvisual__anchor {
    top: 92px;
    height: 60px;
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual--anchor-fixed .mod-keyvisual__anchor {
    top: 92px;
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual--anchor-fixed .mod-keyvisual__anchor {
    top: 92px;
    margin-bottom: 16px;
  }
}

.mod-keyvisual--anchor-fixed .mod-keyvisual__anchor:before {
  opacity: 1;
}

.mod-keyvisual--anchor-fixed .mod-keyvisual__anchor-inner {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
}

.mod-keyvisual--anchor-fixed .mod-keyvisual__anchor-link {
  color: #ffffff;
  padding: 26px 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual--anchor-fixed .mod-keyvisual__anchor-link {
    padding: 22px 0 18px;
  }
}

.mod-keyvisual__anchor-item:hover .mod-keyvisual__anchor-link,
.mod-keyvisual__anchor-item--current .mod-keyvisual__anchor-link {
  color: #f13c33;
}

.mod-keyvisual--anchor-none .mod-keyvisual__lower {
  border-top: 0;
}

.mod-keyvisual--anchor-none .mod-keyvisual__icons {
  -webkit-transform: none;
  transform: none;
  bottom: 20px;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual--anchor-none .mod-keyvisual__icons {
    bottom: 30px;
  }
}

.mod-keyvisual--anchor-none .mod-keyvisual__anchor {
  display: none;
}

.mod-keyvisual--no-fullscreen,
.mod-keyvisual--no-fullscreen .mod-keyvisual__inner,
.mod-keyvisual--no-fullscreen .mod-keyvisual__image {
  min-height: 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual--no-fullscreen,
  .mod-keyvisual--no-fullscreen .mod-keyvisual__inner,
  .mod-keyvisual--no-fullscreen .mod-keyvisual__image {
    height: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual--no-fullscreen,
  .mod-keyvisual--no-fullscreen .mod-keyvisual__inner,
  .mod-keyvisual--no-fullscreen .mod-keyvisual__image {
    height: auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual--no-fullscreen,
  .mod-keyvisual--no-fullscreen .mod-keyvisual__inner,
  .mod-keyvisual--no-fullscreen .mod-keyvisual__image {
    height: auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-keyvisual--no-fullscreen .mod-keyvisual__image-content--pc {
    height: 0;
    padding-top: 50.76923%;
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual--no-fullscreen .mod-keyvisual__image-content--pc {
    height: 0;
    padding-top: 50.76923%;
    overflow: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual--no-fullscreen .mod-keyvisual__image-content--pc {
    height: 0;
    padding-top: 50.76923%;
    overflow: hidden;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual--no-fullscreen .mod-keyvisual__image-content--pc {
    padding-top: 660px;
  }
}

/* Cookie Bar Active */

body.body--cookie-bar-active .mod-keyvisual {
  margin-top: 85px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active .mod-keyvisual {
    margin-top: 50px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active .mod-keyvisual {
    margin-top: 50px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active .mod-keyvisual {
    margin-top: 50px;
  }
}

body.body--cookie-bar-active .mod-keyvisual--anchor-fixed .mod-keyvisual__anchor {
  top: 145px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active .mod-keyvisual--anchor-fixed .mod-keyvisual__anchor {
    top: 142px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active .mod-keyvisual--anchor-fixed .mod-keyvisual__anchor {
    top: 142px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active .mod-keyvisual--anchor-fixed .mod-keyvisual__anchor {
    top: 142px;
  }
}

.mod-keyvisual-detail {
  /*&__image-icon-text-wrapper:after {
        @include camera-balloon-arrow-sp();
        margin-right: 7.5%;

        @media screen and (min-width: 739px) {
            @include camera-balloon-arrow-pc();
            margin-right: 9%;
        }

        @media screen and (min-width: 769px) {
            @include camera-balloon-arrow-pc();
            margin-right: 9%;
        }

        @media screen and (min-width: 901px) {
            @include camera-balloon-arrow-pc();
            margin-right: 9%;
        }
    }*/
  /*&__button:last-child &__button-inner {
        // border-left-width: 1px;
        border-radius: 0 12% 12% 0 / 0 50% 50% 0;

        @media screen and (min-width: 739px) {
            padding-right: 32px;
            padding-left: 32px;
            border-radius: 0 18px 18px 0 / 0 50% 50% 0;
        }

        @media screen and (min-width: 769px) {
            padding-right: 32px;
            padding-left: 32px;
            border-radius: 0 18px 18px 0 / 0 50% 50% 0;
        }

        @media screen and (min-width: 901px) {
            padding-right: 32px;
            padding-left: 32px;
            border-radius: 0 18px 18px 0 / 0 50% 50% 0;
        }
    }*/
  /*&__button:first-child:last-child &__button-inner {
        border-right-width: 1px;
        border-left-width: 1px;

        @media screen and (min-width: 739px) {
            border-right-width: 2px;
            border-left-width: 2px;
        }

        @media screen and (min-width: 769px) {
            border-right-width: 2px;
            border-left-width: 2px;
        }

        @media screen and (min-width: 901px) {
            border-right-width: 2px;
            border-left-width: 2px;
        }
    }*/
  /*&__anchor-link:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 1px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: pallete(red1);
        transform: scale(0, 1);
        transform-origin: center top;
        transition: transform $hover-text-link-ms * 1ms;
    }*/
  /* Fixed */
  /*&--anchor-fixed &__anchor-item:hover &__anchor-link:after,
    &--anchor-fixed &__anchor-item--current &__anchor-link:after {

        @media screen and (min-width: 739px) {
            bottom: 1px;
        }

        @media screen and (min-width: 769px) {
            bottom: 1px;
        }

        @media screen and (min-width: 901px) {
            bottom: 1px;
        }
    }*/
  /* Current / Active */
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail {
    padding-bottom: 0;
  }
}

.mod-keyvisual-detail__header-upper {
  background-color: #e5e5e5;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-upper {
    display: block;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-upper {
    display: block;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-upper {
    display: block;
    margin: 0 auto;
  }
}

.mod-keyvisual-detail__header-upper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-upper-inner {
    padding-top: 0.93333%;
    padding-bottom: 0.53333%;
    max-width: 1260px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-upper-inner {
    max-width: 1260px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-upper-inner {
    max-width: 1260px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-detail__header-upper-inner {
    max-width: 1260px;
  }
}

.mod-keyvisual-detail__header-upper-left {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-upper-left {
    padding: 10px 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-upper-left {
    padding: 10px 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-upper-left {
    padding: 10px 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-detail__header-upper-left {
    padding: 10px 4.7619%;
  }
}

.mod-keyvisual-detail__breadcrumbs {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__breadcrumbs {
    display: block;
    padding: 1px 0 2px;
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__breadcrumbs {
    display: block;
    padding: 1px 0 2px;
    overflow: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__breadcrumbs {
    display: block;
    padding: 1px 0 2px;
    overflow: hidden;
  }
}

.mod-keyvisual-detail__breadcrumb {
  float: left;
  line-height: 1;
  letter-spacing: -0.4em;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__breadcrumb {
    padding-right: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__breadcrumb {
    padding-right: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__breadcrumb {
    padding-right: 5px;
  }
}

.mod-keyvisual-detail__breadcrumb:after {
  content: "/";
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  font-size: 0;
  letter-spacing: normal;
  color: #9c9c9c;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__breadcrumb:after {
    font-size: 0.75rem;
    padding-left: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__breadcrumb:after {
    font-size: 0.75rem;
    padding-left: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__breadcrumb:after {
    font-size: 0.75rem;
    padding-left: 5px;
  }
}

.mod-keyvisual-detail__breadcrumb--current {
  padding-right: 0;
}

.mod-keyvisual-detail__breadcrumb--current:after {
  display: none;
}

.mod-keyvisual-detail__breadcrumb-link {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  letter-spacing: normal;
  color: #222633;
  text-decoration: none;
}

.mod-keyvisual-detail__breadcrumb-link:hover {
  text-decoration: underline;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__breadcrumb-link {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__breadcrumb-link {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__breadcrumb-link {
    font-size: 0.75rem;
  }
}

.iphone .mod-keyvisual-detail__breadcrumb-link,
.ipad .mod-keyvisual-detail__breadcrumb-link {
  text-decoration: none;
}

.iphone .mod-keyvisual-detail__breadcrumb-link:hover,
.ipad .mod-keyvisual-detail__breadcrumb-link:hover {
  text-decoration: none;
}

.mod-keyvisual-detail__header-label {
  line-height: 1;
  font-size: 1.33333rem;
  color: #222633;
  overflow: hidden;
  margin-bottom: 2.26667vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-label {
    display: inline-block;
    vertical-align: top;
    font-size: 1.25rem;
    margin: 0 0 2%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-label {
    display: inline-block;
    vertical-align: top;
    font-size: 1.25rem;
    margin: 0 0 2%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-label {
    display: inline-block;
    vertical-align: top;
    font-size: 1.25rem;
    margin: 0 0 2%;
  }
}

.mod-keyvisual-detail__header-upper-right {
  width: 138px;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-upper-right {
    width: 138px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-upper-right {
    width: 138px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-upper-right {
    width: 138px;
  }
}

.mod-keyvisual-detail__header-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.mod-keyvisual-detail__header-icon {
  position: relative;
  width: 5.86667vw;
  height: 0;
  padding-top: 5.86667vw;
  overflow: hidden;
  margin-right: 1.86667vw;
  margin-right: 1.86667vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-icon {
    width: 27px;
    padding-top: 27px;
    margin-right: 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-icon {
    width: 27px;
    padding-top: 27px;
    margin-right: 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-icon {
    width: 27px;
    padding-top: 27px;
    margin-right: 10px;
  }
}

.mod-keyvisual-detail__header-icon:last-child {
  margin-right: 0;
}

.mod-keyvisual-detail__header-icon-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-lower {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-lower {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-lower {
    display: block;
    margin: 0 auto;
  }
}

.mod-keyvisual-detail__header-lower-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-lower-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 4.7619% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-lower-inner {
    padding: 60px 4.7619% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-lower-inner {
    padding: 60px 4.7619% 0;
  }
}

.mod-keyvisual-detail__header-text {
  padding: 12.68657% 0 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-text {
    max-width: calc(100% - 5.6vw);
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    max-width: calc(100% - 34px);
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 4.21053%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-text {
    max-width: calc(100% - 34px);
    padding-right: 4.21053%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-text {
    max-width: calc(100% - 34px);
    padding-right: 4.21053%;
  }
}

.mod-keyvisual-detail__heading-eng {
  display: block;
  line-height: 1.25;
  font-size: 2rem;
  margin-bottom: 2%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__heading-eng {
    font-size: 2.25rem;
  }
}

.mod-keyvisual-detail__heading-jpn {
  display: block;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__heading-jpn {
    font-size: 1.25rem;
  }
}

.mod-keyvisual-detail__header-favorite {
  width: 100%;
  position: absolute;
  bottom: 20px;
  right: 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-favorite {
    padding-top: 7px;
    bottom: 30px;
    right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-favorite {
    padding-top: 7px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-favorite {
    padding-top: 7px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-detail__header-favorite {
    width: 1260px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.mod-keyvisual-detail__header-favorite-icon {
  width: 9.6vw;
  height: 9.6vw;
  overflow: hidden;
  margin-left: auto;
  margin-right: 4.7619%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__header-favorite-icon {
    width: 60px;
    height: 60px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__header-favorite-icon {
    margin-right: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__header-favorite-icon {
    margin-right: 4.7619%;
  }
}

.mod-keyvisual-detail__header-favorite-icon-content {
  cursor: pointer;
}

.mod-keyvisual-detail__header-favorite-icon-content--white {
  display: none;
}

.mod-keyvisual-detail__header-favorite-icon-content--red {
  display: none;
}

.mod-keyvisual-detail__header-favorite-icon:hover .mod-keyvisual-detail__header-favorite-icon-content--black {
  display: block;
}

.mod-keyvisual-detail__header-favorite-icon:hover .mod-keyvisual-detail__header-favorite-icon-content--white {
  display: block;
}

.mod-keyvisual-detail__header-favorite--active .mod-keyvisual-detail__header-favorite-icon-content--black {
  display: none;
}

.mod-keyvisual-detail__header-favorite--active .mod-keyvisual-detail__header-favorite-icon:hover .mod-keyvisual-detail__header-favorite-icon-content--white {
  display: none;
}

.mod-keyvisual-detail__header-favorite--active .mod-keyvisual-detail__header-favorite-icon:hover .mod-keyvisual-detail__header-favorite-icon-content--black {
  display: none;
}

.mod-keyvisual-detail__header-favorite--active .mod-keyvisual-detail__header-favorite-icon:hover .mod-keyvisual-detail__header-favorite-icon-content--red {
  display: block;
}

.mod-keyvisual-detail__header-favorite--active .mod-keyvisual-detail__header-favorite-icon-content--red {
  display: block;
}

.mod-keyvisual-detail__body {
  background-color: #f6f6f6;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__slider-wrapper {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__slider-wrapper {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__slider-wrapper {
    display: none;
  }
}

.mod-keyvisual-detail__slider {
  position: relative;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__slider {
    padding: 3.33333% 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__slider {
    padding: 3.33333% 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__slider {
    padding: 3.33333% 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-detail__slider {
    padding: 42px 0 0;
  }
}

.mod-keyvisual-detail__slider .slick-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  line-height: 1;
  font-size: 0;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__slider .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__slider .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__slider .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-keyvisual-detail__slider .slick-dots li {
  line-height: 1;
  font-size: 0;
  margin: 0 8px;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__slider .slick-dots li {
    margin: 0 7.5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__slider .slick-dots li {
    margin: 0 7.5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__slider .slick-dots li {
    margin: 0 7.5px;
  }
}

.mod-keyvisual-detail__slider .slick-dots li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__slider .slick-dots li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__slider .slick-dots li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__slider .slick-dots li:last-child {
    margin-right: 0;
  }
}

.mod-keyvisual-detail__slider .slick-dots button {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 0;
  line-height: 1;
  font-size: 0;
  padding: 8px 0 0;
  overflow: hidden;
  border: 0;
  background: 0;
  margin: 0;
  outline: 0;
  cursor: pointer;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__slider .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__slider .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__slider .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

.mod-keyvisual-detail__slider .slick-dots button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 100%;
  background: #dcdcdc;
}

.mod-keyvisual-detail__slider .slick-dots li:hover button:before,
.mod-keyvisual-detail__slider .slick-dots .slick-active button:before {
  background: #f13c33;
}

.iphone .mod-keyvisual-detail__slider .slick-dots li:hover button:before,
.ipad .mod-keyvisual-detail__slider .slick-dots li:hover button:before {
  background: #e5e5e5;
}

.iphone .mod-keyvisual-detail__slider .slick-dots li.slick-active:hover button:before,
.ipad .mod-keyvisual-detail__slider .slick-dots li.slick-active:hover button:before {
  background: #f13c33;
}

.mod-keyvisual-detail__slide-image {
  position: relative;
}

.mod-keyvisual-detail__pc {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__pc {
    display: block;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__pc {
    display: block;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__pc {
    display: block;
    margin: 0 auto;
  }
}

.mod-keyvisual-detail__pc-inner {
  overflow: hidden;
}

.mod-keyvisual-detail__pc-images {
  position: relative;
  background-color: #383b47;
  overflow: hidden;
}

.mod-keyvisual-detail__pc-image {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__pc-image {
    height: 500px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__pc-image {
    height: 570px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-detail__pc-image {
    width: 1260px;
  }
}

.mod-keyvisual-detail__pc-image img.lazyloaded {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  /* -webkit-transform: translate(-50%,-50%); */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mod-keyvisual-detail__pc--split .mod-keyvisual-detail__pc-image:first-child {
  float: left;
  width: 67.7193%;
}

.mod-keyvisual-detail__pc--split .mod-keyvisual-detail__pc-image:nth-child(2),
.mod-keyvisual-detail__pc--split .mod-keyvisual-detail__pc-image:nth-child(3),
.mod-keyvisual-detail__pc--split .mod-keyvisual-detail__pc-image:nth-child(4) {
  float: right;
  width: 22.45614%;
}

.mod-keyvisual-detail__pc--split .mod-keyvisual-detail__pc-image:nth-child(3),
.mod-keyvisual-detail__pc--split .mod-keyvisual-detail__pc-image:nth-child(4) {
  margin-top: 0.35088%;
}

.mod-keyvisual-detail__image-icon {
  width: 100%;
  left: 0vw;
  bottom: 0vw;
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-detail__image-icon {
    width: 1260px;
  }
}

.mod-keyvisual-detail__image-icon-content-wrapper {
  width: 5.86667vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__image-icon-content-wrapper {
    width: 24px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__image-icon-content-wrapper {
    width: 24px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__image-icon-content-wrapper {
    width: 24px;
    height: 20px;
  }
}

.mod-keyvisual-detail__image-icon-text-wrapper {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__image-icon-text-wrapper {
    left: 0;
    bottom: 30px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-detail__image-icon-text-wrapper {
    width: 1260px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.mod-keyvisual-detail__image-icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  line-height: 1;
  font-size: 0.83333rem;
  padding-left: 4.7619%;
  overflow: hidden;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__image-icon-text {
    padding-left: 4.7619%;
    font-size: 0.625rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__image-icon-text {
    padding-left: 4.7619%;
    font-size: 0.625rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__image-icon-text {
    padding-left: 4.7619%;
    font-size: 0.625rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__footer-upper {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__footer-upper {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__footer-upper {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-keyvisual-detail__footer-upper-inner {
  padding: 5.6vw 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__footer-upper-inner {
    padding: 2% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__footer-upper-inner {
    width: 100%;
  }
}

.mod-keyvisual-detail__location {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1.49254%;
  padding-left: 25px;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_address.svg);
  background-repeat: no-repeat;
  background-position: left top 3px;
  background-size: 3%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__location {
    margin-bottom: 10px;
    background-position: left top;
    background-size: 17px 24px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__location {
    width: 55.4386%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__location {
    width: 632px;
  }
}

.mod-keyvisual-detail__location-eng {
  font-family: "PFDINTextStd-Light", sans-serif;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__location-eng {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__location-eng {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__location-eng {
    font-size: 1rem;
  }
}

.mod-keyvisual-detail__location-jpn {
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__location-jpn {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__location-jpn {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__location-jpn {
    font-size: 1rem;
  }
}

.mod-keyvisual-detail__eventtime {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "PFDINTextStd-Light", sans-serif;
  padding-left: 25px;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521453847/icons/icon_spot_calendar.svg);
  background-repeat: no-repeat;
  background-position: left top 3px;
  background-size: 3%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__eventtime {
    margin-bottom: 0;
    background-position: left top;
    background-size: 20px 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__eventtime {
    width: 55.4386%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__eventtime {
    width: 632px;
  }
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__buttons-wrapper {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__buttons-wrapper {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__buttons-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.mod-keyvisual-detail__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin: 0 auto;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__buttons {
    display: block;
    width: 240px;
    margin: 0 0 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__buttons {
    width: 240px;
    margin: 0 0 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__buttons {
    width: 240px;
    margin: 0 0 0 auto;
  }
}

.mod-keyvisual-detail__button {
  width: 100%;
  margin-bottom: 20px;
}

.mod-keyvisual-detail__button-inner {
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  text-align: center;
  padding: 2.13333vw 0 1.33333vw;
  overflow: hidden;
  color: #ffffff;
  background-color: #222633;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
  border-radius: 30px;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__button-inner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: auto;
    padding: 8px 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__button-inner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__button-inner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: auto;
  }
}

.mod-keyvisual-detail__button-bn .mod-keyvisual-detail__button-inner {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592602/icons/icon_book-now.svg) no-repeat left 17px center;
  background-color: #58c0ae;
  background-size: 4vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__button-bn .mod-keyvisual-detail__button-inner {
    background-size: 24px;
    background-position: left 10px center;
  }
}

.mod-keyvisual-detail__button-som,
.mod-keyvisual-detail__button-ti {
  width: 40vw;
  margin-bottom: 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__button-som,
  .mod-keyvisual-detail__button-ti {
    width: 100%;
    margin-bottom: 20px;
  }
}

.mod-keyvisual-detail__button-som .mod-keyvisual-detail__button-inner {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1520592641/icons/icon_view-map.svg);
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 4.53333vw 5.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__button-som .mod-keyvisual-detail__button-inner {
    background-size: 24px;
    background-position: left 10px center;
  }
}

.mod-keyvisual-detail__button-ti .mod-keyvisual-detail__button-inner {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1520592632/icons/icon_train.svg);
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 4vw 4.8vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__button-ti .mod-keyvisual-detail__button-inner {
    background-size: 24px;
    background-position: left 10px center;
  }
}

.mod-keyvisual-detail__button-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  width: 2.4vw;
  height: 0;
  overflow: hidden;
  margin-right: 1.73333vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__button-icon {
    width: 24px;
    height: 20px;
    margin-right: 44px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__button-icon {
    margin-right: 44px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__button-icon {
    margin-right: 44px;
  }
}

.mod-keyvisual-detail__button-icon-content--black {
  display: block;
}

.mod-keyvisual-detail__button-icon-content--white {
  display: none;
}

.mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--blacl {
  display: none;
}

.mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--white {
  display: block;
}

.iphone .mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--blacl,
.ipad .mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--blacl {
  display: block;
}

.iphone .mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--white,
.ipad .mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--white {
  display: none;
}

.mod-keyvisual-detail__button-icon-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mod-keyvisual-detail__button-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  letter-spacing: normal;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__button-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__footer-lower {
    background-color: #222633;
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__footer-lower {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__footer-lower {
    display: block;
  }
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__footer-lower-inner {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__footer-lower-inner {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__footer-lower-inner {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-detail__footer-lower-inner {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__anchor-wrapper {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__anchor-wrapper {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__anchor-wrapper {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-detail__anchor-wrapper {
    padding: 0 4.7619%;
  }
}

.mod-keyvisual-detail__anchor {
  position: relative;
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__anchor {
    height: 90px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__anchor {
    height: 90px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__anchor {
    height: 90px;
  }
}

.mod-keyvisual-detail__anchor:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222633;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

.mod-keyvisual-detail__anchor-inner {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.mod-keyvisual-detail__anchor-items-wrapper {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__anchor-items-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail__anchor-items-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail__anchor-items-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-keyvisual-detail__anchor-items {
  min-width: 100%;
  letter-spacing: -0.4em;
  white-space: nowrap;
}

.mod-keyvisual-detail__anchor-item {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}

.mod-keyvisual-detail__anchor-link {
  position: relative;
  display: block;
  line-height: 1;
  font-size: 0.91667rem;
  color: #fff;
  padding: 25px 0 22px;
  margin: 0 2.13333vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail__anchor-link {
    font-size: 1.25rem;
    padding: 36px 0 34px;
    margin: 0 20px;
  }
}

.mod-keyvisual-detail__anchor-link:hover {
  color: #f13c33;
  -webkit-transition: 250ms;
  transition: 250ms;
}

.mod-keyvisual-detail__anchor-item:first-child .mod-keyvisual-detail__anchor-link {
  margin-left: 0;
}

.mod-keyvisual-detail__anchor-item:last-child .mod-keyvisual-detail__anchor-link {
  margin-right: 0;
}

.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  z-index: 9000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
    top: 90px;
    height: 60px;
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
    height: 60px;
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
    top: 92px;
    height: 60px;
    margin-bottom: 16px;
  }
}

.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor:before {
  opacity: 1;
}

.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-inner {
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-inner {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-inner {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-inner {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-items-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  overflow-y: hidden;
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-items-wrapper {
    top: 92px;
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-items-wrapper {
    top: 92px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-items-wrapper {
    top: 92px;
  }
}

.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-items {
  border-top: #ffffff;
}

.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-link {
  padding: 9px 0 8px;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-link {
    padding: 24px 0 22px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-link {
    padding: 24px 0 22px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-link {
    padding: 24px 0 22px;
  }
}

.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item:hover,
.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item--current .mod-keyvisual-detail__anchor-link {
  color: #f13c33;
  -webkit-transition: color 250ms;
  transition: color 250ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after,
  .ipad .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after {
    bottom: 1px;
  }
}

@media screen and (min-width: 769px) {
  .iphone .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after,
  .ipad .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after {
    bottom: 1px;
  }
}

@media screen and (min-width: 901px) {
  .iphone .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after,
  .ipad .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after {
    bottom: 1px;
  }
}

.mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after,
.mod-keyvisual-detail__anchor-item--current .mod-keyvisual-detail__anchor-link:after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after,
.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item--current .mod-keyvisual-detail__anchor-link:after {
  background-color: #f13c33;
}

.mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after,
.mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after,
.mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor-item:hover .mod-keyvisual-detail__anchor-link:after {
  background-color: #f13c33;
}

.mod-keyvisual-detail--image-none .mod-keyvisual-detail__header {
  padding-bottom: 4vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-detail--image-none .mod-keyvisual-detail__header {
    padding-bottom: 2.38095%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-detail--image-none .mod-keyvisual-detail__header {
    padding-bottom: 2.38095%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-detail--image-none .mod-keyvisual-detail__header {
    padding-bottom: 2.38095%;
  }
}

.mod-keyvisual-detail--image-none .mod-keyvisual-detail__pc-image {
  height: 210px;
}

.mod-keyvisual-detail__button .mod-keyvisual-detail__button-inner:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--black {
  display: none;
}

.mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--white {
  display: block;
}

.iphone .mod-keyvisual-detail__button-inner:hover,
.ipad .mod-keyvisual-detail__button-inner:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.iphone .mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--black,
.ipad .mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--black {
  display: block;
}

.iphone .mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--white,
.ipad .mod-keyvisual-detail__button-inner:hover .mod-keyvisual-detail__button-icon-content--white {
  display: none;
}

/* Cookie Bar Active */

body.body--cookie-bar-active .mod-keyvisual-detail {
  margin-top: 50px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active .mod-keyvisual-detail {
    margin-top: 50px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active .mod-keyvisual-detail {
    margin-top: 50px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active .mod-keyvisual-detail {
    margin-top: 50px;
  }
}

body.body--cookie-bar-active .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
  top: 110px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
    top: 140px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
    top: 140px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
    top: 142px;
  }
}

/* Font & Color Bar Active */

body.body--font-and-color-active .mod-keyvisual-detail {
  margin-top: 50px;
}

@media screen and (min-width: 739px) {
  body.body--font-and-color-active .mod-keyvisual-detail {
    margin-top: 50px;
  }
}

@media screen and (min-width: 769px) {
  body.body--font-and-color-active .mod-keyvisual-detail {
    margin-top: 50px;
  }
}

@media screen and (min-width: 901px) {
  body.body--font-and-color-active .mod-keyvisual-detail {
    margin-top: 50px;
  }
}

body.body--font-and-color-active .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
  top: 110px;
}

@media screen and (min-width: 739px) {
  body.body--font-and-color-active .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
    top: 140px;
  }
}

@media screen and (min-width: 901px) {
  body.body--font-and-color-active .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
    top: 142px;
  }
}

/* Cookie Bar Active + Font & Color Bar Active */

body.body--cookie-bar-active.body--font-and-color-active .mod-keyvisual-detail {
  margin-top: 100px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-keyvisual-detail {
    margin-top: 100px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-keyvisual-detail {
    margin-top: 100px;
  }
}

body.body--cookie-bar-active.body--font-and-color-active .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
  top: 160px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
    top: 190px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active.body--font-and-color-active .mod-keyvisual-detail--anchor-fixed .mod-keyvisual-detail__anchor {
    top: 192px;
  }
}

#bookNow:before {
  content: "";
  display: block;
  visibility: hidden;
  height: 160px;
  margin-top: -160px;
}

@media screen and (min-width: 739px) {
  #bookNow:before {
    height: 250px;
    margin-top: -250px;
  }
}

@media screen and (min-width: 769px) {
  #bookNow:before {
    height: 250px;
    margin-top: -250px;
  }
}

@media screen and (min-width: 901px) {
  #bookNow:before {
    height: 252px;
    margin-top: -252px;
  }
}

/* Cookie Bar Active */

body.body--cookie-bar-active #bookNow:before {
  height: 210px;
  margin-top: -210px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active #bookNow:before {
    height: 300px;
    margin-top: -300px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active #bookNow:before {
    height: 300px;
    margin-top: -300px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active #bookNow:before {
    height: 302px;
    margin-top: -302px;
  }
}

/* Font & Color Bar Active */

body.body--font-and-color-active #bookNow:before {
  height: 210px;
  margin-top: -210px;
}

@media screen and (min-width: 739px) {
  body.body--font-and-color-active #bookNow:before {
    height: 300px;
    margin-top: -300px;
  }
}

@media screen and (min-width: 769px) {
  body.body--font-and-color-active #bookNow:before {
    height: 300px;
    margin-top: -300px;
  }
}

@media screen and (min-width: 901px) {
  body.body--font-and-color-active #bookNow:before {
    height: 302px;
    margin-top: -302px;
  }
}

/* Cookie Bar Active + Font & Color Bar Active */

body.body--cookie-bar-active.body--font-and-color-active #bookNow:before {
  height: 260px;
  margin-top: -260px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active.body--font-and-color-active #bookNow:before {
    height: 350px;
    margin-top: -350px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active.body--font-and-color-active #bookNow:before {
    height: 350px;
    margin-top: -350px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active.body--font-and-color-active #bookNow:before {
    height: 352px;
    margin-top: -352px;
  }
}

.mod-keyvisual-text {
  padding-bottom: 6.66667%;
  /* Current / Hover */
  /* Fixed */
  /* Current / Active */
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text {
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text {
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text {
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-text {
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__inner {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__inner {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__inner {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-keyvisual-text__upper {
  padding-top: 60px;
  padding-bottom: 2.38095%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__upper {
    padding: 92px 4.7619% 2.22222%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__upper {
    padding: 92px 4.7619% 2.22222%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__upper {
    padding: 92px 4.7619% 2.22222%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-text__upper {
    padding: 92px 60px 28px;
  }
}

.mod-keyvisual-text__heading {
  padding: 11.04478% 0 5.67164%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__heading {
    width: 65.75592%;
    padding: 6.31579% 0 3.68421%;
    margin-right: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__heading {
    width: 65.75592%;
    padding: 6.31579% 0 3.68421%;
    margin-right: auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__heading {
    width: 65.75592%;
    padding: 6.31579% 0 3.68421%;
    margin-right: auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-text__heading {
    width: 722px;
    padding: 72px 0 42px;
    margin-right: auto;
  }
}

.mod-keyvisual-text__heading-text {
  line-height: 1.1;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__heading-text {
    font-size: 3rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__heading-text {
    font-size: 3rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__heading-text {
    font-size: 3rem;
  }
}

.mod-keyvisual-text__split:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__split-left {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 65.75592%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__split-left {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 65.75592%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__split-left {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 65.75592%;
  }
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__split-right {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 26.66667%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__split-right {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 26.66667%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__split-right {
    float: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 26.66667%;
  }
}

.mod-keyvisual-text__lead {
  font-size: 1.16667rem;
  margin-bottom: 4.38596%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__lead {
    font-size: 1rem;
    margin-bottom: 2.19298%;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__lead {
    font-size: 1rem;
    margin-bottom: 2.19298%;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__lead {
    font-size: 1rem;
    margin-bottom: 2.19298%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-text__lead {
    margin-bottom: 25px;
  }
}

.mod-keyvisual-text__items {
  margin-bottom: 4.38596%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__items {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__items {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__items {
    margin-bottom: 0;
  }
}

.mod-keyvisual-text__item {
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__item {
    margin-bottom: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__item {
    margin-bottom: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__item {
    margin-bottom: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-keyvisual-text__item {
    margin-bottom: 12px;
  }
}

.mod-keyvisual-text__item:last-child {
  margin-bottom: 0;
}

.mod-keyvisual-text__item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.mod-keyvisual-text__image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mod-keyvisual-text__image-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-keyvisual-text__image-inner > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.iphone .mod-keyvisual-text__item-inner:hover .mod-keyvisual-text__image-inner > img,
.ipad .mod-keyvisual-text__item-inner:hover .mod-keyvisual-text__image-inner > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-keyvisual-text__lower {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background-color: #222633;
  border-top: 1px solid #ffffff;
}

.mod-keyvisual-text__anchor-wrapper {
  margin: 0 auto;
  overflow: hidden;
}

.mod-keyvisual-text__anchor {
  position: relative;
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__anchor {
    height: 90px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__anchor {
    height: 90px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__anchor {
    height: 90px;
  }
}

.mod-keyvisual-text__anchor:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222633;
  opacity: 0;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}

.mod-keyvisual-text__anchor-inner {
  overflow-x: scroll;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__anchor-inner {
    max-width: 1260px;
  }
}

.mod-keyvisual-text__anchor-items-wrapper {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #dcdcdc;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__anchor-items-wrapper {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    border-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__anchor-items-wrapper {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    border-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__anchor-items-wrapper {
    padding-right: 60px;
    padding-left: 60px;
    border-top: 0;
  }
}

.mod-keyvisual-text__anchor-items {
  overflow: hidden;
  min-width: 100%;
  letter-spacing: -0.4em;
  white-space: nowrap;
}

.mod-keyvisual-text__anchor-item {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}

.mod-keyvisual-text__anchor-link {
  position: relative;
  display: block;
  color: #ffffff;
  line-height: 1;
  font-size: 1rem;
  padding: 23px 0;
  margin: 0 4.8vw;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text__anchor-link {
    font-size: 0.875rem;
    padding: 40px 0 36px;
    margin: 0 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text__anchor-link {
    font-size: 0.875rem;
    padding: 40px 0 36px;
    margin: 0 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text__anchor-link {
    font-size: 0.875rem;
    padding: 40px 0 36px;
    margin: 0 10px;
  }
}

.mod-keyvisual-text__anchor-link:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e7001d;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.mod-keyvisual-text__anchor-item:first-child .mod-keyvisual-text__anchor-link {
  margin-left: 0;
}

.mod-keyvisual-text__anchor-item:last-child .mod-keyvisual-text__anchor-link {
  margin-right: 0;
}

.mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor {
  position: fixed;
  top: 60px;
  right: 0;
  left: 0;
  z-index: 9000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor {
    top: 92px;
    height: 44px;
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor {
    top: 92px;
    height: 44px;
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor {
    top: 92px;
    height: 44px;
    margin-bottom: 16px;
  }
}

.mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor:before {
  opacity: 1;
}

.mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-inner {
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-inner {
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-inner {
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-inner {
    margin: 0 auto;
  }
}

.mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-items-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  overflow-y: hidden;
  border-top: 0;
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-items-wrapper {
    top: 92px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-items-wrapper {
    top: 92px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-items-wrapper {
    top: 92px;
  }
}

.mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-items {
  border-top: #ffffff;
}

.mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-link {
  padding: 13px 0;
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-link {
    padding: 18px 0 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-link {
    padding: 18px 0 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-link {
    padding: 18px 0 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after,
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item--current .mod-keyvisual-text__anchor-link:after {
    bottom: 1px;
  }
}

@media screen and (min-width: 769px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after,
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item--current .mod-keyvisual-text__anchor-link:after {
    bottom: 1px;
  }
}

@media screen and (min-width: 901px) {
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after,
  .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item--current .mod-keyvisual-text__anchor-link:after {
    bottom: 1px;
  }
}

@media screen and (min-width: 739px) {
  .iphone .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after,
  .ipad .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after {
    bottom: 1px;
  }
}

@media screen and (min-width: 769px) {
  .iphone .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after,
  .ipad .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after {
    bottom: 1px;
  }
}

@media screen and (min-width: 901px) {
  .iphone .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after,
  .ipad .mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after {
    bottom: 1px;
  }
}

.mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after,
.mod-keyvisual-text__anchor-item--current .mod-keyvisual-text__anchor-link:after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after,
.mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item--current .mod-keyvisual-text__anchor-link:after {
  background-color: #e7001d;
}

.mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

.mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after,
.mod-keyvisual-text--anchor-fixed .mod-keyvisual-text__anchor-item:hover .mod-keyvisual-text__anchor-link:after {
  background-color: #e7001d;
}

/* Cookie Bar Active */

body.body--cookie-bar-active .mod-keyvisual-text {
  margin-top: 85px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active .mod-keyvisual-text {
    margin-top: 50px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active .mod-keyvisual-text {
    margin-top: 50px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active .mod-keyvisual-text {
    margin-top: 50px;
  }
}

body.body--cookie-bar-active .mod-keyvisual-text--anchor-fixed .mod-keyvisual__anchor {
  top: 145px;
}

@media screen and (min-width: 739px) {
  body.body--cookie-bar-active .mod-keyvisual-text--anchor-fixed .mod-keyvisual__anchor {
    top: 142px;
  }
}

@media screen and (min-width: 769px) {
  body.body--cookie-bar-active .mod-keyvisual-text--anchor-fixed .mod-keyvisual__anchor {
    top: 142px;
  }
}

@media screen and (min-width: 901px) {
  body.body--cookie-bar-active .mod-keyvisual-text--anchor-fixed .mod-keyvisual__anchor {
    top: 142px;
  }
}

.mod-lead {
  padding: 0;
}

@media screen and (min-width: 507px) {
  .mod-lead {
    padding: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-lead {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-lead {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-lead {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-lead {
    padding: 0;
  }
}

.mod-lead__lead {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.66667rem;
  padding-top: 3%;
  padding-bottom: 3%;
}

@media screen and (min-width: 507px) {
  .mod-lead__lead {
    font-size: 1.66667rem;
    padding-top: 3%;
    padding-bottom: 3%;
  }
}

@media screen and (min-width: 739px) {
  .mod-lead__lead {
    font-size: 1.75rem;
    padding: 2.49307% 0;
    line-height: 1.25;
  }
}

@media screen and (min-width: 769px) {
  .mod-lead__lead {
    font-size: 1.75rem;
    padding: 2.49307% 0;
    line-height: 1.25;
  }
}

@media screen and (min-width: 901px) {
  .mod-lead__lead {
    font-size: 1.75rem;
    padding: 2.49307% 0;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1260px) {
  .mod-lead__lead {
    padding: 18px 0;
  }
}

.mod-lead__sub-lead {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.33333rem;
  padding-top: 3%;
  padding-bottom: 3%;
}

@media screen and (min-width: 507px) {
  .mod-lead__sub-lead {
    font-size: 1.33333rem;
    padding-top: 3%;
    padding-bottom: 3%;
  }
}

@media screen and (min-width: 739px) {
  .mod-lead__sub-lead {
    font-size: 1.5rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-lead__sub-lead {
    font-size: 1.5rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-lead__sub-lead {
    font-size: 1.5rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-lead__sub-lead {
    padding: 18px 0;
  }
}

.mod-lead__text {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.16667rem;
  padding-top: 3%;
  padding-bottom: 3%;
}

@media screen and (min-width: 507px) {
  .mod-lead__text {
    font-size: 1.16667rem;
    padding-top: 3%;
    padding-bottom: 3%;
  }
}

@media screen and (min-width: 739px) {
  .mod-lead__text {
    font-size: 1rem;
    padding: 2.49307% 0 4.15512%;
  }
}

@media screen and (min-width: 769px) {
  .mod-lead__text {
    font-size: 1rem;
    padding: 2.49307% 0 4.15512%;
  }
}

@media screen and (min-width: 901px) {
  .mod-lead__text {
    font-size: 1rem;
    padding: 2.49307% 0 4.15512%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-lead__text {
    padding: 18px 0 30px;
  }
}

.mod-lead__textlink {
  word-wrap: break-word;
  cursor: pointer;
  text-decoration: underline;
}

.mod-lead__textlink:hover {
  color: #f13c33;
}

.mod-lead__textlink:hover {
  text-decoration: none;
}

.iphone .mod-lead__textlink,
.ipad .mod-lead__textlink {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  text-decoration: underline;
}

.iphone .mod-lead__textlink:hover,
.ipad .mod-lead__textlink:hover {
  color: #f13c33;
}

.iphone .mod-lead__textlink:hover,
.ipad .mod-lead__textlink:hover {
  text-decoration: underline;
}

.mod-lead__list {
  line-height: 1.3;
}

.mod-lead__list-item {
  font-size: 1.16667rem;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: .5em;
}

@media screen and (min-width: 507px) {
  .mod-lead__list-item {
    font-size: 1.16667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-lead__list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-lead__list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-lead__list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-lead__list-item {
    font-size: 1rem;
  }
}

.mod-lead__list-item:before {
  content: "\30FB";
}

.mod-link__text {
  vertical-align: middle;
  color: #e7001d;
}

.mod-link__icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-link__icon {
    top: 0;
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-link__icon {
    top: 0;
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-link__icon {
    top: 0;
    width: 12px;
    height: 12px;
  }
}

.mod-link:hover .mod-link__text {
  text-decoration: underline;
}

.iphone .mod-link:hover .mod-link__text,
.ipad .mod-link:hover .mod-link__text {
  text-decoration: none;
}

.mod-list-bullet {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-list-bullet {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-bullet {
    padding: 50px 0;
  }
}

.mod-list-bullet__header {
  margin: 0 auto 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-list-bullet__header {
    max-width: 1260px;
    margin: 0 auto 1.42857vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet__header {
    max-width: 1260px;
    margin: 0 auto 1.42857vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet__header {
    max-width: 1260px;
    margin: 0 auto 1.42857vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-bullet__header {
    max-width: 1260px;
    margin: 0 auto 18px;
  }
}

.mod-list-bullet__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-list-bullet__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-list-bullet__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 1.66667rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-list-bullet__heading {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet__heading {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet__heading {
    font-size: 1.25rem;
  }
}

.mod-list-bullet__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-list-bullet__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-list-bullet__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-list-bullet__header-link,
.ipad .mod-list-bullet__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-list-bullet__header-link:hover,
.ipad .mod-list-bullet__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-list-bullet__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-list-bullet__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-list-bullet__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-list-bullet__item {
  position: relative;
  padding-bottom: 2.66667vw;
  padding-left: 1.0em;
  line-height: 1.3;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-list-bullet__item {
    padding-bottom: 0.79365vw;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet__item {
    padding-bottom: 0.79365vw;
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet__item {
    padding-bottom: 0.79365vw;
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-bullet__item {
    padding-bottom: 10px;
    font-size: 1rem;
  }
}

.mod-list-bullet__item:last-child {
  padding-bottom: 0;
}

.mod-list-bullet__item:before {
  content: "\2022";
  position: absolute;
  top: 0;
  left: 0;
}

.mod-list-bullet__link-text {
  border-bottom: 1px dotted #2b2b2b;
}

@media screen and (min-width: 739px) {
  .mod-list-bullet__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet__link-text {
    margin: 0 3px;
  }
}

.mod-list-bullet__link-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-list-bullet__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-list-bullet--no-padding .mod-list-bullet__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet--no-padding .mod-list-bullet__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet--no-padding .mod-list-bullet__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-list-bullet--no-padding .mod-list-bullet__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-bullet--no-padding .mod-list-bullet__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-bullet--no-padding .mod-list-bullet__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-list-faq {
  padding: 6.66667% 0;
  /* Hover */
  /* Accordion */
}

@media screen and (min-width: 739px) {
  .mod-list-faq {
    padding: 0 0 30px;
  }
}

@media screen and (min-width: 739px) {
  .mod-list-faq + .mod-list-faq {
    padding-top: 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq + .mod-list-faq {
    padding-top: 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq + .mod-list-faq {
    padding-top: 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-faq + .mod-list-faq {
    padding-top: 30px;
  }
}

.mod-list-faq__header {
  margin: 0 auto 4.93333%;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-faq__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-list-faq__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-list-faq__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__heading {
    font-size: 1.75rem;
  }
}

.mod-list-faq__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-list-faq__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-list-faq__header-link,
.ipad .mod-list-faq__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-list-faq__header-link:hover,
.ipad .mod-list-faq__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-list-faq__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-list-faq__contents {
  padding-bottom: 2.13333vw;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__contents {
    padding-bottom: 0;
    border-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__contents {
    padding-bottom: 0;
    border-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__contents {
    padding-bottom: 0;
    border-bottom: 0;
  }
}

.mod-list-faq__content:first-child {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__content:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__content:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__content:first-child {
    margin-top: 0;
  }
}

.mod-list-faq__content:first-child .mod-list-faq__items {
  padding-top: 3.73333vw;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__content:first-child .mod-list-faq__items {
    padding-top: 1.98413vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__content:first-child .mod-list-faq__items {
    padding-top: 1.98413vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__content:first-child .mod-list-faq__items {
    padding-top: 1.98413vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-faq__content:first-child .mod-list-faq__items {
    padding-top: 25px;
  }
}

@media screen and (min-width: 739px) {
  .mod-list-faq__content:last-child {
    padding-bottom: 0.47619vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__content:last-child {
    padding-bottom: 0.47619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__content:last-child {
    padding-bottom: 0.47619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-faq__content:last-child {
    padding-bottom: 6px;
  }
}

.mod-list-faq__content--hidden {
  display: none;
}

.mod-list-faq__content--opened {
  display: block;
}

.mod-list-faq__item {
  line-height: 1.3;
  font-size: 1.16667rem;
  margin-bottom: 2.13333vw;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__item {
    font-size: 1rem;
    margin-bottom: 1.34921vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__item {
    font-size: 1rem;
    margin-bottom: 1.34921vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__item {
    font-size: 1rem;
    margin-bottom: 1.34921vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-faq__item {
    font-size: 1rem;
    margin-bottom: 17px;
  }
}

.mod-list-faq__link-text {
  vertical-align: middle;
}

.mod-list-faq__link-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__link-icon {
    width: 12px;
    height: 12px;
  }
}

.mod-list-faq__link-icon-content--gray {
  display: block;
}

.mod-list-faq__link-icon-content--red {
  display: none;
}

.mod-list-faq__showmore {
  margin-top: 3.8806%;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__showmore {
    margin-top: 1.40351%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-faq__showmore {
    margin-top: 1.40351%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-faq__showmore {
    margin-top: 1.40351%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-faq__showmore {
    margin-top: 16px;
  }
}

.mod-list-faq__showmore-button {
  color: #ffffff;
  background-color: #222633;
  position: relative;
  width: 29.33333vw;
  height: 5.33333vw;
  border-radius: 40px;
  line-height: 1.0em;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
}

@media screen and (max-width: 350px) {
  .mod-list-faq__showmore-button {
    width: 110px;
    height: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-list-faq__showmore-button {
    width: 200px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
  }
}

.mod-list-faq__showmore-button:hover {
  background-color: #f13c33;
}

.mod-list-faq__showmore-button-icon {
  position: relative;
  top: 1.6vw;
  left: 1.6vw;
  display: inline-block;
  width: 2.13333vw;
  height: 2.13333vw;
  vertical-align: top;
  letter-spacing: normal;
}

@media screen and (max-width: 350px) {
  .mod-list-faq__showmore-button-icon {
    top: 6px;
    width: 8px;
    height: 8px;
  }
}

@media screen and (min-width: 739px) {
  .mod-list-faq__showmore-button-icon {
    display: inline-block;
    top: 7px;
    left: 10px;
    width: 16px;
    height: 16px;
    margin-right: 6px;
  }
}

.mod-list-faq__showmore-button-icon-image--white {
  display: block;
}

.mod-list-faq__showmore-button-icon-image--red {
  display: none;
}

.mod-list-faq__showmore-button-text {
  position: absolute;
  top: 52%;
  left: 5.6vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: top;
  line-height: 1.0em;
  font-size: 2.4vw;
}

@media screen and (min-width: 739px) {
  .mod-list-faq__showmore-button-text {
    left: auto;
    font-size: 16px;
    margin-left: 16px;
  }
}

.mod-list-faq__link:hover {
  color: #f13c33;
}

.mod-list-faq__link:hover .mod-list-faq__link-icon-content--gray {
  display: none;
}

.mod-list-faq__link:hover .mod-list-faq__link-icon-content--red {
  display: block;
}

.mod-list-faq__showmore-button:hover .mod-list-faq__showmore-button-icon-image--white {
  display: none;
}

.mod-list-faq__showmore-button:hover .mod-list-faq__showmore-button-icon-image--red {
  display: block;
}

.mod-list-faq__link:hover,
.mod-list-faq__link:hover {
  color: #222633;
}

.mod-list-faq__link:hover .mod-list-faq__link-icon-content--gray,
.mod-list-faq__link:hover .mod-list-faq__link-icon-content--gray {
  display: block;
}

.mod-list-faq__link:hover .mod-list-faq__link-icon-content--red,
.mod-list-faq__link:hover .mod-list-faq__link-icon-content--red {
  display: none;
}

.mod-list-faq__showmore-button:hover .mod-list-faq__showmore-button-icon-image--white,
.mod-list-faq__showmore-button:hover .mod-list-faq__showmore-button-icon-image--white {
  display: block;
}

.mod-list-faq__showmore-button:hover .mod-list-faq__showmore-button-icon-image--red,
.mod-list-faq__showmore-button:hover .mod-list-faq__showmore-button-icon-image--red {
  display: none;
}

.mod-list-faq--accordion-opened .mod-list-faq__content {
  display: block;
}

.mod-list-faq--accordion-opened .mod-list-faq__showmore {
  display: none;
}

.mod-list-logo {
  padding: 6.66667% 0;
  /* Showmore */
  /* Accordion */
}

@media screen and (min-width: 739px) {
  .mod-list-logo {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-logo {
    padding: 50px 0;
  }
}

.mod-list-logo__header {
  margin: 0 auto 4.26667%;
}

@media screen and (min-width: 739px) {
  .mod-list-logo__header {
    max-width: 1260px;
    margin: 0 auto 1.5873vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__header {
    max-width: 1260px;
    margin: 0 auto 1.5873vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__header {
    max-width: 1260px;
    margin: 0 auto 1.5873vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-logo__header {
    max-width: 1260px;
    margin: 0 auto 20px;
  }
}

.mod-list-logo__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-list-logo__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-list-logo__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 1.66667rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-list-logo__heading {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__heading {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__heading {
    font-size: 1.5rem;
  }
}

.mod-list-logo__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-list-logo__header-link {
    width: 11.48256%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__header-link {
    width: 11.48256%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__header-link {
    width: 11.48256%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-list-logo__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-list-logo__body-inner {
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-list-logo__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-list-logo__items {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-list-logo__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-logo__items {
    border-bottom: 0;
  }
}

.mod-list-logo__items:first-child {
  border-top: 1px solid #dcdcdc;
}

.mod-list-logo__item {
  float: left;
  width: 31.34328%;
  margin: 6.66667vw 0 0 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-list-logo__item {
    width: 14.3898%;
    margin: 3.96825vw 0 0 2.63158%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__item {
    width: 14.3898%;
    margin: 3.96825vw 0 0 2.63158%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__item {
    width: 14.3898%;
    margin: 3.96825vw 0 0 2.63158%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-logo__item {
    width: 14.3898%;
    margin: 50px 0 0 2.63158%;
  }
}

.mod-list-logo__item:nth-child(3n+1) {
  margin-left: 0;
}

@media screen and (min-width: 739px) {
  .mod-list-logo__item:nth-child(3n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__item:nth-child(3n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__item:nth-child(3n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 739px) {
  .mod-list-logo__item:nth-child(6n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__item:nth-child(6n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__item:nth-child(6n+1) {
    margin-left: 0;
  }
}

.mod-list-logo__item-inner {
  position: relative;
  display: block;
}

.mod-list-logo__image {
  width: 100%;
  overflow: hidden;
}

.mod-list-logo__showmore {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
}

@media screen and (min-width: 739px) {
  .mod-list-logo__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-logo__showmore {
    margin-top: 28px;
  }
}

.mod-list-logo__showmore-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.38806% 0 1.49254%;
  overflow: hidden;
  border-radius: 40px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-list-logo__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-list-logo__showmore-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-logo__showmore-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

.iphone .mod-list-logo__showmore-button:hover,
.ipad .mod-list-logo__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-list-logo--accordion .mod-list-logo__items--hidden {
  display: none;
}

.mod-list-logo--accordion .mod-list-logo__items--hidden-autoheight {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.mod-list-logo--accordion .mod-list-logo__items--opened {
  display: block;
}

.mod-list-logo--accordion .mod-list-logo__showmore--hidden {
  display: none;
}

.mod-list-logo[data-column-pc="4"] {
  padding-bottom: 6.66667%;
}

@media screen and (min-width: 739px) {
  .mod-list-logo[data-column-pc="4"] {
    padding-bottom: 7.93651%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo[data-column-pc="4"] {
    padding-bottom: 7.93651%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo[data-column-pc="4"] {
    padding-bottom: 7.93651%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-logo[data-column-pc="4"] {
    padding-bottom: 100px;
  }
}

.mod-list-logo[data-column-pc="4"] .mod-list-logo__item {
  width: 48.50746%;
  margin-left: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item {
    width: 22.95082%;
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item {
    width: 22.95082%;
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item {
    width: 22.95082%;
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item {
    width: 22.95082%;
    margin-left: 2.63158%;
  }
}

.mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(3n+1) {
  margin-left: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(3n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(3n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(3n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 739px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(6n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(6n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(6n+1) {
    margin-left: 2.63158%;
  }
}

.mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(2n+1) {
  margin-left: 0;
}

@media screen and (min-width: 739px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(2n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(2n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(2n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 739px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-list-logo[data-column-pc="4"] .mod-list-logo__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

.mod-locals {
  padding: 0;
}

@media screen and (min-width: 507px) {
  .mod-locals {
    padding: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-locals {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals {
    padding: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-locals__body {
    max-width: 1260px;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals__body {
    max-width: 1260px;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals__body {
    max-width: 1260px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals__body {
    max-width: 1260px;
  }
}

.mod-locals__body-inner {
  display: block;
  padding: 0;
}

@media screen and (min-width: 507px) {
  .mod-locals__body-inner {
    padding: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-locals__body-inner {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals__body-inner {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals__body-inner {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals__body-inner {
    padding: 0;
  }
}

.mod-locals__text-wrapper {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 11px;
  padding-bottom: 22px;
  border-left: 10px solid #e5e5e5;
  border-bottom: 10px solid #e5e5e5;
}

@media screen and (min-width: 507px) {
  .mod-locals__text-wrapper {
    padding-right: 0;
    padding-left: 11px;
    padding-bottom: 10px solid #e5e5e5;
  }
}

@media screen and (min-width: 739px) {
  .mod-locals__text-wrapper {
    padding-right: 0;
    padding-left: 21px;
    padding-bottom: 42px;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals__text-wrapper {
    padding-right: 0;
    padding-left: 21px;
    padding-bottom: 42px;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals__text-wrapper {
    padding-right: 0;
    padding-left: 21px;
    padding-bottom: 42px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals__text-wrapper {
    padding-right: 0;
    padding-left: 21px;
    padding-bottom: 42px;
  }
}

.mod-locals__text {
  position: relative;
  overflow: hidden;
}

.mod-locals__textlink {
  word-wrap: break-word;
  cursor: pointer;
  text-decoration: underline;
}

.mod-locals__textlink:hover {
  color: #f13c33;
}

.mod-locals__textlink:hover {
  text-decoration: none;
}

.iphone .mod-locals__textlink,
.ipad .mod-locals__textlink {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  text-decoration: underline;
}

.iphone .mod-locals__textlink:hover,
.ipad .mod-locals__textlink:hover {
  color: #f13c33;
}

.iphone .mod-locals__textlink:hover,
.ipad .mod-locals__textlink:hover {
  text-decoration: underline;
}

.mod-locals__favorite-icon {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  width: 5.86667vw;
  height: 4.93333vw;
}

@media screen and (min-width: 507px) {
  .mod-locals__favorite-icon {
    width: 5.86667vw;
    height: 4.93333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-locals__favorite-icon {
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals__favorite-icon {
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals__favorite-icon {
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals__favorite-icon {
    width: 23px;
    height: 19px;
  }
}

.mod-locals__favorite-icon-content {
  cursor: pointer;
}

.mod-locals__favorite-icon-content--black {
  display: block;
}

.mod-locals__favorite-icon-content--red {
  display: none;
}

.mod-locals__favorite-icon--active .mod-locals__favorite-icon-content--black {
  display: none;
}

.mod-locals__favorite-icon--active .mod-locals__favorite-icon-content--red {
  display: block;
}

.mod-locals__category {
  display: block;
  font-size: 3.73333vw;
  color: #222633;
}

@media screen and (min-width: 507px) {
  .mod-locals__category {
    font-size: 3.73333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-locals__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals__category {
    font-size: 16px;
  }
}

.mod-locals__name {
  display: block;
  font-size: 1.66667rem;
}

@media screen and (min-width: 507px) {
  .mod-locals__name {
    font-size: 1.66667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-locals__name {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals__name {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals__name {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals__name {
    font-size: 32px;
  }
}

.mod-locals__description {
  display: block;
  font-size: 3.73333vw;
}

@media screen and (min-width: 507px) {
  .mod-locals__description {
    font-size: 3.73333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-locals__description {
    line-height: 1.3;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals__description {
    font-size: 16px;
  }
}

.mod-locals-left {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-locals-left {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals-left {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals-left {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals-left {
    padding: 50px 0;
  }
}

.mod-locals-left__split {
  padding-left: 0;
}

.mod-locals-left__split__left {
  border: none;
}

@media screen and (min-width: 739px) {
  .mod-locals-left__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals-left__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals-left__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-locals-left__body-inner {
  display: block;
  padding: 0 4.7619%;
}

@media screen and (min-width: 739px) {
  .mod-locals-left__body-inner {
    padding: 0;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals-left__body-inner {
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals-left__body-inner {
    margin: 0 auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals-left__body-inner {
    margin: 0 auto;
  }
}

.mod-locals-left__text-wrapper {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 11px;
  padding-bottom: 22px;
  border-left: 5px solid #e5e5e5;
  border-bottom: 5px solid #e5e5e5;
}

@media screen and (min-width: 739px) {
  .mod-locals-left__text-wrapper {
    padding-right: 0;
    padding-left: 21px;
    padding-bottom: 42px;
    border-left: 10px solid #e5e5e5;
    border-bottom: 10px solid #e5e5e5;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals-left__text-wrapper {
    padding-left: 21px;
    padding-bottom: 42px;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals-left__text-wrapper {
    padding-left: 21px;
  }
}

.mod-locals-left__text {
  position: relative;
  overflow: hidden;
}

.mod-locals-left__favorite-icon {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 5.86667vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-locals-left__favorite-icon {
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals-left__favorite-icon {
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals-left__favorite-icon {
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals-left__favorite-icon {
    width: 23px;
    height: 19px;
  }
}

.mod-locals-left__favorite-icon-content {
  cursor: pointer;
}

.mod-locals-left__favorite-icon-content--black {
  display: block;
}

.mod-locals-left__favorite-icon-content--red {
  display: none;
}

.mod-locals-left__favorite-icon--active .mod-locals-left__favorite-icon-content--black {
  display: none;
}

.mod-locals-left__favorite-icon--active .mod-locals-left__favorite-icon-content--red {
  display: block;
}

.mod-locals-left__category {
  display: block;
  font-size: 3.73333vw;
  color: #222633;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-locals-left__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals-left__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals-left__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals-left__category {
    font-size: 16px;
  }
}

.mod-locals-left__name {
  display: block;
  font-size: 1.66667rem;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-locals-left__name {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals-left__name {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals-left__name {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals-left__name {
    font-size: 32px;
  }
}

.mod-locals-left__description {
  display: block;
  font-size: 3.73333vw;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-locals-left__description {
    line-height: 1.3;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals-left__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals-left__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals-left__description {
    font-size: 16px;
  }
}

.mod-locals-left__favorite-icon ~ .mod-locals-left__category,
.mod-locals-left__favorite-icon ~ .mod-locals-left__name,
.mod-locals-left__favorite-icon ~ .mod-locals-left__description {
  padding-right: 5.86667vw;
}

@media screen and (min-width: 739px) {
  .mod-locals-left__favorite-icon ~ .mod-locals-left__category,
  .mod-locals-left__favorite-icon ~ .mod-locals-left__name,
  .mod-locals-left__favorite-icon ~ .mod-locals-left__description {
    padding-right: 1.8254vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-locals-left__favorite-icon ~ .mod-locals-left__category,
  .mod-locals-left__favorite-icon ~ .mod-locals-left__name,
  .mod-locals-left__favorite-icon ~ .mod-locals-left__description {
    padding-right: 1.8254vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-locals-left__favorite-icon ~ .mod-locals-left__category,
  .mod-locals-left__favorite-icon ~ .mod-locals-left__name,
  .mod-locals-left__favorite-icon ~ .mod-locals-left__description {
    padding-right: 1.8254vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-locals-left__favorite-icon ~ .mod-locals-left__category,
  .mod-locals-left__favorite-icon ~ .mod-locals-left__name,
  .mod-locals-left__favorite-icon ~ .mod-locals-left__description {
    padding-right: 23px;
  }
}

.mod-locals-left__body-inner:hover .mod-locals-left__category,
.mod-locals-left__body-inner:hover .mod-locals-left__name,
.mod-locals-left__body-inner:hover .mod-locals-left__description {
  color: #f13c33;
}

.iphone .mod-locals-left__body-inner:hover .mod-locals-left__category,
.ipad .mod-locals-left__body-inner:hover .mod-locals-left__category {
  color: #e5e5e5;
}

.iphone .mod-locals-left__body-inner:hover .mod-locals-left__name,
.ipad .mod-locals-left__body-inner:hover .mod-locals-left__name,
.iphone .mod-locals-left__body-inner:hover .mod-locals-left__description,
.ipad .mod-locals-left__body-inner:hover .mod-locals-left__description {
  color: #222633;
}

.mod-map-legend {
  padding: 0;
}

@media screen and (min-width: 507px) {
  .mod-map-legend {
    padding: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-legend {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-legend {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-legend {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-legend {
    padding: 0;
  }
}

.mod-map-legend__header {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-top: 3%;
  padding-bottom: 3%;
}

@media screen and (min-width: 739px) {
  .mod-map-legend__header {
    padding-top: 3%;
    padding-bottom: 3%;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-legend__header {
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-legend__header {
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-legend__header {
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-legend__header {
    padding: 18px 0;
  }
}

.mod-map-legend__heading {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 1.33333rem;
}

@media screen and (min-width: 507px) {
  .mod-map-legend__heading {
    font-size: 1.33333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-legend__heading {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-legend__heading {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-legend__heading {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-legend__heading {
    font-size: 1.25rem;
  }
}

.mod-map-legend__icons {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.16667rem;
}

@media screen and (min-width: 507px) {
  .mod-map-legend__icons {
    font-size: 1.16667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-legend__icons {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-legend__icons {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-legend__icons {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-legend__icons {
    font-size: 1rem;
  }
}

.mod-map-legend__icon .walking {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_walk.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mod-map-legend__icon .taxi {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_taxi.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mod-map-legend__icon .bus {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_bus.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mod-map-legend__icon .train {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1520592681/icons/icon_story_train.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mod-map-legend__icon .waterbus {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521519488/icons/icon_story_waterbus.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mod-map-legend__icon > span {
  display: block;
  padding-left: 1.875rem;
  margin-bottom: 10px;
}

.mod-map {
  padding: 6.66667% 0;
  /* Google Maps */
  /* Mapbox */
  /* Landscape */
  /* Portrait */
}

@media screen and (min-width: 739px) {
  .mod-map {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map {
    padding: 50px 0;
  }
}

.mod-map__map-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}

.mod-map__map-wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mod-map--googlemaps .mod-map__map-wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mod-map--landscape .mod-map__map-wrapper {
  padding-top: 50%;
}

.mod-map--portrait .mod-map__map-wrapper {
  padding-top: 120%;
}

.mod-map-region,
.mod-map-region--in-header {
  padding: 13.33667% 0 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-map-region,
  .mod-map-region--in-header {
    padding: 5.547% 0 3.96825%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-region,
  .mod-map-region--in-header {
    padding: 70px 0 50px;
  }
}

.mod-map-region__header,
.mod-map-region--in-header__header {
  margin: 0 auto 6.66667%;
}

@media screen and (min-width: 739px) {
  .mod-map-region__header,
  .mod-map-region--in-header__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__header,
  .mod-map-region--in-header__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__header,
  .mod-map-region--in-header__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-region__header,
  .mod-map-region--in-header__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-map-region__header-inner,
.mod-map-region--in-header__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-map-region__header-inner,
  .mod-map-region--in-header__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__header-inner,
  .mod-map-region--in-header__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__header-inner,
  .mod-map-region--in-header__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-map-region__heading,
.mod-map-region--in-header__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-map-region__heading,
  .mod-map-region--in-header__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__heading,
  .mod-map-region--in-header__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__heading,
  .mod-map-region--in-header__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__body,
  .mod-map-region--in-header__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__body,
  .mod-map-region--in-header__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__body,
  .mod-map-region--in-header__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-map-region__body-inner,
.mod-map-region--in-header__body-inner {
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-map-region__body-inner,
  .mod-map-region--in-header__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__body-inner,
  .mod-map-region--in-header__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__body-inner,
  .mod-map-region--in-header__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-map-region__wrapper,
.mod-map-region--in-header__wrapper {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

@media screen and (min-width: 507px) {
  .mod-map-region__wrapper,
  .mod-map-region--in-header__wrapper {
    height: 570px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__wrapper,
  .mod-map-region--in-header__wrapper {
    height: 570px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__wrapper,
  .mod-map-region--in-header__wrapper {
    height: 570px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__wrapper,
  .mod-map-region--in-header__wrapper {
    height: 570px;
  }
}

.mod-map-region__wrapper.bg,
.mod-map-region--in-header__wrapper.bg {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521788553/static/img_placeholder.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: local;
  background-size: cover;
}

.mod-map-region__return,
.mod-map-region--in-header__return {
  position: absolute;
  top: 15px;
  left: 15px;
}

@media screen and (min-width: 507px) {
  .mod-map-region__return,
  .mod-map-region--in-header__return {
    top: 15px;
    left: 15px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__return,
  .mod-map-region--in-header__return {
    top: 30px;
    left: 30px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__return,
  .mod-map-region--in-header__return {
    top: 30px;
    left: 30px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__return,
  .mod-map-region--in-header__return {
    top: 30px;
    left: 30px;
  }
}

.mod-map-region__return a,
.mod-map-region--in-header__return a {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1522148494/icons/icon_map_arrow_left.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 1.16667rem;
  color: #ffffff;
  font-size: 1.16667rem;
}

@media screen and (min-width: 507px) {
  .mod-map-region__return a,
  .mod-map-region--in-header__return a {
    font-size: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__return a,
  .mod-map-region--in-header__return a {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__return a,
  .mod-map-region--in-header__return a {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__return a,
  .mod-map-region--in-header__return a {
    font-size: 1.25rem;
  }
}

.mod-map-region__return a:hover,
.mod-map-region--in-header__return a:hover {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1522148494/icons/icon_map_arrow_left_on.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 1.16667rem;
  color: #f13c33;
}

.mod-map-region__all,
.mod-map-region--in-header__all {
  position: absolute;
  top: 15px;
  right: 15px;
}

@media screen and (min-width: 507px) {
  .mod-map-region__all,
  .mod-map-region--in-header__all {
    top: 15px;
    right: 15px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__all,
  .mod-map-region--in-header__all {
    top: 30px;
    right: 30px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__all,
  .mod-map-region--in-header__all {
    top: 30px;
    right: 30px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__all,
  .mod-map-region--in-header__all {
    top: 30px;
    right: 30px;
  }
}

.mod-map-region__all a,
.mod-map-region--in-header__all a {
  padding-right: 1.16667rem;
  color: #ffffff;
  font-size: 1.16667rem;
}

@media screen and (min-width: 507px) {
  .mod-map-region__all a,
  .mod-map-region--in-header__all a {
    font-size: 0.83333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__all a,
  .mod-map-region--in-header__all a {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__all a,
  .mod-map-region--in-header__all a {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__all a,
  .mod-map-region--in-header__all a {
    font-size: 1.25rem;
  }
}

.mod-map-region__all a:hover,
.mod-map-region--in-header__all a:hover {
  padding-right: 1.16667rem;
  color: #f13c33;
}

.mod-map-region__region,
.mod-map-region--in-header__region {
  padding: 0;
  margin: 0;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap-reverse;
  flex-flow: row wrap-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 507px) {
  .mod-map-region__region,
  .mod-map-region--in-header__region {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -ms-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap-reverse;
    flex-flow: row wrap-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__region,
  .mod-map-region--in-header__region {
    height: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__region,
  .mod-map-region--in-header__region {
    height: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__region,
  .mod-map-region--in-header__region {
    height: 100%;
  }
}

.mod-map-region__area,
.mod-map-region--in-header__area {
  width: calc(100% - 30px);
  height: 250px;
  padding: 0 15px 0 15px;
  margin: 0;
}

@media screen and (min-width: 507px) {
  .mod-map-region__area,
  .mod-map-region--in-header__area {
    width: calc(100% - 30px);
    height: 285px;
    padding: 0 15px 0 15px;
    margin: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__area,
  .mod-map-region--in-header__area {
    width: calc(50% - 45px);
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 45px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__area,
  .mod-map-region--in-header__area {
    width: calc(50% - 45px);
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 45px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__area,
  .mod-map-region--in-header__area {
    width: calc(50% - 45px);
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 45px;
  }
}

.mod-map-region__area.tokyo-all,
.mod-map-region--in-header__area.tokyo-all {
  width: calc(100% - 30px);
  height: 250px;
  padding: 0 15px 0 15px;
  margin: -50px 0 0 0;
  z-index: 99;
}

@media screen and (min-width: 507px) {
  .mod-map-region__area.tokyo-all,
  .mod-map-region--in-header__area.tokyo-all {
    width: calc(100% - 30px);
    height: 285px;
    padding: 0 15px 0 15px;
    margin: -50px 0 0 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__area.tokyo-all,
  .mod-map-region--in-header__area.tokyo-all {
    width: calc(50% - 45px);
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 45px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__area.tokyo-all,
  .mod-map-region--in-header__area.tokyo-all {
    width: calc(50% - 45px);
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 45px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__area.tokyo-all,
  .mod-map-region--in-header__area.tokyo-all {
    width: calc(50% - 45px);
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 45px;
  }
}

.mod-map-region__area h3,
.mod-map-region--in-header__area h3 {
  color: #ffffff;
  font-size: 1.33333rem;
}

@media screen and (min-width: 507px) {
  .mod-map-region__area h3,
  .mod-map-region--in-header__area h3 {
    font-size: 1.16667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__area h3,
  .mod-map-region--in-header__area h3 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__area h3,
  .mod-map-region--in-header__area h3 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__area h3,
  .mod-map-region--in-header__area h3 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
}

.mod-map-region__area h3:hover,
.mod-map-region--in-header__area h3:hover {
  color: #f13c33;
}

.mod-map-region__area-inner,
.mod-map-region--in-header__area-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -ms-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (min-width: 507px) {
  .mod-map-region__area-inner,
  .mod-map-region--in-header__area-inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__area-inner,
  .mod-map-region--in-header__area-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__area-inner,
  .mod-map-region--in-header__area-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__area-inner,
  .mod-map-region--in-header__area-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.mod-map-region__area-inner ul,
.mod-map-region--in-header__area-inner ul {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.8;
}

@media screen and (min-width: 507px) {
  .mod-map-region__area-inner ul,
  .mod-map-region--in-header__area-inner ul {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    line-height: 1.7;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__area-inner ul,
  .mod-map-region--in-header__area-inner ul {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    line-height: 1.8;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__area-inner ul,
  .mod-map-region--in-header__area-inner ul {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    line-height: 1.8;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__area-inner ul,
  .mod-map-region--in-header__area-inner ul {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    line-height: 1.8;
  }
}

.mod-map-region__area-inner ul:nth-of-type(2),
.mod-map-region--in-header__area-inner ul:nth-of-type(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media screen and (min-width: 507px) {
  .mod-map-region__area-inner ul:nth-of-type(2),
  .mod-map-region--in-header__area-inner ul:nth-of-type(2) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__area-inner ul:nth-of-type(2),
  .mod-map-region--in-header__area-inner ul:nth-of-type(2) {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__area-inner ul:nth-of-type(2),
  .mod-map-region--in-header__area-inner ul:nth-of-type(2) {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__area-inner ul:nth-of-type(2),
  .mod-map-region--in-header__area-inner ul:nth-of-type(2) {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

.mod-map-region__area-inner ul li a,
.mod-map-region--in-header__area-inner ul li a {
  color: #ffffff;
}

.mod-map-region__area-inner ul li a:hover,
.mod-map-region__area-inner ul li a.hover,
.mod-map-region--in-header__area-inner ul li a:hover,
.mod-map-region--in-header__area-inner ul li a.hover {
  color: #f13c33;
}

.mod-map-region__area-inner ul li a.mod-map-region__link-region,
.mod-map-region__area-inner ul li a.mod-map-region--in-header__link-region,
.mod-map-region--in-header__area-inner ul li a.mod-map-region__link-region,
.mod-map-region--in-header__area-inner ul li a.mod-map-region--in-header__link-region {
  font-size: 1.33333rem;
}

@media screen and (min-width: 507px) {
  .mod-map-region__area-inner ul li a.mod-map-region__link-region,
  .mod-map-region__area-inner ul li a.mod-map-region--in-header__link-region,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region__link-region,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region--in-header__link-region {
    font-size: 1.16667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__area-inner ul li a.mod-map-region__link-region,
  .mod-map-region__area-inner ul li a.mod-map-region--in-header__link-region,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region__link-region,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region--in-header__link-region {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__area-inner ul li a.mod-map-region__link-region,
  .mod-map-region__area-inner ul li a.mod-map-region--in-header__link-region,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region__link-region,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region--in-header__link-region {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__area-inner ul li a.mod-map-region__link-region,
  .mod-map-region__area-inner ul li a.mod-map-region--in-header__link-region,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region__link-region,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region--in-header__link-region {
    font-size: 1.75rem;
  }
}

.mod-map-region__area-inner ul li a.mod-map-region__link-area,
.mod-map-region__area-inner ul li a.mod-map-region--in-header__link-area,
.mod-map-region--in-header__area-inner ul li a.mod-map-region__link-area,
.mod-map-region--in-header__area-inner ul li a.mod-map-region--in-header__link-area {
  font-size: 1.16667rem;
}

@media screen and (min-width: 507px) {
  .mod-map-region__area-inner ul li a.mod-map-region__link-area,
  .mod-map-region__area-inner ul li a.mod-map-region--in-header__link-area,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region__link-area,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region--in-header__link-area {
    font-size: 0.91667rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__area-inner ul li a.mod-map-region__link-area,
  .mod-map-region__area-inner ul li a.mod-map-region--in-header__link-area,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region__link-area,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region--in-header__link-area {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__area-inner ul li a.mod-map-region__link-area,
  .mod-map-region__area-inner ul li a.mod-map-region--in-header__link-area,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region__link-area,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region--in-header__link-area {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__area-inner ul li a.mod-map-region__link-area,
  .mod-map-region__area-inner ul li a.mod-map-region--in-header__link-area,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region__link-area,
  .mod-map-region--in-header__area-inner ul li a.mod-map-region--in-header__link-area {
    font-size: 1.375rem;
  }
}

.mod-map-region__map,
.mod-map-region--in-header__map {
  width: calc(100% - 30px);
  height: 200px;
  padding: 0 15px 0 15px;
  margin: 50px auto 0 auto;
}

@media screen and (min-width: 507px) {
  .mod-map-region__map,
  .mod-map-region--in-header__map {
    width: calc(100% - 30px);
    height: 235px;
    padding: 0 15px 0 15px;
    margin: 50px auto 0 auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__map,
  .mod-map-region--in-header__map {
    width: calc(50% - 60px);
    height: 420px;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 45px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__map,
  .mod-map-region--in-header__map {
    width: calc(50% - 60px);
    height: 420px;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 45px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__map,
  .mod-map-region--in-header__map {
    width: calc(50% - 60px);
    height: 420px;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 45px;
  }
}

.mod-map-region__map.eastern-tokyo,
.mod-map-region--in-header__map.eastern-tokyo {
  width: calc(100% - 30px);
  height: 200px;
  padding: 0 15px 0 15px;
  margin: 50px auto 0 auto;
}

@media screen and (min-width: 507px) {
  .mod-map-region__map.eastern-tokyo,
  .mod-map-region--in-header__map.eastern-tokyo {
    width: calc(100% - 30px);
    height: 235px;
    padding: 0 15px 0 15px;
    margin: 50px auto 0 auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-region__map.eastern-tokyo,
  .mod-map-region--in-header__map.eastern-tokyo {
    width: calc(50% - 60px);
    height: 420px;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 45px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-region__map.eastern-tokyo,
  .mod-map-region--in-header__map.eastern-tokyo {
    width: calc(50% - 60px);
    height: 420px;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 45px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-region__map.eastern-tokyo,
  .mod-map-region--in-header__map.eastern-tokyo {
    width: calc(50% - 60px);
    height: 420px;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 45px;
  }
}

.mod-map-slider {
  padding: 6.66667% 0;
  /* Current / Hover */
  /* Slider Hidden */
  /* SP 2 Column */
  /* PC 3 Column */
  /* PC 5 Column */
}

@media screen and (min-width: 739px) {
  .mod-map-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider {
    padding: 50px 0;
  }
}

.mod-map-slider__inner {
  position: relative;
  overflow: hidden;
}

.mod-map-slider__header {
  margin: 0 auto 5.33333%;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__header {
    position: static;
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__header {
    position: static;
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__header {
    position: static;
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider__header {
    position: static;
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-map-slider__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-map-slider__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__heading {
    font-size: 2rem;
  }
}

.mod-map-slider__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  background-color: #222633;
  color: #ffffff;
  width: 55px;
  padding-top: 3px;
  line-height: 18px;
  border-radius: 10px;
  display: block;
  text-align: center;
  font-size: 10px;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__header-link {
    width: 82px;
    padding-top: 0;
    line-height: 30px;
    border-radius: 15px;
    font-size: 1em;
  }
}

.mod-map-slider__header-link:hover {
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__body {
    max-width: 100%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__body {
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__body {
    margin: 0 auto;
  }
}

.mod-map-slider__body-inner {
  width: auto;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__body-inner {
    padding: 0;
  }
}

.mod-map-slider__map-wrapper {
  position: relative;
  max-width: 100%;
  height: 0;
  padding-top: 118vw;
  overflow: hidden;
}

.mod-map-slider__map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mod-map-slider__slides-body {
  margin: 0 auto;
}

@media screen and (min-width: 1260px) {
  .mod-map-slider__slides-body {
    max-width: 1260px;
  }
}

.mod-map-slider__slides-wrapper {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  background-color: rgba(255, 255, 255, 0.8);
  padding-top: 4.0vw;
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__slides-wrapper {
    position: static;
    -webkit-transition: none;
    transition: none;
    padding: 0.95238vw 4.7619% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__slides-wrapper {
    position: static;
    -webkit-transition: none;
    transition: none;
    padding: 0.95238vw 4.7619% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__slides-wrapper {
    position: static;
    -webkit-transition: none;
    transition: none;
    padding: 0.95238vw 4.7619% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider__slides-wrapper {
    position: static;
    padding: 12px 4.7619% 0;
  }
}

.mod-map-slider__slides-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  height: 100%;
}

.mod-map-slider__slides:hover .slick-arrow.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-map-slider__slides:hover .slick-arrow.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

.iphone .mod-map-slider__slides:hover .slick-arrow,
.ipad .mod-map-slider__slides:hover .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider__slides:hover .slick-arrow,
  .ipad .mod-map-slider__slides:hover .slick-arrow {
    width: 60px;
  }
}

.iphone .mod-map-slider__slides:hover .slick-arrow span,
.ipad .mod-map-slider__slides:hover .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-map-slider__slides:hover .slick-arrow span,
  .ipad .mod-map-slider__slides:hover .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider__slides:hover .slick-arrow span,
  .ipad .mod-map-slider__slides:hover .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-map-slider__slides:hover .slick-arrow.slick-prev,
.ipad .mod-map-slider__slides:hover .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider__slides:hover .slick-arrow.slick-prev,
  .ipad .mod-map-slider__slides:hover .slick-arrow.slick-prev {
    left: 0;
  }
}

.iphone .mod-map-slider__slides:hover .slick-arrow.slick-prev span,
.ipad .mod-map-slider__slides:hover .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider__slides:hover .slick-arrow.slick-prev span,
  .ipad .mod-map-slider__slides:hover .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-map-slider__slides:hover .slick-arrow.slick-next,
.ipad .mod-map-slider__slides:hover .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-map-slider__slides:hover .slick-arrow.slick-next span,
.ipad .mod-map-slider__slides:hover .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider__slides:hover .slick-arrow.slick-next span,
  .ipad .mod-map-slider__slides:hover .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-map-slider__slides:hover .slick-arrow.slick-disabled.slick-prev span,
.ipad .mod-map-slider__slides:hover .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.iphone .mod-map-slider__slides:hover .slick-arrow.slick-disabled.slick-next span,
.ipad .mod-map-slider__slides:hover .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-map-slider__slides .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .mod-map-slider__slides .slick-arrow {
    width: 60px;
  }
}

.mod-map-slider__slides .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__slides .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider__slides .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.mod-map-slider__slides .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .mod-map-slider__slides .slick-arrow.slick-prev {
    left: 0;
  }
}

.mod-map-slider__slides .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-map-slider__slides .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.mod-map-slider__slides .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mod-map-slider__slides .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-map-slider__slides .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-map-slider__slides .slick-arrow:hover,
.ipad .mod-map-slider__slides .slick-arrow:hover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider__slides .slick-arrow:hover,
  .ipad .mod-map-slider__slides .slick-arrow:hover {
    width: 60px;
  }
}

.iphone .mod-map-slider__slides .slick-arrow:hover span,
.ipad .mod-map-slider__slides .slick-arrow:hover span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-map-slider__slides .slick-arrow:hover span,
  .ipad .mod-map-slider__slides .slick-arrow:hover span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider__slides .slick-arrow:hover span,
  .ipad .mod-map-slider__slides .slick-arrow:hover span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-map-slider__slides .slick-arrow:hover.slick-prev,
.ipad .mod-map-slider__slides .slick-arrow:hover.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider__slides .slick-arrow:hover.slick-prev,
  .ipad .mod-map-slider__slides .slick-arrow:hover.slick-prev {
    left: 0;
  }
}

.iphone .mod-map-slider__slides .slick-arrow:hover.slick-prev span,
.ipad .mod-map-slider__slides .slick-arrow:hover.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider__slides .slick-arrow:hover.slick-prev span,
  .ipad .mod-map-slider__slides .slick-arrow:hover.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-map-slider__slides .slick-arrow:hover.slick-next,
.ipad .mod-map-slider__slides .slick-arrow:hover.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-map-slider__slides .slick-arrow:hover.slick-next span,
.ipad .mod-map-slider__slides .slick-arrow:hover.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider__slides .slick-arrow:hover.slick-next span,
  .ipad .mod-map-slider__slides .slick-arrow:hover.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-map-slider__slides .slick-arrow:hover:hover span,
.ipad .mod-map-slider__slides .slick-arrow:hover:hover span {
  opacity: 1;
}

.mod-map-slider__slides .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-map-slider__slides .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-map-slider__slides .slick-list {
  overflow: visible;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__slides .slick-list {
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__slides .slick-list {
    overflow: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__slides .slick-list {
    overflow: hidden;
  }
}

.mod-map-slider__slides .slick-slide {
  outline: 0;
}

.mod-map-slider__slide {
  overflow: hidden;
}

.mod-map-slider__slide-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-map-slider__image {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-map-slider__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-map-slider__left-label {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  padding: 0.8vw 1.86667vw;
  color: #ffffff;
  font-size: 0.75rem;
  font-family: "PFDINTextStd-Light", sans-serif;
  background-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__left-label {
    bottom: 0;
    right: 0;
    font-size: 0.75rem;
    padding: 2px 10px 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__left-label {
    bottom: 0;
    right: 0;
    font-size: 0.75rem;
    padding: 2px 10px 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__left-label {
    bottom: 0;
    right: 0;
    font-size: 0.75rem;
    padding: 2px 10px 0;
  }
}

.mod-map-slider__right-label {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding-top: 1px;
  padding-right: 1.33333vw;
  padding-left: 6px;
  color: #ffffff;
  font-size: 0.66667rem;
  line-height: 24px;
  background-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__right-label {
    max-width: 80%;
    font-size: 0.625rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__right-label {
    max-width: 60%;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__right-label {
    max-width: 50%;
    font-size: 0.75rem;
  }
}

.mod-map-slider__right-label:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 0;
  border-color: transparent #222633 transparent transparent;
}

.mod-map-slider__right-label.top_pic {
  background-color: #58c0ae;
}

.mod-map-slider__right-label.top_pic:before {
  border-color: transparent #58c0ae transparent transparent;
}

.mod-map-slider__right-label.new {
  background-color: #f13c33;
}

.mod-map-slider__right-label.new:before {
  border-color: transparent #f13c33 transparent transparent;
}

.mod-map-slider__right-label.popular {
  background-color: #7baf38;
}

.mod-map-slider__right-label.popular:before {
  border-color: transparent #7baf38 transparent transparent;
}

.mod-map-slider__right-label.coming_soon {
  background-color: #3e448d;
}

.mod-map-slider__right-label.coming_soon:before {
  border-color: transparent #3e448d transparent transparent;
}

.mod-map-slider__right-label.updated {
  background-color: #e9b320;
}

.mod-map-slider__right-label.updated:before {
  border-color: transparent #e9b320 transparent transparent;
}

.mod-map-slider__right-label.sponsored {
  background-color: #f76d71;
}

.mod-map-slider__right-label.sponsored:before {
  border-color: transparent #f76d71 transparent transparent;
}

.mod-map-slider__icon {
  position: absolute;
  z-index: 10;
}

.mod-map-slider__icon-image-wrapper {
  overflow: hidden;
}

.slick-slide .mod-map-slider__icon-image--gray {
  display: block;
}

.slick-slide .mod-map-slider__icon-image--red {
  display: none;
}

.mod-map-slider__icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-map-slider__icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 7.5%;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

.mod-map-slider__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  border-radius: 0px;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

.mod-map-slider__text {
  padding-left: 14px;
  padding-bottom: 52px;
  margin-top: 15px;
  border-left: 5px solid #e5e5e5;
  border-bottom: 5px solid #e5e5e5;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  overflow-y: scroll;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__text {
    border-left: 10px solid #e5e5e5;
    border-bottom: 10px solid #e5e5e5;
    margin-top: 12px;
  }
}

.mod-map-slider__text.small {
  height: 150px;
  overflow-y: scroll;
}

.mod-map-slider__text.medium {
  height: 200px;
  overflow-y: scroll;
}

.mod-map-slider__text.large {
  height: 250px;
  overflow-y: scroll;
}

.mod-map-slider__category {
  display: block;
  color: #222633;
}

.mod-map-slider__name {
  display: block;
  font-size: 1.33333rem;
  font-family: "PFDINTextStd-Light", sans-serif;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__name {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__name {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__name {
    font-size: 0.875rem;
  }
}

.mod-map-slider__location {
  display: none;
  line-height: 1.25;
  letter-spacing: -0.4em;
}

.mod-map-slider__location-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.26667vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
  margin-right: 3px;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

.mod-map-slider__location-icon-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: green;
}

.mod-map-slider__location-description {
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__location-description {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__location-description {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__location-description {
    font-size: 0.875rem;
  }
}

.mod-map-slider__slide:hover .mod-map-slider__text {
  border-color: #222633;
}

.mod-map-slider__slide.slick-current .mod-map-slider__text {
  border-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--gray {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--gray {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--gray {
    display: none;
  }
}

@media screen and (min-width: 739px) {
  .iphone .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--gray,
  .ipad .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--gray {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .iphone .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--gray,
  .ipad .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--gray {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .iphone .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--gray,
  .ipad .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--gray {
    display: block;
  }
}

.mod-map-slider__slide.slick-slide.slick-current .mod-map-slider__icon-image--gray {
  display: none;
}

.iphone .mod-map-slider__slide.slick-slide.slick-current:hover .mod-map-slider__icon-image--gray,
.ipad .mod-map-slider__slide.slick-slide.slick-current:hover .mod-map-slider__icon-image--gray {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--red {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--red {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--red {
    display: block;
  }
}

@media screen and (min-width: 739px) {
  .iphone .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--red,
  .ipad .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--red {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .iphone .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--red,
  .ipad .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--red {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .iphone .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--red,
  .ipad .mod-map-slider__slide.slick-slide:hover .mod-map-slider__icon-image--red {
    display: none;
  }
}

.mod-map-slider__slide.slick-slide.slick-current .mod-map-slider__icon-image--red {
  display: block;
}

.iphone .mod-map-slider__slide.slick-slide.slick-current:hover .mod-map-slider__icon-image--red,
.ipad .mod-map-slider__slide.slick-slide.slick-current:hover .mod-map-slider__icon-image--red {
  display: block;
}

.iphone .mod-map-slider__slide:hover .mod-map-slider__image > img,
.ipad .mod-map-slider__slide:hover .mod-map-slider__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-map-slider--slider-hidden .mod-map-slider__slides-overlay {
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-map-slider--slider-hidden .mod-map-slider__slides-overlay {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider--slider-hidden .mod-map-slider__slides-overlay {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider--slider-hidden .mod-map-slider__slides-overlay {
    display: none;
  }
}

.mod-map-slider--slider-hidden .mod-map-slider__slides-wrapper {
  -webkit-transform: translateY(80%);
  transform: translateY(80%);
}

.mod-map-slider[data-column-sp="2"] .mod-map-slider__slide {
  width: 43.33333vw;
  margin-right: 2.66667vw;
}

.mod-map-slider[data-column-sp="2"] .mod-map-slider__icon {
  right: 4vw;
  bottom: 2.53333vw;
}

.mod-map-slider[data-column-sp="2"] .mod-map-slider__icon-image-wrapper {
  width: 4.26667vw;
  height: 4.26667vw;
}

@media screen and (min-width: 739px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__header,
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__body {
    max-width: 66.8254vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__header,
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__body {
    max-width: 66.8254vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__header,
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__body {
    max-width: 66.8254vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__header,
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__body {
    max-width: 842px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__header-inner,
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__body-inner {
    padding-right: 7.12589%;
    padding-left: 7.12589%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__header-inner,
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__body-inner {
    padding-right: 7.12589%;
    padding-left: 7.12589%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__header-inner,
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__body-inner {
    padding-right: 7.12589%;
    padding-left: 7.12589%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__header-inner,
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__body-inner {
    padding-right: 60px;
    padding-left: 60px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__map-wrapper {
    padding-top: 36.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__map-wrapper {
    padding-top: 36.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__map-wrapper {
    padding-top: 36.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__map-wrapper {
    padding-top: 456px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__slide {
    width: 17.38095vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__slide {
    width: 17.38095vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__slide {
    width: 17.38095vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__slide {
    width: 219px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__icon {
    right: 10px;
    bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider[data-column-pc="3"] .mod-map-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__map-wrapper {
    padding-top: 38.09524vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__map-wrapper {
    padding-top: 38.09524vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__map-wrapper {
    padding-top: 38.09524vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__map-wrapper {
    padding-top: 480px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__slide {
    width: 14.28571vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__slide {
    width: 14.28571vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__slide {
    width: 14.28571vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__slide {
    width: 180px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__icon {
    right: 11px;
    bottom: 11px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider[data-column-pc="5"] .mod-map-slider__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

.mod-map-slider-detail {
  padding-bottom: 6.66667%;
  /* Current / Hover */
  /* Slider Hidden */
  /* SP 2 Column */
  /* PC 3 Column */
  /* PC 5 Column */
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail {
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail {
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail {
    padding-bottom: 3.96825%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail {
    padding-bottom: 50px;
  }
}

.mod-map-slider-detail__inner {
  position: relative;
  overflow: hidden;
}

.mod-map-slider-detail__header {
  margin: 0 auto 5.33333%;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__header {
    position: static;
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__header {
    position: static;
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__header {
    position: static;
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail__header {
    position: static;
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-map-slider-detail__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-map-slider-detail__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__heading {
    font-size: 2rem;
  }
}

.mod-map-slider-detail__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  background-color: #222633;
  color: #ffffff;
  width: 55px;
  line-height: 20px;
  border-radius: 10px;
  display: block;
  text-align: center;
  font-size: 10px;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__header-link {
    width: 82px;
    line-height: 30px;
    border-radius: 15px;
    font-size: 1em;
  }
}

.mod-map-slider-detail__header-link:hover {
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__body {
    max-width: 100%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__body {
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__body {
    margin: 0 auto;
  }
}

.mod-map-slider-detail__body-inner {
  width: auto;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__body-inner {
    padding: 0;
  }
}

.mod-map-slider-detail__map-wrapper {
  position: relative;
  max-width: 100%;
  height: 0;
  padding-top: 118vw;
  overflow: hidden;
}

.mod-map-slider-detail__map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mod-map-slider-detail__slides-body {
  margin: 0 auto;
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail__slides-body {
    max-width: 1260px;
  }
}

.mod-map-slider-detail__slides-wrapper {
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  background-color: rgba(255, 255, 255, 0.8);
  padding-top: 4.0vw;
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__slides-wrapper {
    position: static;
    -webkit-transition: none;
    transition: none;
    padding: 0.95238vw 4.7619% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__slides-wrapper {
    position: static;
    -webkit-transition: none;
    transition: none;
    padding: 0.95238vw 4.7619% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__slides-wrapper {
    position: static;
    -webkit-transition: none;
    transition: none;
    padding: 0.95238vw 4.7619% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail__slides-wrapper {
    position: static;
    padding: 12px 4.7619% 0;
  }
}

.mod-map-slider-detail__slides-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  height: 100%;
}

.mod-map-slider-detail__slides:hover .slick-arrow.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-map-slider-detail__slides:hover .slick-arrow.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

.iphone .mod-map-slider-detail__slides:hover .slick-arrow,
.ipad .mod-map-slider-detail__slides:hover .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider-detail__slides:hover .slick-arrow,
  .ipad .mod-map-slider-detail__slides:hover .slick-arrow {
    width: 60px;
  }
}

.iphone .mod-map-slider-detail__slides:hover .slick-arrow span,
.ipad .mod-map-slider-detail__slides:hover .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-map-slider-detail__slides:hover .slick-arrow span,
  .ipad .mod-map-slider-detail__slides:hover .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider-detail__slides:hover .slick-arrow span,
  .ipad .mod-map-slider-detail__slides:hover .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-map-slider-detail__slides:hover .slick-arrow.slick-prev,
.ipad .mod-map-slider-detail__slides:hover .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider-detail__slides:hover .slick-arrow.slick-prev,
  .ipad .mod-map-slider-detail__slides:hover .slick-arrow.slick-prev {
    left: 0;
  }
}

.iphone .mod-map-slider-detail__slides:hover .slick-arrow.slick-prev span,
.ipad .mod-map-slider-detail__slides:hover .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider-detail__slides:hover .slick-arrow.slick-prev span,
  .ipad .mod-map-slider-detail__slides:hover .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-map-slider-detail__slides:hover .slick-arrow.slick-next,
.ipad .mod-map-slider-detail__slides:hover .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-map-slider-detail__slides:hover .slick-arrow.slick-next span,
.ipad .mod-map-slider-detail__slides:hover .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider-detail__slides:hover .slick-arrow.slick-next span,
  .ipad .mod-map-slider-detail__slides:hover .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-map-slider-detail__slides:hover .slick-arrow.slick-disabled.slick-prev span,
.ipad .mod-map-slider-detail__slides:hover .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.iphone .mod-map-slider-detail__slides:hover .slick-arrow.slick-disabled.slick-next span,
.ipad .mod-map-slider-detail__slides:hover .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-map-slider-detail__slides .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail__slides .slick-arrow {
    width: 60px;
  }
}

.mod-map-slider-detail__slides .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__slides .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail__slides .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.mod-map-slider-detail__slides .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail__slides .slick-arrow.slick-prev {
    left: 0;
  }
}

.mod-map-slider-detail__slides .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail__slides .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.mod-map-slider-detail__slides .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mod-map-slider-detail__slides .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail__slides .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-map-slider-detail__slides .slick-arrow:hover,
.ipad .mod-map-slider-detail__slides .slick-arrow:hover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider-detail__slides .slick-arrow:hover,
  .ipad .mod-map-slider-detail__slides .slick-arrow:hover {
    width: 60px;
  }
}

.iphone .mod-map-slider-detail__slides .slick-arrow:hover span,
.ipad .mod-map-slider-detail__slides .slick-arrow:hover span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-map-slider-detail__slides .slick-arrow:hover span,
  .ipad .mod-map-slider-detail__slides .slick-arrow:hover span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider-detail__slides .slick-arrow:hover span,
  .ipad .mod-map-slider-detail__slides .slick-arrow:hover span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-map-slider-detail__slides .slick-arrow:hover.slick-prev,
.ipad .mod-map-slider-detail__slides .slick-arrow:hover.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider-detail__slides .slick-arrow:hover.slick-prev,
  .ipad .mod-map-slider-detail__slides .slick-arrow:hover.slick-prev {
    left: 0;
  }
}

.iphone .mod-map-slider-detail__slides .slick-arrow:hover.slick-prev span,
.ipad .mod-map-slider-detail__slides .slick-arrow:hover.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider-detail__slides .slick-arrow:hover.slick-prev span,
  .ipad .mod-map-slider-detail__slides .slick-arrow:hover.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-map-slider-detail__slides .slick-arrow:hover.slick-next,
.ipad .mod-map-slider-detail__slides .slick-arrow:hover.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-map-slider-detail__slides .slick-arrow:hover.slick-next span,
.ipad .mod-map-slider-detail__slides .slick-arrow:hover.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-map-slider-detail__slides .slick-arrow:hover.slick-next span,
  .ipad .mod-map-slider-detail__slides .slick-arrow:hover.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-map-slider-detail__slides .slick-arrow:hover:hover span,
.ipad .mod-map-slider-detail__slides .slick-arrow:hover:hover span {
  opacity: 1;
}

.mod-map-slider-detail__slides .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-map-slider-detail__slides .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-map-slider-detail__slides .slick-list {
  overflow: visible;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__slides .slick-list {
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__slides .slick-list {
    overflow: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__slides .slick-list {
    overflow: hidden;
  }
}

.mod-map-slider-detail__slides .slick-slide {
  outline: 0;
}

.mod-map-slider-detail__slide {
  overflow: hidden;
}

.mod-map-slider-detail__slide-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-map-slider-detail__image {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-map-slider-detail__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-map-slider-detail__left-label {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  padding: 0.8vw 1.86667vw;
  color: #ffffff;
  font-size: 0.75rem;
  font-family: "PFDINTextStd-Light", sans-serif;
  background-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__left-label {
    bottom: 0;
    right: 0;
    font-size: 0.75rem;
    padding: 2px 10px 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__left-label {
    bottom: 0;
    right: 0;
    font-size: 0.75rem;
    padding: 2px 10px 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__left-label {
    bottom: 0;
    right: 0;
    font-size: 0.75rem;
    padding: 2px 10px 0;
  }
}

.mod-map-slider-detail__right-label {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding-top: 1px;
  padding-right: 1.33333vw;
  padding-left: 6px;
  color: #ffffff;
  font-size: 0.66667rem;
  line-height: 24px;
  background-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__right-label {
    max-width: 80%;
    font-size: 0.625rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__right-label {
    max-width: 60%;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__right-label {
    max-width: 50%;
    font-size: 0.75rem;
  }
}

.mod-map-slider-detail__right-label:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 0;
  border-color: transparent #222633 transparent transparent;
}

.mod-map-slider-detail__right-label.top_pic {
  background-color: #58c0ae;
}

.mod-map-slider-detail__right-label.top_pic:before {
  border-color: transparent #58c0ae transparent transparent;
}

.mod-map-slider-detail__right-label.new {
  background-color: #f13c33;
}

.mod-map-slider-detail__right-label.new:before {
  border-color: transparent #f13c33 transparent transparent;
}

.mod-map-slider-detail__right-label.popular {
  background-color: #7baf38;
}

.mod-map-slider-detail__right-label.popular:before {
  border-color: transparent #7baf38 transparent transparent;
}

.mod-map-slider-detail__right-label.coming_soon {
  background-color: #3e448d;
}

.mod-map-slider-detail__right-label.coming_soon:before {
  border-color: transparent #3e448d transparent transparent;
}

.mod-map-slider-detail__right-label.updated {
  background-color: #e9b320;
}

.mod-map-slider-detail__right-label.updated:before {
  border-color: transparent #e9b320 transparent transparent;
}

.mod-map-slider-detail__right-label.sponsored {
  background-color: #f76d71;
}

.mod-map-slider-detail__right-label.sponsored:before {
  border-color: transparent #f76d71 transparent transparent;
}

.mod-map-slider-detail__icon {
  position: absolute;
  z-index: 10;
}

.mod-map-slider-detail__icon-image-wrapper {
  overflow: hidden;
}

.slick-slide .mod-map-slider-detail__icon-image--gray {
  display: block;
}

.slick-slide .mod-map-slider-detail__icon-image--red {
  display: none;
}

.mod-map-slider-detail__icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-map-slider-detail__icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 7.5%;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

.mod-map-slider-detail__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  border-radius: 0px;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

.mod-map-slider-detail__text {
  padding-left: 14px;
  padding-bottom: 52px;
  margin-top: 15px;
  border-left: 10px solid #e5e5e5;
  border-bottom: 10px solid #e5e5e5;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  overflow-y: scroll;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__text {
    margin-top: 12px;
  }
}

.mod-map-slider-detail__text.small {
  height: 150px;
  overflow-y: scroll;
}

.mod-map-slider-detail__text.medium {
  height: 200px;
  overflow-y: scroll;
}

.mod-map-slider-detail__text.large {
  height: 250px;
  overflow-y: scroll;
}

.mod-map-slider-detail__category {
  display: block;
  color: #222633;
}

.mod-map-slider-detail__name {
  display: block;
  font-size: 1.33333rem;
  font-family: "PFDINTextStd-Light", sans-serif;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__name {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__name {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__name {
    font-size: 0.875rem;
  }
}

.mod-map-slider-detail__location {
  display: none;
  line-height: 1.25;
  letter-spacing: -0.4em;
}

.mod-map-slider-detail__location-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.26667vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
  margin-right: 3px;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__location-icon {
    top: -1px;
    width: 10px;
    height: 13px;
    margin-right: 6px;
  }
}

.mod-map-slider-detail__location-icon-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: green;
}

.mod-map-slider-detail__location-description {
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__location-description {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__location-description {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__location-description {
    font-size: 0.875rem;
  }
}

.mod-map-slider-detail__slide:hover .mod-map-slider-detail__text {
  border-color: #222633;
}

.mod-map-slider-detail__slide.slick-current .mod-map-slider-detail__text {
  border-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--gray {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--gray {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--gray {
    display: none;
  }
}

@media screen and (min-width: 739px) {
  .iphone .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--gray,
  .ipad .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--gray {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .iphone .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--gray,
  .ipad .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--gray {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .iphone .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--gray,
  .ipad .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--gray {
    display: block;
  }
}

.mod-map-slider-detail__slide.slick-slide.slick-current .mod-map-slider-detail__icon-image--gray {
  display: none;
}

.iphone .mod-map-slider-detail__slide.slick-slide.slick-current:hover .mod-map-slider-detail__icon-image--gray,
.ipad .mod-map-slider-detail__slide.slick-slide.slick-current:hover .mod-map-slider-detail__icon-image--gray {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--red {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--red {
    display: block;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--red {
    display: block;
  }
}

@media screen and (min-width: 739px) {
  .iphone .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--red,
  .ipad .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--red {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .iphone .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--red,
  .ipad .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--red {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .iphone .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--red,
  .ipad .mod-map-slider-detail__slide.slick-slide:hover .mod-map-slider-detail__icon-image--red {
    display: none;
  }
}

.mod-map-slider-detail__slide.slick-slide.slick-current .mod-map-slider-detail__icon-image--red {
  display: block;
}

.iphone .mod-map-slider-detail__slide.slick-slide.slick-current:hover .mod-map-slider-detail__icon-image--red,
.ipad .mod-map-slider-detail__slide.slick-slide.slick-current:hover .mod-map-slider-detail__icon-image--red {
  display: block;
}

.iphone .mod-map-slider-detail__slide:hover .mod-map-slider-detail__image > img,
.ipad .mod-map-slider-detail__slide:hover .mod-map-slider-detail__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-map-slider-detail--slider-hidden .mod-map-slider-detail__slides-overlay {
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail--slider-hidden .mod-map-slider-detail__slides-overlay {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail--slider-hidden .mod-map-slider-detail__slides-overlay {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail--slider-hidden .mod-map-slider-detail__slides-overlay {
    display: none;
  }
}

.mod-map-slider-detail--slider-hidden .mod-map-slider-detail__slides-wrapper {
  -webkit-transform: translateY(80%);
  transform: translateY(80%);
}

.mod-map-slider-detail[data-column-sp="2"] .mod-map-slider-detail__slide {
  width: 43.33333vw;
  margin-right: 2.66667vw;
}

.mod-map-slider-detail[data-column-sp="2"] .mod-map-slider-detail__icon {
  right: 4vw;
  bottom: 2.53333vw;
}

.mod-map-slider-detail[data-column-sp="2"] .mod-map-slider-detail__icon-image-wrapper {
  width: 4.26667vw;
  height: 4.26667vw;
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__header,
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__body {
    max-width: 66.8254vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__header,
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__body {
    max-width: 66.8254vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__header,
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__body {
    max-width: 66.8254vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__header,
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__body {
    max-width: 842px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__header-inner,
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__body-inner {
    padding-right: 7.12589%;
    padding-left: 7.12589%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__header-inner,
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__body-inner {
    padding-right: 7.12589%;
    padding-left: 7.12589%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__header-inner,
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__body-inner {
    padding-right: 7.12589%;
    padding-left: 7.12589%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__header-inner,
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__body-inner {
    padding-right: 60px;
    padding-left: 60px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__map-wrapper {
    padding-top: 36.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__map-wrapper {
    padding-top: 36.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__map-wrapper {
    padding-top: 36.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__map-wrapper {
    padding-top: 456px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__slide {
    width: 17.38095vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__slide {
    width: 17.38095vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__slide {
    width: 17.38095vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__slide {
    width: 219px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__icon {
    right: 10px;
    bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail[data-column-pc="3"] .mod-map-slider-detail__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__map-wrapper {
    padding-top: 38.09524vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__map-wrapper {
    padding-top: 38.09524vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__map-wrapper {
    padding-top: 38.09524vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__map-wrapper {
    padding-top: 480px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__slide {
    width: 14.28571vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__slide {
    width: 14.28571vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__slide {
    width: 14.28571vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__slide {
    width: 180px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__icon {
    right: 11px;
    bottom: 11px;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-slider-detail[data-column-pc="5"] .mod-map-slider-detail__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

.mod-map-venue {
  padding: 6.66667% 0;
  /* Active */
}

@media screen and (min-width: 739px) {
  .mod-map-venue {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-venue {
    padding: 50px 0;
  }
}

.mod-map-venue__header {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__header {
    display: block;
    max-width: 1260px;
    margin: 0 auto 1.90476vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__header {
    display: block;
    max-width: 1260px;
    margin: 0 auto 1.90476vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__header {
    display: block;
    max-width: 1260px;
    margin: 0 auto 1.90476vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-map-venue__header {
    display: block;
    margin: 0 auto 24px;
  }
}

.mod-map-venue__header-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-map-venue__header-inner:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-map-venue__heading {
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-venue__map-wrapper {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__map-wrapper {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__map-wrapper {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-venue__map-inner {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__map-inner {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__map-inner {
    padding: 0 4.7619%;
  }
}

.mod-map-venue__map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 58.666666666%;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__map {
    padding-top: 46.511627907%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__map {
    padding-top: 46.511627907%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__map {
    padding-top: 46.511627907%;
  }
}

.mod-map-venue__map-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__items-wrapper {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__items-wrapper {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__items-wrapper {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-map-venue__items {
  overflow: hidden;
  padding-top: 3.33333vw;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__items {
    padding: 2.10526% 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__items {
    padding: 2.10526% 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__items {
    padding: 2.10526% 4.7619%;
  }
}

.mod-map-venue__item {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48.50746%;
  margin-top: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__item {
    width: 24.12791%;
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__item {
    width: 24.12791%;
    margin-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__item {
    width: 24.12791%;
    margin-left: 1.05263%;
  }
}

.mod-map-venue__item:nth-child(-n+2) {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__item:nth-child(-n+4) {
    margin-top: 0;
  }
}

.mod-map-venue__item:nth-child(2n+1) {
  float: left;
}

.mod-map-venue__item:nth-child(2n) {
  float: right;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__item:nth-child(2n) {
    float: left;
  }
}

@media screen and (min-width: 739px) {
  .mod-map-venue__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__item:nth-child(4n+1) {
    margin-left: 0;
  }
}

.mod-map-venue__item-icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.13333vw;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__item-icon-wrapper {
    width: 10.44177%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__item-icon-wrapper {
    width: 10.44177%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__item-icon-wrapper {
    width: 10.44177%;
  }
}

.mod-map-venue__item-icon {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}

.mod-map-venue__item-icon-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: green;
}

.mod-map-venue__item-icon-text {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  width: 3.73333vw;
  text-align: center;
  font-size: 0.83333rem;
  padding: 1.2vw;
  border-radius: 50%;
  background: #ffffff;
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__item-icon-text {
    width: 15px;
    font-size: 0.625rem;
    padding: 6px 5px 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__item-icon-text {
    width: 15px;
    font-size: 0.625rem;
    padding: 6px 5px 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__item-icon-text {
    width: 15px;
    font-size: 0.625rem;
    padding: 6px 5px 5px;
  }
}

.mod-map-venue__item-text {
  padding: 0.6vw 0 0 7.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__item-text {
    padding: 2px 0 0 14.05622%;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__item-text {
    padding: 2px 0 0 14.05622%;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__item-text {
    padding: 2px 0 0 14.05622%;
  }
}

.mod-map-venue__item-link {
  display: block;
  line-height: 1.25;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__item-link {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__item-link {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__item-link {
    font-size: 1.125rem;
  }
}

.mod-map-venue__item-description {
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-map-venue__item-description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-map-venue__item-description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-map-venue__item-description {
    font-size: 1rem;
  }
}

.mod-map-venue__item--active .mod-map-venue__item-link,
.mod-map-venue__item--active .mod-map-venue__item-description {
  color: #e7001d;
}

.mod-media-column2 {
  padding: 6.66667% 0;
  /* Accordion */
}

@media screen and (min-width: 739px) {
  .mod-media-column2 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-media-column2 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-media-column2 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-media-column2 {
    padding: 50px 0;
  }
}

.mod-media-column2__header {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-media-column2__header:after {
  content: "";
  clear: both;
  display: block;
}

.mod-media-column2__heading {
  font-size: 1.58333rem;
}

.mod-media-column2__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-media-column2__items {
  position: relative;
  overflow: hidden;
}

.mod-media-column2__items + .mod-media-column2__items {
  margin-top: 2.98507%;
}

.mod-media-column2__item {
  width: 48.50746%;
  margin-top: 2.98507%;
}

.mod-media-column2__item:nth-child(-n+2) {
  margin-top: 0;
}

.mod-media-column2__item:nth-child(2n+1) {
  float: left;
}

.mod-media-column2__item:nth-child(2n) {
  float: right;
}

.mod-media-column2__item-inner {
  position: relative;
  display: block;
}

.mod-media-column2__text {
  display: block;
  padding: 0.66667vw 0;
}

.mod-media-column2__showmore {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
}

@media screen and (min-width: 739px) {
  .mod-media-column2__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-media-column2__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-media-column2__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-media-column2__showmore {
    margin-top: 28px;
  }
}

.mod-media-column2__showmore-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.38806% 0 1.49254%;
  overflow: hidden;
  border-radius: 40px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-media-column2__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-media-column2__showmore-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-media-column2__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-media-column2__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-media-column2__showmore-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

.iphone .mod-media-column2__showmore-button:hover,
.ipad .mod-media-column2__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-media-column2--accordion .mod-media-column2__items--hidden {
  display: none;
}

.mod-media-column2--accordion .mod-media-column2__items--hidden-autoheight {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.mod-media-column2--accordion-opened .mod-media-column2__items--hidden {
  display: block;
}

.mod-media-column2--accordion-opened .mod-media-column2__showmore {
  display: none;
}

.mod-modal-slider {
  padding: 2.66667vw 4vw;
  /* Name No Bold */
  /* SP 1 Column */
  /* SP 2 Column */
  /* PC 3 Column */
  /* PC 4 Column */
  /* PC 5 Column */
  /* Text Overlay */
  /* Current / Hover */
  /*&__slide:hover &__activity-name,
    &__slide:hover &__article-name-text,
    &__slide:hover &__category,
    &__slide:hover &__name,
    &__slide:hover &__description {
        color: pallete(red5);
    }*/
}

@media screen and (min-width: 507px) {
  .mod-modal-slider {
    padding: 2.66667vw 4vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider {
    padding: 1.5873vw 2.77778vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider {
    padding: 1.5873vw 2.77778vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider {
    padding: 1.5873vw 2.77778vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider {
    padding: 1.5873vw 2.77778vw;
  }
}

.mod-modal-slider__header {
  margin: 0 auto 6.13333%;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-modal-slider__header-inner {
  padding: 0;
}

.mod-modal-slider__heading {
  width: 100%;
  line-height: 1.2;
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__heading {
    font-size: 2rem;
  }
}

.mod-modal-slider__body {
  padding: 0 0 8vw;
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__body {
    padding: 0 0 3.96825vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__body {
    padding: 0 0 3.96825vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__body {
    padding: 0 0 3.96825vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__body {
    padding: 0 0 50px;
  }
}

.mod-modal-slider__body-inner {
  position: relative;
  /*@include container((
            'device': 'sp',
            'type': 'liquid',
            'width': auto,
            ));*/
}

.mod-modal-slider__slider-overlay {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 1140px) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__slider-overlay--left {
    left: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__slider-overlay--left {
    left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__slider-overlay--right {
    right: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__slider-overlay--right {
    right: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__slider-wrapper {
    width: 90.47619%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__slider-wrapper {
    width: 90.47619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__slider-wrapper {
    width: 90.47619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__slider-wrapper {
    width: 1140px;
  }
}

.mod-modal-slider__slider {
  position: relative;
}

.mod-modal-slider__slider .slick-arrow {
  position: absolute;
  top: 0;
  z-index: 1000001;
  width: 5.33333vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
}

@media screen and (min-width: 507px) {
  .mod-modal-slider__slider .slick-arrow {
    width: 5.33333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

.mod-modal-slider__slider .slick-arrow span {
  content: "";
  position: absolute;
  top: 50px;
  width: 6.66667vw;
  height: 0;
  padding-top: 5.86667vw;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media screen and (min-width: 507px) {
  .mod-modal-slider__slider .slick-arrow span {
    width: 6.66667vw;
    padding-top: 5.86667vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__slider .slick-arrow span {
    width: 3.96825vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__slider .slick-arrow span {
    width: 3.96825vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__slider .slick-arrow span {
    width: 3.96825vw;
    padding-top: 3.49206vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__slider .slick-arrow span {
    width: 50px;
    padding-top: 44px;
    background-size: 100% auto;
  }
}

.mod-modal-slider__slider .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.mod-modal-slider__slider .slick-arrow.slick-prev span {
  left: 0;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

.mod-modal-slider__slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mod-modal-slider__slider .slick-arrow.slick-next span {
  right: 0;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

.mod-modal-slider__slider .slick-arrow:hover.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-modal-slider__slider .slick-arrow:hover.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

@media screen and (max-width: 738px) {
  .mod-modal-slider__slider .slick-arrow:hover {
    opacity: 1.0;
  }
}

.mod-modal-slider__slider .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-modal-slider__slider .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.iphone .slick-arrow:hover span,
.ipad .slick-arrow:hover span {
  opacity: 0.7;
}

.iphone .mod-modal-slider__modal-slider:hover .slick-arrow.slick-disabled.slick-prev span,
.ipad .mod-modal-slider__modal-slider:hover .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.iphone .mod-modal-slider__modal-slider:hover .slick-arrow.slick-disabled.slick-next span,
.ipad .mod-modal-slider__modal-slider:hover .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-modal-slider__slider .slick-list {
  overflow: visible;
}

.mod-modal-slider__slider .slick-slide {
  outline: 0;
}

.mod-modal-slider__slide {
  overflow: hidden;
}

.mod-modal-slider__slide-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-modal-slider__image {
  position: relative;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-modal-slider__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-modal-slider__image:before {
  z-index: 1;
}

.mod-modal-slider__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-modal-slider__left-label {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.8vw 1.86667vw;
  color: #ffffff;
  font-size: 0.83333rem;
  font-family: "PFDINTextStd-Light", sans-serif;
  background-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__left-label {
    display: block;
    bottom: 0;
    right: 0;
    font-size: 0.875rem;
    padding: 5px 10px 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__left-label {
    bottom: 0;
    right: 0;
    font-size: 0.875rem;
    padding: 5px 10px 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__left-label {
    bottom: 0;
    right: 0;
    font-size: 0.875rem;
    padding: 5px 10px 4px;
  }
}

.mod-modal-slider__right-label {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  padding-right: 0.8vw;
  padding-left: 3px;
  color: #ffffff;
  font-size: 0.83333rem;
  line-height: 35px;
  background-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__right-label {
    display: block;
    max-width: 50%;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__right-label {
    max-width: 50%;
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__right-label {
    max-width: 50%;
    font-size: 1rem;
  }
}

.mod-modal-slider__right-label:before {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 35px 35px 0;
  border-color: transparent #222633 transparent transparent;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__right-label:before {
    display: block;
    max-width: 50%;
    font-size: 1rem;
  }
}

.mod-modal-slider__right-label.top_pic {
  background-color: #58c0ae;
}

.mod-modal-slider__right-label.top_pic:before {
  border-color: transparent #58c0ae transparent transparent;
}

.mod-modal-slider__right-label.new {
  background-color: #f13c33;
}

.mod-modal-slider__right-label.new:before {
  border-color: transparent #f13c33 transparent transparent;
}

.mod-modal-slider__right-label.popular {
  background-color: #7baf38;
}

.mod-modal-slider__right-label.popular:before {
  border-color: transparent #7baf38 transparent transparent;
}

.mod-modal-slider__right-label.coming_soon {
  background-color: #3e448d;
}

.mod-modal-slider__right-label.coming_soon:before {
  border-color: transparent #3e448d transparent transparent;
}

.mod-modal-slider__right-label.updated {
  background-color: #e9b320;
}

.mod-modal-slider__right-label.updated:before {
  border-color: transparent #e9b320 transparent transparent;
}

.mod-modal-slider__right-label.sponsored {
  background-color: #f76d71;
}

.mod-modal-slider__right-label.sponsored:before {
  border-color: transparent #f76d71 transparent transparent;
}

.mod-modal-slider__icon {
  position: absolute;
  right: 4vw;
  bottom: 2.53333vw;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__icon {
    right: 14px;
    bottom: 11px;
  }
}

.mod-modal-slider__icon-image-wrapper {
  opacity: 0.6;
  overflow: hidden;
}

.mod-modal-slider__icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-modal-slider__icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 7.5%;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

.mod-modal-slider__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  border-radius: 0px;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

.mod-modal-slider__text {
  margin-top: 28px;
  padding-left: 21px;
  padding-bottom: 24px;
  border-left: 10px solid #e5e5e5;
  border-bottom: 10px solid #e5e5e5;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 130px;
  overflow: hidden;
}

.mod-modal-slider__text:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__text {
    margin-top: 18px;
  }
}

.mod-modal-slider__favorite-icon {
  position: absolute;
  top: 0vw;
  right: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 5.86667vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__favorite-icon {
    top: 0vw;
    width: 2.14286vw;
    height: 1.90476vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__favorite-icon {
    top: 0vw;
    width: 2.14286vw;
    height: 1.90476vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__favorite-icon {
    top: 0vw;
    width: 2.14286vw;
    height: 1.90476vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__favorite-icon {
    top: 0;
    width: 27px;
    height: 24px;
  }
}

@media screen and (min-width: 739px) {
  .windows .mod-modal-slider__favorite-icon {
    right: 2px;
  }
}

@media screen and (min-width: 769px) {
  .windows .mod-modal-slider__favorite-icon {
    right: 2px;
  }
}

@media screen and (min-width: 901px) {
  .windows .mod-modal-slider__favorite-icon {
    right: 2px;
  }
}

.mod-modal-slider__favorite-icon-content {
  cursor: pointer;
}

.slick-slide .mod-modal-slider__favorite-icon-content--black {
  display: block;
}

.slick-slide .mod-modal-slider__favorite-icon-content--red {
  display: none;
}

.slick-slide .mod-modal-slider__favorite-icon--active .mod-modal-slider__favorite-icon-content--black {
  display: none;
}

.slick-slide .mod-modal-slider__favorite-icon--active .mod-modal-slider__favorite-icon-content--red {
  display: block;
}

.mod-modal-slider__category {
  display: block;
  font-size: 1.16667rem;
  color: #222633;
  margin-bottom: 10px;
}

@media screen and (min-width: 507px) {
  .mod-modal-slider__category {
    font-size: 1.16667rem;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__category {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__category {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__category {
    font-size: 0.75rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__category {
    font-size: 12px;
    margin-bottom: 5px;
  }
}

.mod-modal-slider__activity-name {
  display: block;
}

.mod-modal-slider__name {
  display: block;
  font-size: 1.33333rem;
  line-height: 1.3;
  margin-bottom: 10px;
}

@media screen and (min-width: 507px) {
  .mod-modal-slider__name {
    font-size: 1.33333rem;
    line-height: 1.3;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__name {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__name {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__name {
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__name {
    font-size: 14px;
    line-height: 1.4;
  }
}

.mod-modal-slider__article-name {
  display: block;
  line-height: 1.3;
  margin-bottom: 0.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__article-name {
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__article-name {
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__article-name {
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__article-name {
    margin-bottom: 5px;
  }
}

.mod-modal-slider__article-name-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__article-name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__article-name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__article-name-icon {
    width: 12px;
    height: 12px;
  }
}

.slick-slide .mod-modal-slider__article-name-icon-content--gray {
  display: block;
}

.slick-slide .mod-modal-slider__article-name-icon-content--red {
  display: none;
}

.mod-modal-slider__article-name-text {
  line-height: 1.3;
  font-size: 1.33333rem;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__article-name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__article-name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__article-name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__article-name-text {
    font-size: 16px;
  }
}

.mod-modal-slider__description {
  display: block;
  font-size: 3.73333vw;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__description {
    line-height: 1.4;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider__description {
    font-size: 16px;
  }
}

.mod-modal-slider__favorite-icon ~ .mod-modal-slider__category,
.mod-modal-slider__favorite-icon ~ .mod-modal-slider__activity-name,
.mod-modal-slider__favorite-icon ~ .mod-modal-slider__name,
.mod-modal-slider__favorite-icon ~ .mod-modal-slider__description {
  padding-right: 5.86667vw;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider__favorite-icon ~ .mod-modal-slider__category,
  .mod-modal-slider__favorite-icon ~ .mod-modal-slider__activity-name,
  .mod-modal-slider__favorite-icon ~ .mod-modal-slider__name,
  .mod-modal-slider__favorite-icon ~ .mod-modal-slider__description {
    padding-right: 0;
  }
}

.mod-modal-slider--name-no-bold .mod-modal-slider__name,
.mod-modal-slider--name-no-bold .mod-modal-slider__article-name-text {
  font-weight: normal;
}

.mod-modal-slider[data-column-sp="1"] .mod-modal-slider__slide {
  width: 89.33333vw;
  margin-right: 2.66667vw;
}

.mod-modal-slider[data-column-sp="1"] .mod-modal-slider__icon {
  right: 2.66667vw;
  bottom: 2.66667vw;
}

.mod-modal-slider[data-column-sp="1"] .mod-modal-slider__icon-image-wrapper {
  width: 4.8vw;
  height: 4.8vw;
}

.mod-modal-slider[data-column-sp="1"] .mod-modal-slider__left-label {
  padding-top: 1.46667vw;
  padding-bottom: 1.46667vw;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-sp="1"] .mod-modal-slider__left-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider[data-column-sp="1"] .mod-modal-slider__left-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider[data-column-sp="1"] .mod-modal-slider__left-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

.mod-modal-slider[data-column-sp="1"] .mod-modal-slider__right-label {
  padding-top: 1.46667vw;
  padding-bottom: 1.46667vw;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-sp="1"] .mod-modal-slider__right-label {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.mod-modal-slider[data-column-sp="2"] .mod-modal-slider__slide {
  width: 43.33333vw;
  margin-right: 2.66667vw;
}

.mod-modal-slider[data-column-sp="2"] .mod-modal-slider__icon {
  right: 4vw;
  bottom: 2.53333vw;
}

.mod-modal-slider[data-column-sp="2"] .mod-modal-slider__icon-image-wrapper {
  width: 4.26667vw;
  height: 4.26667vw;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 360.1px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__icon {
    right: 0.79365vw;
    bottom: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__icon {
    right: 0.79365vw;
    bottom: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__icon {
    right: 0.79365vw;
    bottom: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__icon {
    right: 10px;
    bottom: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 270px;
    margin-right: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__icon {
    right: 10px;
    bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 197px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__icon {
    right: 11px;
    bottom: 11px;
  }
}

@media screen and (min-width: 739px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

.mod-modal-slider--text-overlay .mod-modal-slider__text {
  border: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  max-width: 90%;
  padding: 1.33333vw 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__text {
    padding: 0.79365vw 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__text {
    padding: 0.79365vw 1.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__text {
    padding: 0.79365vw 1.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__text {
    padding: 10px 15px;
  }
}

.mod-modal-slider--text-overlay .mod-modal-slider__category {
  display: block;
  font-size: 1.16667rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__category {
    font-size: 12px;
  }
}

.mod-modal-slider--text-overlay .mod-modal-slider__name {
  display: block;
  line-height: 1.3;
  font-size: 1.33333rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__name {
    line-height: 1.5;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__name {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__name {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__name {
    font-size: 20px;
  }
}

.mod-modal-slider--text-overlay .mod-modal-slider__description {
  display: block;
  font-size: 1.16667rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-modal-slider--text-overlay .mod-modal-slider__description {
    font-size: 16px;
  }
}

.mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__activity-name,
.mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__article-name-text,
.mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__category,
.mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__name,
.mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__description {
  color: #ffffff;
}

.iphone .mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__category,
.ipad .mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__category {
  color: #ffffff;
}

.iphone .mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__activity-name,
.ipad .mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__activity-name,
.iphone .mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__article-name-text,
.ipad .mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__article-name-text,
.iphone .mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__name,
.ipad .mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__name,
.iphone .mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__description,
.ipad .mod-modal-slider--text-overlay .mod-modal-slider__slide:hover .mod-modal-slider__description {
  color: #ffffff;
}

.mod-modal-slider[data-image-filter="none"] .mod-modal-slider__image:before {
  display: none;
}

.mod-modal-slider__slide:hover .mod-modal-slider__text {
  border-color: #222633;
}

.mod-modal-slider__slide.slick-current .mod-modal-slider__text {
  border-color: #222633;
}

.mod-modal-slider__slide.slick-slide:hover .mod-modal-slider__article-name-icon-content--gray {
  display: none;
}

.mod-modal-slider__slide.slick-slide:hover .mod-modal-slider__article-name-icon-content--red {
  display: block;
}

.iphone .mod-modal-slider__slide:hover .mod-modal-slider__category,
.ipad .mod-modal-slider__slide:hover .mod-modal-slider__category {
  color: #9c9c9c;
}

.iphone .mod-modal-slider__slide:hover .mod-modal-slider__activity-name,
.ipad .mod-modal-slider__slide:hover .mod-modal-slider__activity-name,
.iphone .mod-modal-slider__slide:hover .mod-modal-slider__article-name-text,
.ipad .mod-modal-slider__slide:hover .mod-modal-slider__article-name-text,
.iphone .mod-modal-slider__slide:hover .mod-modal-slider__name,
.ipad .mod-modal-slider__slide:hover .mod-modal-slider__name,
.iphone .mod-modal-slider__slide:hover .mod-modal-slider__description,
.ipad .mod-modal-slider__slide:hover .mod-modal-slider__description {
  color: #2b2b2b;
}

.iphone .mod-modal-slider__slide.slick-slide:hover .mod-modal-slider__article-name-icon-content--gray,
.ipad .mod-modal-slider__slide.slick-slide:hover .mod-modal-slider__article-name-icon-content--gray {
  display: block;
}

.iphone .mod-modal-slider__slide.slick-slide:hover .mod-modal-slider__article-name-icon-content--red,
.ipad .mod-modal-slider__slide.slick-slide:hover .mod-modal-slider__article-name-icon-content--red {
  display: none;
}

.iphone .mod-modal-slider__slide:hover .mod-modal-slider__image > img,
.ipad .mod-modal-slider__slide:hover .mod-modal-slider__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 346px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 249px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide,
  .windows.chrome .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide,
  .windows.firefox .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 197px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-modal-slider[data-column-pc="3"] .mod-modal-slider__slide {
    width: 346px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-modal-slider[data-column-pc="4"] .mod-modal-slider__slide {
    width: 249px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-modal-slider[data-column-pc="5"] .mod-modal-slider__slide {
    width: 197px;
    margin-right: 12px;
  }
}

.mod-navigation {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-navigation {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-navigation {
    padding: 50px 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-navigation__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-navigation__body-inner {
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-navigation__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-navigation__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}

.mod-navigation__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 31.34328%;
  padding-top: 4.667vw;
  padding-left: 4.667vw;
  border-top: solid 5px #e5e5e5;
  border-left: solid 5px #e5e5e5;
  height: auto !important;
}

@media screen and (min-width: 739px) {
  .mod-navigation__item {
    width: 31.579%;
    border-top: solid 10px #e5e5e5;
    border-left: solid 10px #e5e5e5;
    padding-top: 2.1428vw;
    padding-left: 2.1428vw;
    padding-bottom: 1.4285vw;
  }
}

.mod-navigation__item:nth-child(n+1):not(:nth-child(n + 4)) {
  margin-bottom: 4vw;
}

@media screen and (min-width: 739px) {
  .mod-navigation__item:nth-child(n+1):not(:nth-child(n + 4)) {
    margin-bottom: 2.1428vw;
  }
}

.mod-navigation__item:first-child {
  margin-left: 0;
}

.mod-navigation__item:nth-child(-n+3) {
  margin-top: 0;
}

.mod-navigation__item-inner {
  position: relative;
  display: block;
}

.mod-navigation__header {
  display: block;
  text-align: center;
}

@media screen and (min-width: 739px) {
  .mod-navigation__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.mod-navigation__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 9.33333vw;
  width: 9.33333vw;
  height: 9.33333vw;
  overflow: hidden;
  margin-left: 1.33333vw;
  margin-bottom: 4vw;
}

@media screen and (min-width: 739px) {
  .mod-navigation__icon {
    min-width: 4.7619vw;
    width: 4.7619vw;
    height: 4.7619vw;
    margin-left: 0;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation__icon {
    min-width: 4.7619vw;
    width: 4.7619vw;
    height: 4.7619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation__icon {
    min-width: 4.7619vw;
    width: 4.7619vw;
    height: 4.7619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-navigation__icon {
    min-width: auto;
    width: 60px;
    height: 60px;
  }
}

.mod-navigation__header-name {
  width: auto;
  height: auto;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-navigation__header-name {
    font-size: 1.375rem;
    margin-left: 2.1428vw;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation__header-name {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation__header-name {
    font-size: 1.375rem;
  }
}

.mod-navigation__header-text {
  line-height: 1.3;
}

.mod-navigation__header-text {
  display: block;
  text-align: left;
}

.mod-navigation__body {
  text-align: center;
}

.mod-navigation__links {
  font-size: 0.83333rem;
}

@media screen and (min-width: 739px) {
  .mod-navigation__links {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation__links {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation__links {
    font-size: 0.875rem;
  }
}

.mod-navigation__links-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-navigation__links-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation__links-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation__links-icon {
    width: 12px;
    height: 12px;
  }
}

.mod-navigation__links-icon-content--gray {
  display: block;
}

.mod-navigation__links-icon-content--red {
  display: none;
}

.mod-navigation__links-item {
  line-height: 2.0;
}

@media screen and (min-width: 739px) {
  .mod-navigation__links-item {
    line-height: 1.5;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation__links-item {
    line-height: 1.5;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation__links-item {
    line-height: 1.5;
  }
}

.mod-navigation__link {
  color: #828282;
}

.mod-navigation__header:hover .mod-navigation__header-text,
.mod-navigation__links-item:hover .mod-navigation__link {
  color: #e7001d;
}

.mod-navigation__item--header-external-link .mod-navigation__header:hover .mod-navigation__header-text:before {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1522642145/icons/icon_external-link_on.svg);
}

.mod-navigation__links-item:hover .mod-navigation__links-icon-content--gray {
  display: none;
}

.mod-navigation__links-item:hover .mod-navigation__links-icon-content--red {
  display: block;
}

.iphone .mod-navigation__header:hover .mod-navigation__header-text,
.ipad .mod-navigation__header:hover .mod-navigation__header-text {
  color: #2b2b2b;
}

.iphone .mod-navigation__links-item:hover .mod-navigation__link,
.ipad .mod-navigation__links-item:hover .mod-navigation__link {
  color: #828282;
}

.iphone .mod-navigation__item--header-external-link .mod-navigation__header:hover .mod-navigation__header-text:before,
.ipad .mod-navigation__item--header-external-link .mod-navigation__header:hover .mod-navigation__header-text:before {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1520592602/icons/icon_external-link.svg);
}

.iphone .mod-navigation__links-item:hover .mod-navigation__links-icon-content--gray,
.ipad .mod-navigation__links-item:hover .mod-navigation__links-icon-content--gray {
  display: block;
}

.iphone .mod-navigation__links-item:hover .mod-navigation__links-icon-content--red,
.ipad .mod-navigation__links-item:hover .mod-navigation__links-icon-content--red {
  display: none;
}

.mod-navigation-column3-column9 {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9 {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-navigation-column3-column9 {
    padding: 50px 0;
  }
}

.mod-navigation-column3-column9__header {
  margin: 0 auto 6.66667%;
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-navigation-column3-column9__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-navigation-column3-column9__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-navigation-column3-column9__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__heading {
    font-size: 2rem;
  }
}

.mod-navigation-column3-column9__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-navigation-column3-column9__body-inner {
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-navigation-column3-column9__items {
  overflow: hidden;
}

.mod-navigation-column3-column9__item {
  float: left;
  width: 31.34328%;
  margin: 6.66667vw 0 0 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__item {
    width: 8.6796%;
    margin: 0 0 0 2.63158%;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__item {
    width: 8.6796%;
    margin: 0 0 0 2.63158%;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__item {
    width: 8.6796%;
    margin: 0 0 0 2.63158%;
  }
}

.mod-navigation-column3-column9__item:nth-child(3n+1) {
  margin-left: 0;
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__item:nth-child(3n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__item:nth-child(3n+1) {
    margin-left: 2.63158%;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__item:nth-child(3n+1) {
    margin-left: 2.63158%;
  }
}

.mod-navigation-column3-column9__item:first-child {
  margin-left: 0;
}

.mod-navigation-column3-column9__item:nth-child(-n+3) {
  margin-top: 0;
}

.mod-navigation-column3-column9__item-inner {
  position: relative;
  display: block;
}

.mod-navigation-column3-column9__icon {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 10vw;
  height: 10vw;
  overflow: hidden;
  margin: 0 auto 2vw;
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__icon {
    width: 4.7619vw;
    height: 4.7619vw;
    margin-bottom: 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__icon {
    width: 4.7619vw;
    height: 4.7619vw;
    margin-bottom: 1.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__icon {
    width: 4.7619vw;
    height: 4.7619vw;
    margin-bottom: 1.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-navigation-column3-column9__icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }
}

.mod-navigation-column3-column9__links {
  text-align: center;
}

.mod-navigation-column3-column9__links-header {
  font-size: 1rem;
  margin-bottom: 1.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__links-header {
    font-size: 0.875rem;
    margin-bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__links-header {
    font-size: 0.875rem;
    margin-bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__links-header {
    font-size: 0.875rem;
    margin-bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-navigation-column3-column9__links-header {
    margin-bottom: 10px;
  }
}

.mod-navigation-column3-column9__links-heading {
  line-height: 1.3;
}

.mod-navigation-column3-column9__links-body {
  font-size: 0.83333rem;
}

@media screen and (min-width: 739px) {
  .mod-navigation-column3-column9__links-body {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-navigation-column3-column9__links-body {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-navigation-column3-column9__links-body {
    font-size: 0.875rem;
  }
}

.mod-navigation-column3-column9__text {
  color: #828282;
}

.mod-navigation-column3-column9__item-inner:hover .mod-navigation-column3-column9__links-heading {
  color: #e7001d;
}

.iphone .mod-navigation-column3-column9__item-inner:hover .mod-navigation-column3-column9__links-heading,
.ipad .mod-navigation-column3-column9__item-inner:hover .mod-navigation-column3-column9__links-heading {
  color: #2b2b2b;
}

.mod-opening-hours {
  display: block;
  padding: 6.66667% 5.33333%;
  /* Accordion */
}

@media screen and (min-width: 739px) {
  .mod-opening-hours {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-right: 2%;
    padding: 3.96825% 2% 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-opening-hours {
    padding: 3.96825% 2% 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-opening-hours {
    padding: 3.96825% 2% 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-opening-hours {
    padding: 50px 2% 0 0;
  }
}

.mod-opening-hours__heading {
  font-size: 1.66667rem;
}

.mod-opening-hours__body {
  margin-top: 2.3%;
}

@media screen and (min-width: 739px) {
  .mod-opening-hours__body {
    margin-top: 29px;
  }
}

.mod-opening-hours__text {
  line-height: 1.75;
}

.mod-opening-hours__list-item {
  font-family: "PFDINTextStd-Light", sans-serif;
  position: relative;
  padding-left: 2em;
  margin-bottom: 5px;
}

.mod-opening-hours__list-item--facility {
  font-family: "PFDINTextStd-Light", sans-serif;
  position: relative;
  padding-left: 2.4em;
  font-size: 0.83333rem;
}

@media screen and (min-width: 739px) {
  .mod-opening-hours__list-item--facility {
    padding-left: 2.66666em;
    font-size: 12px;
  }
}

.mod-opening-hours__list-item--hour {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1523010701/icons/icon_spot_hours.svg) no-repeat left top 3%;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-opening-hours__list-item--hour {
    background-size: 20px;
  }
}

.mod-opening-hours__list-item--days {
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521453847/icons/icon_spot_calendar.svg) no-repeat left top 7%;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-opening-hours__list-item--days {
    background-size: 20px;
  }
}

.mod-opening-hours__list-item:before {
  position: absolute;
  top: 0;
  left: 0;
}

.mod-opening-hours__showmore-content {
  display: none;
}

.mod-opening-hours__showmore {
  margin-top: 3.8806%;
}

@media screen and (min-width: 739px) {
  .mod-opening-hours__showmore {
    margin-top: 1.40351%;
  }
}

@media screen and (min-width: 769px) {
  .mod-opening-hours__showmore {
    margin-top: 1.40351%;
  }
}

@media screen and (min-width: 901px) {
  .mod-opening-hours__showmore {
    margin-top: 1.40351%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-opening-hours__showmore {
    margin-top: 16px;
  }
}

.mod-opening-hours__showmore-button {
  color: #ffffff;
  background-color: #222633;
  width: 200px;
  height: 30px;
  border-radius: 15px;
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
}

.mod-opening-hours__showmore-button:hover {
  background-color: #f13c33;
}

.mod-opening-hours__showmore-button:before {
  margin-right: 0.4em;
}

.mod-opening-hours__showmore-button-icon {
  position: relative;
  top: 1.73333vw;
  left: 3.06667vw;
  display: inline-block;
  width: 3.6vw;
  height: 3.6vw;
  vertical-align: top;
  letter-spacing: normal;
  margin-right: 1.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-opening-hours__showmore-button-icon {
    display: inline-block;
    top: 7px;
    left: 10px;
    width: 16px;
    height: 16px;
    margin-right: 6px;
  }
}

.mod-opening-hours--accordion-opened .mod-opening-hours__showmore-content {
  display: block;
}

.mod-opening-hours--accordion-opened .mod-opening-hours__showmore {
  display: none;
}

.mod-other-info {
  display: block;
  padding: 6.66667% 5.33333%;
  /* Accordion */
}

@media screen and (min-width: 739px) {
  .mod-other-info {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-other-info {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-other-info {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-other-info {
    padding: 50px 0;
  }
}

.mod-other-info__heading {
  font-size: 1.66667rem;
}

.mod-other-info__body {
  margin-top: 2.3%;
}

@media screen and (min-width: 739px) {
  .mod-other-info__body {
    margin-top: 29px;
  }
}

.mod-other-info__section-header {
  margin-bottom: 5px;
}

.mod-other-info__section-list {
  font-family: "PFDINTextStd-Light", sans-serif;
  margin-top: 2%;
}

.mod-other-info__section-list:first-child {
  margin-top: 0;
}

.mod-other-info__section-list-item {
  display: inline-block;
}

.mod-other-info__section-list-item:before {
  content: "|";
  display: inline-block;
  margin-right: 0.4em;
}

.mod-other-info__section-list-item:first-child:before {
  display: none;
}

.mod-other-info__section-text {
  font-family: "PFDINTextStd-Medium", sans-serif;
  margin-bottom: 10px;
}

.mod-other-info__section-text--access {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1527065538/icon_spot_access_iwe2gu.svg) no-repeat left top 2px;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-other-info__section-text--access {
    background-size: 20px;
  }
}

.mod-other-info__section-text--hotel {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1527065436/icons/icon_spot_hotel.svg) no-repeat left top 2px;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-other-info__section-text--hotel {
    background-size: 20px;
  }
}

.mod-other-info__section-text--cash {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1527065436/icons/icon_spot_cash.svg) no-repeat left top 2px;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-other-info__section-text--cash {
    background-size: 20px;
  }
}

.mod-other-info__section-text--accessibility {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1527065436/icons/icon_spot_accessibility.svg) no-repeat left top 2px;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-other-info__section-text--accessibility {
    background-size: 20px;
  }
}

.mod-other-info__section-text--restaurant {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1527066007/icons/icon_spot_restaurant.svg) no-repeat left top 2px;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-other-info__section-text--restaurant {
    background-size: 20px;
  }
}

.mod-other-info__section-text--signage {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1527066007/icons/icon_spot_signage.svg) no-repeat left top 2px;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-other-info__section-text--signage {
    background-size: 20px;
  }
}

.mod-other-info__showmore-content {
  display: none;
}

.mod-other-info__showmore-button:before {
  margin-right: 0.4em;
}

.mod-other-info--accordion-opened .mod-other-info__showmore-content {
  display: block;
}

.mod-other-info--accordion-opened .mod-other-info__showmore {
  display: none;
}

.mod-price {
  display: block;
  padding: 6.66667% 5.33333%;
  /* Accordion */
}

@media screen and (min-width: 739px) {
  .mod-price {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-price {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-price {
    padding: 3.96825% 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-price {
    padding: 50px 0 0;
  }
}

.mod-price__heading {
  font-size: 1.66667rem;
}

.mod-price__body {
  margin-top: 2.3%;
}

@media screen and (min-width: 739px) {
  .mod-price__body {
    margin-top: 29px;
  }
}

.mod-price__section-header {
  margin-bottom: 5px;
}

.mod-price__section-text {
  margin-bottom: 10px;
}

.mod-price__section-text--credit-card {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_creditcard.svg) no-repeat left top 43%;
  background-size: 4%;
}

@media screen and (min-width: 739px) {
  .mod-price__section-text--credit-card {
    background-size: 20px 14px;
  }
}

.mod-price__section-list-item {
  display: inline-block;
}

.mod-price__section-list-item:before {
  content: "|";
  display: inline-block;
  margin-right: 0.4em;
}

.mod-price__section-list-item:first-child:before {
  display: none;
}

.mod-price__text {
  line-height: 1.75;
}

.mod-price__list {
  position: relative;
  padding-left: 2em;
}

.mod-price__list:before {
  position: absolute;
  top: 0;
  left: 0;
}

.mod-price__showmore-content {
  display: none;
}

.mod-price__showmore-button:before {
  margin-right: 0.4em;
}

.mod-price--accordion-opened .mod-price__showmore-content {
  display: block;
}

.mod-price--accordion-opened .mod-price__showmore {
  display: none;
}

.mod-profile {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-profile {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-profile {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-profile {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-profile {
    padding: 50px 0;
  }
}

.mod-profile__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-profile__body {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-profile__body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-profile__body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-profile__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-profile__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-profile__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-profile__body-inner.nightlife-detail {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-profile__body-inner.nightlife-detail {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-profile__body-inner.nightlife-detail {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-profile__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.mod-profile__photo {
  background-color: #e5e5e5;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
}

@media screen and (min-width: 739px) {
  .mod-profile__photo {
    width: 260px;
    height: 260px;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-profile__photo {
    width: 300px;
    height: 300px;
  }
}

@media screen and (min-width: 901px) {
  .mod-profile__photo {
    width: 360px;
    height: 360px;
  }
}

.mod-profile__text-wrapper {
  overflow: hidden;
  padding: 30px 0 0;
}

@media screen and (min-width: 739px) {
  .mod-profile__text-wrapper {
    padding: 15px 0 0 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-profile__text-wrapper {
    padding: 40px 0 0 50px;
  }
}

.mod-profile__sentence {
  line-height: 1.5em;
}

.mod-profile__name {
  font-family: "PFDINTextStd-Medium", sans-serif;
  line-height: 1;
  font-size: 18px;
  margin-bottom: 30px;
}

@media screen and (min-width: 739px) {
  .mod-profile__name {
    font-size: 28px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-profile__name {
    margin-bottom: 32px;
    font-size: 28px;
  }
}

.mod-profile__bold {
  font-weight: bold;
}

.mod-reference {
  padding: 6.66667% 0;
  /* Accordion */
  /* Image Left */
  /* Image large */
  /* Image large */
  /* Image None */
  /* PC 2 Column */
  /* PC 2 Column / Image None */
  /* PC 3 Column */
  /* Current / Hover */
  /* Hover None */
  /* Name No Bold */
}

@media screen and (min-width: 739px) {
  .mod-reference {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference {
    padding: 50px 0;
  }
}

.mod-reference__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-reference__header {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__header {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__header {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference__header {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-reference__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-reference__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 1.58333rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-reference__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__heading {
    font-size: 2.25rem;
  }
}

.mod-reference__header-link {
  display: block;
  width: 19.32836%;
  padding-top: 3px;
  line-height: 18px;
  background-color: #222633;
  border-radius: 30px;
  color: #fff;
  text-align: center;
  font-size: 0.83333rem;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference__header-link {
    width: 8.11047%;
    padding-top: 0;
    line-height: 30px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__header-link {
    width: 8.11047%;
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__header-link {
    width: 8.11047%;
    font-size: 1rem;
  }
}

.mod-reference__header-link:hover {
  background-color: #f13c33;
}

.iphone .mod-reference__header-link,
.ipad .mod-reference__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-reference__header-link:hover,
.ipad .mod-reference__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-reference__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-reference__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-reference__lead {
  line-height: 1.3;
  font-size: 1.5rem;
  margin-bottom: 4vw;
}

@media screen and (min-width: 739px) {
  .mod-reference__lead {
    font-size: 1.25rem;
    margin-bottom: 1.66667vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__lead {
    font-size: 1.25rem;
    margin-bottom: 1.66667vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__lead {
    font-size: 1.25rem;
    margin-bottom: 1.66667vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference__lead {
    font-size: 1.25rem;
    margin-bottom: 21px;
  }
}

.mod-reference__items {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-reference__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference__items:first-child {
    padding-top: 0vw;
    border-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__items:first-child {
    padding-top: 0vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference__items:last-child {
    border-bottom: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference__items:first-child .mod-reference__item:nth-child(-n+3) {
    border-top: 0;
  }
}

.mod-reference__item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 4.47761% 0;
}

@media screen and (min-width: 739px) {
  .mod-reference__item-inner {
    padding: 1.90476vw 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__item-inner {
    padding: 1.90476vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__item-inner {
    padding: 1.90476vw 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference__item-inner {
    padding: 24px 0;
  }
}

.mod-reference__text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 140.8vw;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  padding-right: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-reference__text {
    padding-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__text {
    padding-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__text {
    padding-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference__text {
    padding-right: 12px;
  }
}

.mod-reference__name {
  line-height: 1;
  font-size: 1.16667rem;
  margin-bottom: 0.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-reference__name {
    margin-bottom: 6px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__name {
    margin-bottom: 6px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__name {
    margin-bottom: 6px;
  }
}

.mod-reference__name-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-reference__name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__name-icon {
    width: 12px;
    height: 12px;
  }
}

.mod-reference__name-icon-content--gray {
  display: block;
}

.mod-reference__name-icon-content--red {
  display: none;
}

.mod-reference__name-text {
  vertical-align: middle;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference__name-text {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__name-text {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__name-text {
    font-size: 1.125rem;
  }
}

.mod-reference__description {
  font-size: 0.95833rem;
  line-height: 1.3;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__description {
    font-size: 1rem;
  }
}

.mod-reference__image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 37.86667vw;
}

.mod-reference__image--filter .mod-reference__image-inner {
  position: relative;
  position: relative;
}

.mod-reference__image--filter .mod-reference__image-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}

.mod-reference__image-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 739px) {
  .mod-reference__image-inner {
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__image-inner {
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__image-inner {
    border-radius: 0px;
  }
}

.mod-reference__image-inner > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-reference__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-reference__map {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 21.33333vw;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 739px) {
  .mod-reference__map {
    width: 6.5873vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__map {
    width: 6.5873vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__map {
    width: 6.5873vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference__map {
    width: 80px;
    height: 92px;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference__lists {
    margin-top: 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__lists {
    margin-top: 1.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__lists {
    margin-top: 1.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference__lists {
    margin-top: 15px;
  }
}

.mod-reference__list {
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-reference__list {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__list {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__list {
    font-size: 1rem;
  }
}

.mod-reference__list:before {
  content: "- ";
}

.mod-reference__and-more {
  font-size: 1.16667rem;
  font-family: 'Georgia', serif;
  font-style: italic;
}

@media screen and (min-width: 739px) {
  .mod-reference__and-more {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__and-more {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__and-more {
    font-size: 1rem;
  }
}

.mod-reference__showmore {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
}

@media screen and (min-width: 739px) {
  .mod-reference__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference__showmore {
    margin-top: 28px;
  }
}

.mod-reference__showmore-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.38806% 0 1.49254%;
  overflow: hidden;
  border-radius: 40px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
  border-radius: 40px;
}

.mod-reference__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-reference__showmore-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference__showmore-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

.iphone .mod-reference__showmore-button:hover,
.ipad .mod-reference__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-reference--accordion .mod-reference__items--hidden {
  display: none;
}

.mod-reference--accordion .mod-reference__items--hidden-autoheight {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.mod-reference--accordion .mod-reference__items--opened {
  display: block;
}

.mod-reference--accordion .mod-reference__showmore--hidden {
  display: none;
}

.mod-reference--image-left .mod-reference__item-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.mod-reference--image-left .mod-reference__text {
  padding-right: 0;
  padding-left: 4.47761%;
}

@media screen and (min-width: 739px) {
  .mod-reference--image-left .mod-reference__text {
    padding-left: 1.90476vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference--image-left .mod-reference__text {
    padding-left: 1.90476vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference--image-left .mod-reference__text {
    padding-left: 1.90476vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference--image-left .mod-reference__text {
    padding-left: 24px;
  }
}

.mod-reference--image-left[data-column-pc="2"] .mod-reference__description {
  line-height: 1.5;
}

.mod-reference--image-large .mod-reference__image {
  width: 58.66667vw;
}

.mod-reference--image-large-sp .mod-reference__image {
  width: 58.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-reference--image-large-sp .mod-reference__image {
    width: 37.86667vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference--image-large-sp .mod-reference__image {
    width: 37.86667vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference--image-large-sp .mod-reference__image {
    width: 37.86667vw;
  }
}

.mod-reference--image-none .mod-reference__items:first-child {
  padding-top: 0vw;
}

@media screen and (min-width: 739px) {
  .mod-reference--image-none .mod-reference__items:first-child {
    padding-top: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference--image-none .mod-reference__items:first-child {
    padding-top: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference--image-none .mod-reference__items:first-child {
    padding-top: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference--image-none .mod-reference__items:first-child {
    padding-top: 12px;
  }
}

.mod-reference--image-none .mod-reference__items .mod-reference__item {
  border-top: 0;
  border-bottom: 0 !important;
  margin: 2.38095vw 0;
}

@media screen and (min-width: 739px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__item {
    margin: 0.63492vw 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__item {
    margin: 0.63492vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__item {
    margin: 0.63492vw 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__item {
    margin: 8px 0;
  }
}

.mod-reference--image-none .mod-reference__items .mod-reference__item:first-child {
  margin-top: 1.5873vw;
  border-bottom: none;
}

@media screen and (min-width: 739px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__item:first-child {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__item:first-child {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__item:first-child {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__item:first-child {
    margin-top: 8px;
  }
}

.mod-reference--image-none .mod-reference__items .mod-reference__item-inner,
.mod-reference--image-none[data-column-pc="2"] .mod-reference__items .mod-reference__item-inner {
  padding: 0;
}

.mod-reference--image-none .mod-reference__items .mod-reference__text {
  width: 100%;
  padding-right: 0;
}

.mod-reference--image-none .mod-reference__items .mod-reference__name {
  margin-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__name {
    margin-top: 0.47619vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__name {
    margin-top: 0.47619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__name {
    margin-top: 0.47619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference--image-none .mod-reference__items .mod-reference__name {
    margin-top: 6px;
  }
}

.mod-reference[data-column-pc="2"] .mod-reference__items:last-child .mod-reference__item:nth-last-child(3) {
  border-bottom: 0;
}

@media screen and (min-width: 739px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item {
    width: 48.63388%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item {
    width: 48.63388%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item {
    width: 48.63388%;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference--image-left[data-column-pc="2"] .mod-reference__item .mod-reference__image img.lazyload {
    display: block;
    height: 16.8254vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference--image-left[data-column-pc="2"] .mod-reference__item .mod-reference__image img.lazyload {
    height: 16.8254vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference--image-left[data-column-pc="2"] .mod-reference__item .mod-reference__image img.lazyload {
    height: 16.8254vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference--image-left[data-column-pc="2"] .mod-reference__item .mod-reference__image img.lazyload {
    height: 212px;
  }
}

.mod-reference[data-column-pc="2"] .mod-reference__item-inner {
  padding: 4.47761% 0;
}

@media screen and (min-width: 739px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item-inner {
    padding: 4.7619% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item-inner {
    padding: 4.7619% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item-inner {
    padding: 4.7619% 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference[data-column-pc="2"] .mod-reference__items:first-child .mod-reference__item:nth-child(-n+2) {
    border-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference[data-column-pc="2"] .mod-reference__items:first-child .mod-reference__item:nth-child(-n+2) {
    border-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference[data-column-pc="2"] .mod-reference__items:first-child .mod-reference__item:nth-child(-n+2) {
    border-top: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item:nth-child(2n+1) {
    float: left;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item:nth-child(2n+1) {
    float: left;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item:nth-child(2n+1) {
    float: left;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item:nth-child(2n) {
    float: right;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item:nth-child(2n) {
    float: right;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference[data-column-pc="2"] .mod-reference__item:nth-child(2n) {
    float: right;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference[data-column-pc="3"] .mod-reference__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.mod-reference[data-column-pc="3"] .mod-reference__item {
  border-bottom: 5px solid #e5e5e5;
}

@media screen and (min-width: 739px) {
  .mod-reference[data-column-pc="3"] .mod-reference__item {
    width: 30.52632%;
    height: auto !important;
    margin-left: 4.21053%;
    border-bottom: 10px solid #e5e5e5;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference[data-column-pc="3"] .mod-reference__item {
    margin-left: 4.21053%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference[data-column-pc="3"] .mod-reference__item {
    margin-left: 4.21053%;
  }
}

.mod-reference[data-column-pc="3"] .mod-reference__item:hover {
  border-color: #222633;
}

.mod-reference[data-column-pc="3"] .mod-reference__item:nth-child(3n+1) {
  margin-left: 0;
}

.mod-reference__item-inner:hover .mod-reference__category,
.mod-reference__item-inner:hover .mod-reference__name-text,
.mod-reference__item-inner:hover .mod-reference__description,
.mod-reference__item-inner:hover .mod-reference__list,
.mod-reference__item-inner:hover .mod-reference__and-more {
  color: #e7001d;
}

.mod-reference__item-inner:hover .mod-reference__name-icon-content--gray {
  display: none;
}

.mod-reference__item-inner:hover .mod-reference__name-icon-content--red {
  display: block;
}

.mod-reference__item-inner:hover .mod-reference__image-inner > img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.iphone .mod-reference__item-inner:hover .mod-reference__category,
.ipad .mod-reference__item-inner:hover .mod-reference__category,
.iphone .mod-reference__item-inner:hover .mod-reference__name-text,
.ipad .mod-reference__item-inner:hover .mod-reference__name-text,
.iphone .mod-reference__item-inner:hover .mod-reference__description,
.ipad .mod-reference__item-inner:hover .mod-reference__description,
.iphone .mod-reference__item-inner:hover .mod-reference__list,
.ipad .mod-reference__item-inner:hover .mod-reference__list,
.iphone .mod-reference__item-inner:hover .mod-reference__and-more,
.ipad .mod-reference__item-inner:hover .mod-reference__and-more {
  color: #2b2b2b;
}

.iphone .mod-reference__item-inner:hover .mod-reference__name-icon-content--gray,
.ipad .mod-reference__item-inner:hover .mod-reference__name-icon-content--gray {
  display: block;
}

.iphone .mod-reference__item-inner:hover .mod-reference__name-icon-content--red,
.ipad .mod-reference__item-inner:hover .mod-reference__name-icon-content--red {
  display: none;
}

.iphone .mod-reference__item-inner:hover .mod-reference__image-inner > img,
.ipad .mod-reference__item-inner:hover .mod-reference__image-inner > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-reference--hover-none .mod-reference__item-inner,
.mod-reference--hover-none .mod-reference__item-inner:hover {
  cursor: default;
}

.mod-reference--hover-none .mod-reference__item-inner:hover .mod-reference__category,
.mod-reference--hover-none .mod-reference__item-inner:hover .mod-reference__name-text,
.mod-reference--hover-none .mod-reference__item-inner:hover .mod-reference__description,
.mod-reference--hover-none .mod-reference__item-inner:hover .mod-reference__list,
.mod-reference--hover-none .mod-reference__item-inner:hover .mod-reference__and-more {
  color: #2b2b2b;
}

.mod-reference--hover-none .mod-reference__item-inner:hover .mod-reference__name-icon-content--gray {
  display: block;
}

.mod-reference--hover-none .mod-reference__item-inner:hover .mod-reference__name-icon-content--red {
  display: none;
}

.mod-reference--hover-none .mod-reference__item-inner .mod-reference__image-inner > img,
.mod-reference--hover-none .mod-reference__item-inner:hover .mod-reference__image-inner > img {
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
}

.mod-reference--name-no-bold .mod-reference__name {
  font-weight: normal;
}

.mod-reference-app {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-app {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-app {
    padding: 50px 0;
  }
}

.mod-reference-app__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-app__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-reference-app__header-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-reference-app__header-inner:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__header-inner {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__header-inner {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__header-inner {
    padding: 0 4.7619%;
  }
}

.mod-reference-app__heading {
  float: left;
  line-height: 1.2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-app__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-reference-app__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-reference-app__items {
  position: relative;
  overflow: hidden;
}

.mod-reference-app__item {
  border-bottom: 5px solid #e5e5e5;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__item {
    float: left;
    width: 30.52684%;
    margin-left: 4.21053%;
    border-bottom: 10px solid #e5e5e5;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__item {
    float: left;
    width: 30.52684%;
    margin-left: 4.21053%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__item {
    float: left;
    width: 30.52684%;
    margin-left: 4.21053%;
  }
}

.mod-reference-app__item:hover {
  border-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__item:nth-child(-n+3) {
    border-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__item:nth-child(-n+3) {
    border-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__item:nth-child(-n+3) {
    border-top: 0;
  }
}

.mod-reference-app__item:nth-child(3n+1) {
  margin-left: 0;
}

.mod-reference-app__item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9.55224% 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__item-inner {
    padding: 9.61538% 0 9.61538%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__item-inner {
    padding: 9.61538% 0 9.61538%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__item-inner {
    padding: 9.61538% 0 9.61538%;
  }
}

.mod-reference-app__left {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32.98507%;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__left {
    width: 53.18154%;
  }
}

.mod-reference-app__image {
  overflow: hidden;
  position: relative;
  border-radius: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-bottom: 5.2vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__image {
    border-radius: 0px;
    margin-bottom: 2.22222vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__image {
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__image {
    border-radius: 0px;
  }
}

.mod-reference-app__langs {
  overflow: hidden;
}

.mod-reference-app__lang {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  width: 29.86425%;
  text-align: center;
  font-size: 1rem;
  padding: 10.56% 0;
  overflow: hidden;
  border-radius: 0px;
  background-color: #dfecd3;
  margin-top: 4.52489%;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__lang {
    width: 25%;
    font-size: 0.75rem;
    padding: 9.36% 0;
    border-radius: 0px;
    margin-top: 3.33333%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__lang {
    width: 25%;
    font-size: 0.75rem;
    padding: 9.36% 0;
    border-radius: 0px;
    margin-top: 3.33333%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__lang {
    width: 25%;
    font-size: 0.75rem;
    padding: 9.36% 0;
    border-radius: 0px;
    margin-top: 3.33333%;
  }
}

.mod-reference-app__lang:nth-child(2n+1) {
  float: left;
}

.mod-reference-app__lang:nth-child(2n) {
  float: right;
}

.mod-reference-app__right {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 78.80597%;
  padding-left: 4.1791%;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__right {
    width: 81.41026%;
    padding-left: 9.61538%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__right {
    width: 81.41026%;
    padding-left: 9.61538%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__right {
    width: 81.41026%;
    padding-left: 9.61538%;
  }
}

.mod-reference-app__name {
  font-size: 1.16667rem;
  margin-bottom: 5.86667vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__name {
    font-size: 1.25rem;
    margin-bottom: 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__name {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__name {
    font-size: 1.25rem;
  }
}

.mod-reference-app__lead {
  font-size: 1rem;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__lead {
    font-size: 1rem;
    margin-bottom: 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__lead {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__lead {
    font-size: 1rem;
  }
}

.mod-reference-app__description {
  font-size: 1rem;
  margin-bottom: 6%;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__description {
    font-size: 1rem;
    margin-bottom: 14.28571%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__description {
    font-size: 1rem;
    margin-bottom: 14.28571%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__description {
    font-size: 1rem;
    margin-bottom: 14.28571%;
  }
}

.mod-reference-app__links {
  overflow: hidden;
}

.mod-reference-app__link {
  float: left;
  width: 35.6%;
  margin-left: 4%;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__link {
    float: none;
    width: 73.52143%;
    margin-top: 10px;
    margin-left: 0;
  }
}

.mod-reference-app__link:first-child {
  margin-left: 0;
}

.mod-reference-app__link-text {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 33.19328%;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-app__link-text {
    padding-top: 33.96226%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-app__link-text {
    padding-top: 33.96226%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-app__link-text {
    padding-top: 33.96226%;
  }
}

.mod-reference-app__link--app-store .mod-reference-app__link-text {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1524811072/usefulApps/btn_app_store.png);
}

.mod-reference-app__link--google-play .mod-reference-app__link-text {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1524811072/usefulApps/btn_google_play.png);
}

.mod-reference-modal {
  padding: 6.66667% 0;
  /* Accordion */
  /* Image Left */
  /* Image large */
  /* Image large */
  /* Image None */
  /* PC 2 Column */
  /* PC 2 Column / Image None */
  /* PC 3 Column */
  /* Current / Hover */
  /* No Hover */
  /* Link Hover */
  /* Modal Active */
}

@media screen and (min-width: 739px) {
  .mod-reference-modal {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal {
    padding: 50px 0;
  }
}

.mod-reference-modal__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-reference-modal__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-reference-modal__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__heading {
    font-size: 2rem;
  }
}

.mod-reference-modal__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  background-color: #222633;
  color: #ffffff;
  width: 14.66667vw;
  padding-top: 3px;
  line-height: 18px;
  border-radius: 20px;
  display: block;
  text-align: center;
  font-size: 0.83333rem;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__header-link {
    width: 82px;
    padding-top: 0;
    line-height: 30px;
    border-radius: 15px;
    font-size: 1em;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-reference-modal__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-reference-modal__items {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__items:first-child {
    padding-top: 0.47619vw;
    border-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__items:first-child {
    padding-top: 0.47619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__items:first-child {
    padding-top: 0.47619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__items:first-child {
    padding-top: 6px;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__items:last-child {
    border-bottom: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__items:first-child .mod-reference-modal__item:nth-child(-n+3) {
    border-top: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__items:first-child:last-child .mod-reference-modal__item:nth-last-child(-n+3) {
    border-bottom: 0;
  }
}

.mod-reference-modal__item {
  border-bottom: 5px solid #e5e5e5;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__item {
    border-bottom: 10px solid #e5e5e5;
  }
}

.mod-reference-modal__item:hover {
  border-color: #e5e5e5;
}

.mod-reference-modal__item.with-link {
  border-bottom: 5px solid #e5e5e5;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__item.with-link {
    border-bottom: 10px solid #e5e5e5;
  }
}

.mod-reference-modal__item.with-link:hover {
  border-color: #222633;
}

.mod-reference-modal__item >
.mod-reference-modal__item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 4.47761% 0;
  cursor: default;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__item >
.mod-reference-modal__item-inner {
    padding: 1.90476vw 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__item >
.mod-reference-modal__item-inner {
    padding: 1.90476vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__item >
.mod-reference-modal__item-inner {
    padding: 1.90476vw 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__item >
.mod-reference-modal__item-inner {
    padding: 24px 0;
  }
}

.mod-reference-modal__text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 140.8vw;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  padding-right: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__text {
    padding-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__text {
    padding-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__text {
    padding-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__text {
    padding-right: 12px;
  }
}

.mod-reference-modal__name {
  line-height: 1;
  font-size: 1.33333rem;
  margin-bottom: 4vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__name {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__name {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__name {
    margin-bottom: 20px;
  }
}

.mod-reference-modal__name-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__name-icon {
    width: 12px;
    height: 12px;
  }
}

.mod-reference-modal__name-icon-content--gray {
  display: block;
}

.mod-reference-modal__name-icon-content--red {
  display: none;
}

.mod-reference-modal__name-text {
  font-family: "PFDINTextStd-Medium", sans-serif;
  font-size: 1.16667rem;
  vertical-align: middle;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__name-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__name-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__name-text {
    font-size: 1.25rem;
  }
}

.mod-reference-modal__description {
  font-size: 1rem;
  line-height: 1.3;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__description {
    font-size: 1rem;
  }
}

.mod-reference-modal__image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 37.86667vw;
}

.mod-reference-modal__image-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__image-inner {
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__image-inner {
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__image-inner {
    border-radius: 0px;
  }
}

.mod-reference-modal__image-inner > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-reference-modal__showmore {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__showmore {
    margin-top: 28px;
  }
}

.mod-reference-modal__showmore-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.38806% 0 1.49254%;
  overflow: hidden;
  border-radius: 40px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
  border-radius: 40px;
}

.mod-reference-modal__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__showmore-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__showmore-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

.iphone .mod-reference-modal__showmore-button:hover,
.ipad .mod-reference-modal__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-reference-modal--accordion .mod-reference-modal__items--hidden {
  display: none;
}

.mod-reference-modal--accordion .mod-reference-modal__items--hidden-autoheight {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.mod-reference-modal--accordion .mod-reference-modal__items--opened {
  display: block;
}

.mod-reference-modal--accordion .mod-reference-modal__showmore--hidden {
  display: none;
}

.mod-reference-modal--image-left .mod-reference-modal__item-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.mod-reference-modal--image-left .mod-reference-modal__text {
  padding-right: 0;
  padding-left: 4.47761%;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal--image-left .mod-reference-modal__text {
    padding-left: 1.90476vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal--image-left .mod-reference-modal__text {
    padding-left: 1.90476vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal--image-left .mod-reference-modal__text {
    padding-left: 1.90476vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal--image-left .mod-reference-modal__text {
    padding-left: 24px;
  }
}

.mod-reference-modal--image-left[data-column-pc="2"] .mod-reference-modal__description {
  line-height: 1.3334;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal--image-left[data-column-pc="2"] .mod-reference-modal__description {
    line-height: 1.5;
  }
}

.mod-reference-modal--image-large .mod-reference-modal__image {
  width: 62.19333vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal--image-rectangle[data-column-pc="3"] .mod-reference-modal__item .mod-reference-modal__image img.lazyload {
    display: block;
    height: 12.53968vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal--image-rectangle[data-column-pc="3"] .mod-reference-modal__item .mod-reference-modal__image img.lazyload {
    height: 10.07937vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal--image-rectangle[data-column-pc="3"] .mod-reference-modal__item .mod-reference-modal__image img.lazyload {
    height: 10.07937vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal--image-rectangle[data-column-pc="3"] .mod-reference-modal__item .mod-reference-modal__image img.lazyload {
    height: 127px;
  }
}

.mod-reference-modal--image-none .mod-reference-modal__items:first-child {
  padding-top: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal--image-none .mod-reference-modal__items:first-child {
    padding-top: 1.5873vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal--image-none .mod-reference-modal__items:first-child {
    padding-top: 1.5873vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal--image-none .mod-reference-modal__items:first-child {
    padding-top: 1.5873vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal--image-none .mod-reference-modal__items:first-child {
    padding-top: 20px;
  }
}

.mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item {
  border-top: 0;
  border-bottom: 0;
  margin: 2.38095vw 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item {
    margin: 0.63492vw 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item {
    margin: 0.63492vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item {
    margin: 0.63492vw 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item {
    margin: 8px 0;
  }
}

.mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item:first-child {
  margin-top: 1.5873vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item:first-child {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item:first-child {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item:first-child {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item:first-child {
    margin-top: 8px;
  }
}

.mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__item-inner,
.mod-reference-modal--image-none[data-column-pc="2"] .mod-reference-modal__items .mod-reference-modal__item-inner {
  padding: 0;
}

.mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__text {
  width: 100%;
  padding-right: 0;
}

.mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__name {
  margin-bottom: 1.06667vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__name {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__name {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__name {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal--image-none .mod-reference-modal__items .mod-reference-modal__name {
    margin-top: 8px;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item {
    width: 48.63388%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item {
    width: 48.63388%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item {
    width: 48.63388%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item {
    height: auto !important;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal--image-left[data-column-pc="2"] .mod-reference-modal__item .mod-reference-modal__image img.lazyload {
    display: block;
    height: 16.8254vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal--image-left[data-column-pc="2"] .mod-reference-modal__item .mod-reference-modal__image img.lazyload {
    height: 16.8254vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal--image-left[data-column-pc="2"] .mod-reference-modal__item .mod-reference-modal__image img.lazyload {
    height: 16.8254vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal--image-left[data-column-pc="2"] .mod-reference-modal__item .mod-reference-modal__image img.lazyload {
    height: 212px;
  }
}

.mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item-inner {
  padding: 4.47761% 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item-inner {
    padding: 4.7619% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item-inner {
    padding: 4.7619% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item-inner {
    padding: 4.7619% 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__items:first-child .mod-reference-modal__item:nth-child(-n+2) {
    border-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__items:first-child .mod-reference-modal__item:nth-child(-n+2) {
    border-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__items:first-child .mod-reference-modal__item:nth-child(-n+2) {
    border-top: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item:nth-child(2n+1) {
    float: left;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item:nth-child(2n+1) {
    float: left;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item:nth-child(2n+1) {
    float: left;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item:nth-child(2n) {
    float: right;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item:nth-child(2n) {
    float: right;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal[data-column-pc="2"] .mod-reference-modal__item:nth-child(2n) {
    float: right;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal[data-column-pc="3"] .mod-reference-modal__item {
    float: left;
    width: 27.45614%;
    margin-left: 4.03509%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal[data-column-pc="3"] .mod-reference-modal__item {
    float: left;
    width: 27.45614%;
    margin-left: 4.03509%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal[data-column-pc="3"] .mod-reference-modal__item {
    float: left;
    width: 27.45614%;
    margin-left: 4.03509%;
  }
}

.mod-reference-modal[data-column-pc="3"] .mod-reference-modal__item:nth-child(3n+1) {
  margin-left: 0;
}

.mod-reference-modal__item-inner,
.mod-reference-modal__item-inner:hover {
  cursor: pointer;
}

.mod-reference-modal__item-inner:hover .mod-reference-modal__category,
.mod-reference-modal__item-inner:hover .mod-reference-modal__name-text,
.mod-reference-modal__item-inner:hover .mod-reference-modal__description {
  color: #e7001d;
}

.mod-reference-modal__item-inner:hover .mod-reference-modal__name-icon-content--gray {
  display: none;
}

.mod-reference-modal__item-inner:hover .mod-reference-modal__name-icon-content--red {
  display: block;
}

.mod-reference-modal__item-inner:hover .mod-reference-modal__image-inner > img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.mod-reference-modal__item-inner[href="javascript:void(0)"],
.mod-reference-modal__item-inner[href="javascript:void(0)"],
.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover,
.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover {
  cursor: default;
}

.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__category,
.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__category,
.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__name-text,
.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__name-text,
.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__description,
.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__description {
  color: #2b2b2b;
}

.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__name-icon-content--gray,
.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__name-icon-content--gray {
  display: block;
}

.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__name-icon-content--red,
.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__name-icon-content--red {
  display: none;
}

.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__image-inner > img,
.mod-reference-modal__item-inner[href="javascript:void(0)"]:hover .mod-reference-modal__image-inner > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.iphone .mod-reference-modal__item-inner,
.ipad .mod-reference-modal__item-inner,
.iphone .mod-reference-modal__item-inner:hover,
.ipad .mod-reference-modal__item-inner:hover {
  cursor: default;
}

.iphone .mod-reference-modal__item-inner:hover .mod-reference-modal__category,
.ipad .mod-reference-modal__item-inner:hover .mod-reference-modal__category,
.iphone .mod-reference-modal__item-inner:hover .mod-reference-modal__name-text,
.ipad .mod-reference-modal__item-inner:hover .mod-reference-modal__name-text,
.iphone .mod-reference-modal__item-inner:hover .mod-reference-modal__description,
.ipad .mod-reference-modal__item-inner:hover .mod-reference-modal__description {
  color: #2b2b2b;
}

.iphone .mod-reference-modal__item-inner:hover .mod-reference-modal__name-icon-content--gray,
.ipad .mod-reference-modal__item-inner:hover .mod-reference-modal__name-icon-content--gray {
  display: block;
}

.iphone .mod-reference-modal__item-inner:hover .mod-reference-modal__name-icon-content--red,
.ipad .mod-reference-modal__item-inner:hover .mod-reference-modal__name-icon-content--red {
  display: none;
}

.iphone .mod-reference-modal__item-inner:hover .mod-reference-modal__image-inner > img,
.ipad .mod-reference-modal__item-inner:hover .mod-reference-modal__image-inner > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-reference-modal__modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.mod-reference-modal__modal-close-button {
  position: fixed;
  top: 2.66667vw;
  left: 2.66667vw;
  z-index: 1000000;
  display: none;
  width: 8vw;
  height: 0;
  padding-top: 8vw;
  overflow: hidden;
  opacity: 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-close-button {
    top: 2.38095vw;
    left: 4.26667vw;
    right: auto;
    width: 3.57143vw;
    padding-top: 3.57143vw;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-close-button {
    top: 2.38095vw;
    left: 4.26667vw;
    right: auto;
    width: 3.57143vw;
    padding-top: 3.57143vw;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-close-button {
    top: 2.38095vw;
    left: 4.26667vw;
    right: auto;
    width: 3.57143vw;
    padding-top: 3.57143vw;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-close-button {
    top: 30px;
    left: 32px;
    right: auto;
    width: 45px;
    padding-top: 45px;
  }
}

.mod-reference-modal__modal-close-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 2.66667vw;
  height: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-close-button-icon {
    width: 1.19048vw;
    height: 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-close-button-icon {
    width: 1.19048vw;
    height: 1.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-close-button-icon {
    width: 1.19048vw;
    height: 1.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-close-button-icon {
    width: 15px;
    height: 15px;
  }
}

.mod-reference-modal__modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100000;
  display: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 57.69841vw;
    height: 75.83333%;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 57.69841vw;
    height: 75.83333%;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 57.69841vw;
    height: 75.83333%;
    border-radius: 0px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal {
    width: 727px;
    height: 75.83333%;
    border-radius: 0px;
  }
}

.mod-reference-modal__modal-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-top: 8vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-inner {
    padding-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-inner {
    padding-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-inner {
    padding-top: 0;
  }
}

.mod-reference-modal__modal-slider-wrapper {
  position: relative;
  padding-top: 5.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-wrapper {
    padding: 3.30124% 3.30124% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-wrapper {
    padding: 3.30124% 3.30124% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-wrapper {
    padding: 3.30124% 3.30124% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-slider-wrapper {
    padding: 24px 24px 0;
  }
}

.mod-reference-modal__modal--slider-none .mod-reference-modal__modal-slider-wrapper {
  padding: 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal--slider-none .mod-reference-modal__modal-slider-wrapper {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal--slider-none .mod-reference-modal__modal-slider-wrapper {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal--slider-none .mod-reference-modal__modal-slider-wrapper {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal--slider-none .mod-reference-modal__modal-slider-wrapper {
    padding: 0;
  }
}

.mod-reference-modal__modal-slider {
  overflow: hidden;
}

.mod-reference-modal__modal-slide {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slide {
    float: left;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slide {
    float: left;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slide {
    float: left;
    border-radius: 0px;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slide:nth-child(2),
  .mod-reference-modal__modal-slide:nth-child(3),
  .mod-reference-modal__modal-slide:nth-child(4) {
    width: 32.10604%;
    margin: 1.7673% 1.7673% 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slide:nth-child(2),
  .mod-reference-modal__modal-slide:nth-child(3),
  .mod-reference-modal__modal-slide:nth-child(4) {
    width: 32.10604%;
    margin: 1.7673% 1.7673% 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slide:nth-child(2),
  .mod-reference-modal__modal-slide:nth-child(3),
  .mod-reference-modal__modal-slide:nth-child(4) {
    width: 32.10604%;
    margin: 1.7673% 1.7673% 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-slide:nth-child(2),
  .mod-reference-modal__modal-slide:nth-child(3),
  .mod-reference-modal__modal-slide:nth-child(4) {
    width: 218px;
    margin: 12px 12px 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .windows .mod-reference-modal__modal-slide:nth-child(2),
  .windows .mod-reference-modal__modal-slide:nth-child(3),
  .windows .mod-reference-modal__modal-slide:nth-child(4) {
    width: 212.5px;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slide:first-child {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slide:first-child {
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slide:first-child {
    width: 100%;
  }
}

.mod-reference-modal__modal-slide:nth-child(4) {
  margin-right: 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slide:nth-child(4) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slide:nth-child(4) {
    margin-right: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slide:nth-child(4) {
    margin-right: 0;
  }
}

.mod-reference-modal__modal-slide:first-child img.lazyload,
.mod-reference-modal__modal-slide:nth-child(2) img.lazyload,
.mod-reference-modal__modal-slide:nth-child(3) img.lazyload,
.mod-reference-modal__modal-slide:nth-child(4) img.lazyload {
  height: 60vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slide:first-child img.lazyload {
    height: 60.66667vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slide:first-child img.lazyload {
    height: 60.66667vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slide:first-child img.lazyload {
    height: 60.66667vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-slide:first-child img.lazyload {
    height: 455px;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slide:nth-child(2) img.lazyload,
  .mod-reference-modal__modal-slide:nth-child(3) img.lazyload,
  .mod-reference-modal__modal-slide:nth-child(4) img.lazyload {
    height: 17.46667vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slide:nth-child(2) img.lazyload,
  .mod-reference-modal__modal-slide:nth-child(3) img.lazyload,
  .mod-reference-modal__modal-slide:nth-child(4) img.lazyload {
    height: 17.46667vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slide:nth-child(2) img.lazyload,
  .mod-reference-modal__modal-slide:nth-child(3) img.lazyload,
  .mod-reference-modal__modal-slide:nth-child(4) img.lazyload {
    height: 17.46667vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-slide:nth-child(2) img.lazyload,
  .mod-reference-modal__modal-slide:nth-child(3) img.lazyload,
  .mod-reference-modal__modal-slide:nth-child(4) img.lazyload {
    height: 131px;
  }
}

.mod-reference-modal__modal-slider-left-label {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  line-height: 1;
  color: #ffffff;
  padding: 0.8vw 2.66667vw 0.66667vw;
  background-color: #2b2b2b;
  border-radius: 0 0px 0px 0;
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-left-label {
    left: 0;
    font-size: 0.75rem;
    padding: 9px 11px;
    border-radius: 0 0px 0px 0;
    margin-bottom: 1.5873vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-left-label {
    left: 0;
    font-size: 0.75rem;
    padding: 9px 11px;
    border-radius: 0 0px 0px 0;
    margin-bottom: 1.5873vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-left-label {
    left: 0;
    font-size: 0.75rem;
    padding: 9px 11px;
    border-radius: 0 0px 0px 0;
    margin-bottom: 1.5873vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-slider-left-label {
    margin-bottom: 20px;
  }
}

.mod-reference-modal__modal-slider-icon {
  position: absolute;
  right: 2.66667vw;
  bottom: 2.66667vw;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-slider-icon {
    right: 10px;
    bottom: 10px;
  }
}

.mod-reference-modal__modal-slider-icon-image-wrapper {
  width: 5.86667vw;
  height: 5.86667vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-icon-image-wrapper {
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-icon-image-wrapper {
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-icon-image-wrapper {
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-slider-icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

.mod-reference-modal__modal-slider-icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-reference-modal__modal-slider-icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 8%;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 9%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 9%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 9%;
  }
}

.mod-reference-modal__modal-slider-icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  border-radius: 0px;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

.mod-reference-modal__modal-slider-text-wrapper {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2.4vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-text-wrapper {
    padding: 1.03175vw 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-text-wrapper {
    padding: 1.03175vw 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-text-wrapper {
    padding: 1.03175vw 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-slider-text-wrapper {
    padding: 13px 0 0;
  }
}

.mod-reference-modal__modal-slider-dot-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  line-height: 1;
  font-size: 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-dot-wrapper {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-dot-wrapper {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-dot-wrapper {
    display: none;
  }
}

.mod-reference-modal__modal-slider-dot-wrapper .slick-dots {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  line-height: 1;
  font-size: 0;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-reference-modal__modal-slider-dot-wrapper .slick-dots li {
  line-height: 1;
  font-size: 0;
  margin: 0 8px;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots li {
    margin: 0 7.5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots li {
    margin: 0 7.5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots li {
    margin: 0 7.5px;
  }
}

.mod-reference-modal__modal-slider-dot-wrapper .slick-dots li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots li:last-child {
    margin-right: 0;
  }
}

.mod-reference-modal__modal-slider-dot-wrapper .slick-dots button {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 0;
  line-height: 1;
  font-size: 0;
  padding: 8px 0 0;
  overflow: hidden;
  border: 0;
  background: 0;
  margin: 0;
  outline: 0;
  cursor: pointer;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-slider-dot-wrapper .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

.mod-reference-modal__modal-slider-dot-wrapper .slick-dots button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 100%;
  background: #e5e5e5;
}

.mod-reference-modal__modal-slider-dot-wrapper .slick-dots li:hover button:before,
.mod-reference-modal__modal-slider-dot-wrapper .slick-dots .slick-active button:before {
  background: #e7001d;
}

.iphone .mod-reference-modal__modal-slider-dot-wrapper .slick-dots li:hover button:before,
.ipad .mod-reference-modal__modal-slider-dot-wrapper .slick-dots li:hover button:before {
  background: #e5e5e5;
}

.iphone .mod-reference-modal__modal-slider-dot-wrapper .slick-dots .slick-active:hover button:before,
.ipad .mod-reference-modal__modal-slider-dot-wrapper .slick-dots .slick-active:hover button:before {
  background: #e7001d;
}

.mod-reference-modal__modal-header {
  padding-top: 2.66667vw;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-header {
    padding: 4.81431% 3.30124% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-header {
    padding: 4.81431% 3.30124% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-header {
    padding: 4.81431% 3.30124% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-header {
    padding: 35px 24px 0;
  }
}

.mod-reference-modal__modal-category {
  display: block;
  line-height: 1;
  font-size: 1.16667rem;
  color: #e5e5e5;
  margin-bottom: 5px;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-category {
    font-size: 1.25rem;
    margin-bottom: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-category {
    font-size: 1.75rem;
    margin-bottom: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-category {
    font-size: 1.75rem;
    margin-bottom: 0.95238vw;
  }
}

.mod-reference-modal__modal-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}

.mod-reference-modal__modal-heading-text {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-heading-text {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-heading-text {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-heading-text {
    font-size: 2.5rem;
  }
}

.mod-reference-modal__modal-favorite-icon-wrapper {
  display: block;
}

.mod-reference-modal__modal-favorite-icon {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 5.86667vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-favorite-icon {
    width: 3.49206vw;
    height: 2.85714vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-favorite-icon {
    width: 3.49206vw;
    height: 2.85714vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-favorite-icon {
    width: 3.49206vw;
    height: 2.85714vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-favorite-icon {
    width: 44px;
    height: 36px;
  }
}

.mod-reference-modal__modal-favorite-icon-content {
  cursor: pointer;
}

.mod-reference-modal__modal-favorite-icon-content--black {
  display: block;
}

.mod-reference-modal__modal-favorite-icon-content--red {
  display: none;
}

.mod-reference-modal__modal-favorite-icon--active .mod-reference-modal__modal-favorite-icon-content--black {
  display: none;
}

.mod-reference-modal__modal-favorite-icon--active .mod-reference-modal__modal-favorite-icon-content--red {
  display: block;
}

.mod-reference-modal__modal-body {
  padding-top: 2.98507%;
  padding-bottom: 2.98507%;
  padding: 1.37552% 3.30124% 0;
}

@media screen and (min-width: 769px) {
  .mod-reference-modal {
    padding: 1.37552% 3.30124% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal {
    padding: 1.37552% 3.30124% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal {
    padding: 10px 24px 0;
  }
}

.mod-reference-modal__modal-description {
  font-size: 1.16667rem;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-description {
    padding: 0 1.90476vw;
    padding: 0;
    margin-bottom: 10.81081%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-description {
    padding: 0 1.90476vw;
    padding: 0;
    margin-bottom: 10.81081%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-description {
    padding: 0 1.90476vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-description {
    padding: 0 24px;
    padding: 0;
    margin-bottom: 10.81081%;
  }
}

.mod-reference-modal__modal-footer {
  padding-top: 2.4vw;
  padding-bottom: 7.2vw;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-footer {
    padding: 1.51307% 3.30124% 5.50206%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-footer {
    padding: 1.51307% 3.30124% 5.50206%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-footer {
    padding: 1.51307% 3.30124% 5.50206%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-footer {
    padding: 11px 24px 40px;
  }
}

.mod-reference-modal__modal-link-wrapper {
  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;
}

.mod-reference-modal__modal-link {
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 1rem;
  padding: 2.66667vw 5.06667vw 2.4vw;
  overflow: hidden;
  border: 1px solid #e7001d;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link {
    font-size: 0.875rem;
    padding: 1.6vw 2.77778vw 1.33333vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link {
    font-size: 0.875rem;
    padding: 1.6vw 2.77778vw 1.33333vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link {
    font-size: 0.875rem;
    padding: 1.6vw 2.77778vw 1.33333vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-modal__modal-link {
    font-size: 0.875rem;
    padding: 12px 35px 10px;
  }
}

.mod-reference-modal__modal-link-wrapper--detail .mod-reference-modal__modal-link {
  border-radius: 6% 6% 6% 6% / 50% 50% 50% 50%;
}

.mod-reference-modal__modal-link-wrapper--more-info .mod-reference-modal__modal-link {
  border-radius: 11% 11% 11% 11% / 50% 50% 50% 50%;
}

.mod-reference-modal__modal-link-wrapper--more-info-tdir .mod-reference-modal__modal-link {
  border-radius: 6% 6% 6% 6% / 50% 50% 50% 50%;
}

.mod-reference-modal__modal-link-wrapper--basket .mod-reference-modal__modal-link {
  border-radius: 10% 10% 10% 10% / 50% 50% 50% 50%;
}

.mod-reference-modal__modal-link-wrapper--map .mod-reference-modal__modal-link {
  border-radius: 12% 12% 12% 12% / 50% 50% 50% 50%;
}

.mod-reference-modal__modal-link-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  height: 0;
  vertical-align: middle;
  letter-spacing: normal;
  overflow: hidden;
}

.mod-reference-modal__modal-link-icon-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mod-reference-modal__modal-link-wrapper--more-info .mod-reference-modal__modal-link-icon {
  width: 2.93333vw;
  padding-top: 1.6vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-wrapper--more-info .mod-reference-modal__modal-link-icon {
    width: 14px;
    padding-top: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-wrapper--more-info .mod-reference-modal__modal-link-icon {
    width: 14px;
    padding-top: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-wrapper--more-info .mod-reference-modal__modal-link-icon {
    width: 14px;
    padding-top: 18px;
  }
}

.mod-reference-modal__modal-link-wrapper--basket .mod-reference-modal__modal-link-icon {
  width: 2.93333vw;
  padding-top: 2.53333vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-wrapper--basket .mod-reference-modal__modal-link-icon {
    width: 14px;
    padding-top: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-wrapper--basket .mod-reference-modal__modal-link-icon {
    width: 14px;
    padding-top: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-wrapper--basket .mod-reference-modal__modal-link-icon {
    width: 14px;
    padding-top: 12px;
  }
}

.mod-reference-modal__modal-link-wrapper--map .mod-reference-modal__modal-link-icon {
  width: 2.4vw;
  padding-top: 2.93333vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-wrapper--map .mod-reference-modal__modal-link-icon {
    width: 10px;
    padding-top: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-wrapper--map .mod-reference-modal__modal-link-icon {
    width: 10px;
    padding-top: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-wrapper--map .mod-reference-modal__modal-link-icon {
    width: 10px;
    padding-top: 12px;
  }
}

.mod-reference-modal__modal-link-icon-content--black,
.mod-reference-modal__modal-link-button-icon-content--black {
  display: block;
}

.mod-reference-modal__modal-link-icon-content--white,
.mod-reference-modal__modal-link-button-icon-content--white {
  display: none;
}

.mod-reference-modal__modal-link-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70.93333vw;
  margin: 0 auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-buttons {
    width: 352px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-buttons {
    width: 352px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-buttons {
    width: 352px;
  }
}

.mod-reference-modal__modal-link-button {
  width: 50%;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-button {
    width: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-button {
    width: auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-button {
    width: auto;
  }
}

.mod-reference-modal__modal-link-button-inner {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  letter-spacing: -0.4em;
  text-align: center;
  padding: 1.6vw 0 1.86667vw;
  overflow: hidden;
  border: 1px solid #e7001d;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-button-inner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: auto;
    text-align: left;
    padding-top: 3.5px;
    padding-bottom: 3.5px;
    border-width: 1px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-button-inner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: auto;
    text-align: left;
    padding-top: 3.5px;
    padding-bottom: 3.5px;
    border-width: 1px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-button-inner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: auto;
    text-align: left;
    padding-top: 3.5px;
    padding-bottom: 3.5px;
    border-width: 1px;
  }
}

.mod-reference-modal__modal-link-button:first-child .mod-reference-modal__modal-link-button-inner {
  border-radius: 12% 0 0 12% / 50% 0 0 50%;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-button:first-child .mod-reference-modal__modal-link-button-inner {
    padding-right: 30px;
    padding-left: 40px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-button:first-child .mod-reference-modal__modal-link-button-inner {
    padding-right: 30px;
    padding-left: 40px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-button:first-child .mod-reference-modal__modal-link-button-inner {
    padding-right: 30px;
    padding-left: 40px;
  }
}

.mod-reference-modal__modal-link-button:last-child .mod-reference-modal__modal-link-button-inner {
  border-left-width: 1px;
  border-radius: 0 12% 12% 0 / 0 50% 50% 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-button:last-child .mod-reference-modal__modal-link-button-inner {
    padding-right: 40px;
    padding-left: 32px;
    border-left-width: 1px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-button:last-child .mod-reference-modal__modal-link-button-inner {
    padding-right: 40px;
    padding-left: 32px;
    border-left-width: 1px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-button:last-child .mod-reference-modal__modal-link-button-inner {
    padding-right: 40px;
    padding-left: 32px;
    border-left-width: 1px;
  }
}

.mod-reference-modal__modal-link-button:first-child:last-child .mod-reference-modal__modal-link-button-inner {
  border-right-width: 1px;
  border-left-width: 1px;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-button:first-child:last-child .mod-reference-modal__modal-link-button-inner {
    border-right-width: 2px;
    border-left-width: 2px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-button:first-child:last-child .mod-reference-modal__modal-link-button-inner {
    border-right-width: 2px;
    border-left-width: 2px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-button:first-child:last-child .mod-reference-modal__modal-link-button-inner {
    border-right-width: 2px;
    border-left-width: 2px;
  }
}

.mod-reference-modal__modal-link-button-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  height: 0;
  overflow: hidden;
  margin-right: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-button-icon {
    margin-right: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-button-icon {
    margin-right: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-button-icon {
    margin-right: 5px;
  }
}

.mod-reference-modal__modal-link-button--more-info .mod-reference-modal__modal-link-button-icon {
  width: 2.93333vw;
  padding-top: 1.6vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-button--more-info .mod-reference-modal__modal-link-button-icon {
    width: 14px;
    padding-top: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-button--more-info .mod-reference-modal__modal-link-button-icon {
    width: 14px;
    padding-top: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-button--more-info .mod-reference-modal__modal-link-button-icon {
    width: 14px;
    padding-top: 18px;
  }
}

.mod-reference-modal__modal-link-button--map .mod-reference-modal__modal-link-button-icon {
  width: 2.4vw;
  padding-top: 2.93333vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-button--map .mod-reference-modal__modal-link-button-icon {
    width: 10px;
    padding-top: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-button--map .mod-reference-modal__modal-link-button-icon {
    width: 10px;
    padding-top: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-button--map .mod-reference-modal__modal-link-button-icon {
    width: 10px;
    padding-top: 12px;
  }
}

.mod-reference-modal__modal-link-button-icon-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mod-reference-modal__modal-link-button-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  letter-spacing: normal;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-reference-modal__modal-link-button-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-modal__modal-link-button-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-modal__modal-link-button-text {
    font-size: 0.875rem;
  }
}

.mod-reference-modal__modal-link:hover,
.mod-reference-modal__modal-link-button-inner:hover {
  color: #ffffff;
  background-color: #e7001d;
}

.mod-reference-modal__modal-link:hover .mod-reference-modal__modal-link-icon-content--black,
.mod-reference-modal__modal-link-button-inner:hover .mod-reference-modal__modal-link-button-icon-content--black {
  display: none;
}

.mod-reference-modal__modal-link:hover .mod-reference-modal__modal-link-icon-content--white,
.mod-reference-modal__modal-link-button-inner:hover .mod-reference-modal__modal-link-button-icon-content--white {
  display: block;
}

.iphone .mod-reference-modal__modal-link:hover,
.ipad .mod-reference-modal__modal-link:hover,
.iphone .mod-reference-modal__modal-link-button-inner:hover,
.ipad .mod-reference-modal__modal-link-button-inner:hover {
  color: #2b2b2b;
  background-color: transparent;
}

.iphone .mod-reference-modal__modal-link:hover .mod-reference-modal__modal-link-icon-content--black,
.ipad .mod-reference-modal__modal-link:hover .mod-reference-modal__modal-link-icon-content--black,
.iphone .mod-reference-modal__modal-link-button-inner:hover .mod-reference-modal__modal-link-button-icon-content--black,
.ipad .mod-reference-modal__modal-link-button-inner:hover .mod-reference-modal__modal-link-button-icon-content--black {
  display: block;
}

.iphone .mod-reference-modal__modal-link:hover .mod-reference-modal__modal-link-icon-content--white,
.ipad .mod-reference-modal__modal-link:hover .mod-reference-modal__modal-link-icon-content--white,
.iphone .mod-reference-modal__modal-link-button-inner:hover .mod-reference-modal__modal-link-button-icon-content--white,
.ipad .mod-reference-modal__modal-link-button-inner:hover .mod-reference-modal__modal-link-button-icon-content--white {
  display: none;
}

.mod-reference-modal--modal-active .mod-reference-modal__modal-overlay {
  display: block;
  opacity: 1;
}

.mod-reference-modal--modal-active .mod-reference-modal__modal-close-button {
  display: block;
  opacity: 1;
}

.mod-reference-modal--modal-ready .mod-reference-modal__modal {
  display: block;
  opacity: 0;
}

.mod-reference-modal--modal-active .mod-reference-modal__modal {
  display: block;
  opacity: 1;
}

.mod-reference-section {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-reference-section {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-section {
    padding: 50px 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-section__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-reference-section__split {
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__split {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__split {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__split {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-reference-section__split + .mod-reference-section__split {
  margin-top: 13.33333%;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__split + .mod-reference-section__split {
    margin-top: 3.49206%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__split + .mod-reference-section__split {
    margin-top: 3.49206%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__split + .mod-reference-section__split {
    margin-top: 3.49206%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-section__split + .mod-reference-section__split {
    margin-top: 44px;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-section__width .mod-reference-section__section-header {
    margin-bottom: 2.28%;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-section__width .mod-reference-section__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-section__width .mod-reference-section__items .mod-reference-section__item {
    width: 43.15789%;
    margin-top: 2.807%;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-section__width .mod-reference-section__items .mod-reference-section__item:first-of-type,
  .mod-reference-section__width .mod-reference-section__items .mod-reference-section__item:nth-of-type(2) {
    margin-top: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-section__left {
    float: left;
    width: 43.15789%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__left {
    float: left;
    width: 43.15789%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__left {
    float: left;
    width: 43.15789%;
  }
}

.mod-reference-section__right {
  margin-top: 12%;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__right {
    float: right;
    width: 43.15789%;
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__right {
    float: right;
    width: 43.15789%;
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__right {
    float: right;
    width: 43.15789%;
    margin-top: 0;
  }
}

.mod-reference-section__header-grand {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__header-grand {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__header-grand {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__header-grand {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-section__header-grand {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-reference-section__header-grand-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__header-grand-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__header-grand-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__header-grand-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-reference-section__heading-grand {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__heading-grand {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__heading-grand {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__heading-grand {
    font-size: 2rem;
  }
}

.mod-reference-section__header-grand-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-reference-section__header-grand-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__header-grand-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__header-grand-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__header-grand-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-reference-section__header-link,
.ipad .mod-reference-section__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-reference-section__header-link:hover,
.ipad .mod-reference-section__header-link:hover {
  color: #f13c33;
}

.mod-reference-section__header {
  margin: 0 auto 4.66667%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__header {
    margin: 0 auto 1.5873vw;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__header {
    margin: 0 auto 2.06349vw;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__header {
    margin: 0 auto 2.06349vw;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-section__header {
    margin: 0 auto 26px;
  }
}

.mod-reference-section__header-inner:after {
  content: "";
  clear: both;
  display: block;
}

.mod-reference-section__heading {
  line-height: 1.0;
  font-size: 1.75rem;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__heading {
    font-size: 2.25rem;
  }
}

.mod-reference-section__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__body {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-reference-section__body-inner:after {
  content: "";
  clear: both;
  display: block;
}

.mod-reference-section__lead {
  line-height: 1.3;
  font-size: 1.5rem;
  margin-bottom: 4vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__lead {
    font-size: 1.25rem;
    margin-bottom: 1.66667vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__lead {
    font-size: 1.25rem;
    margin-bottom: 1.66667vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__lead {
    font-size: 1.25rem;
    margin-bottom: 1.66667vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-section__lead {
    font-size: 1.25rem;
    margin-bottom: 21px;
  }
}

.mod-reference-section__sections {
  padding: 0 0 4.47761%;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__sections {
    padding: 0 0 4.47154%;
    border-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__sections {
    border-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__sections {
    border-bottom: 0;
  }
}

.mod-reference-section__section {
  margin-top: 7.76119%;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__section {
    margin-top: 9.14634%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__section {
    margin-top: 9.14634%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__section {
    margin-top: 9.14634%;
  }
}

.mod-reference-section__section:first-child {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__section:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__section:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__section:first-child {
    margin-top: 0;
  }
}

.mod-reference-section__section-header {
  margin-bottom: 5.37313%;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__section-header {
    margin-bottom: 5.28455%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__section-header {
    margin-bottom: 5.28455%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__section-header {
    margin-bottom: 5.28455%;
  }
}

.mod-reference-section__section-heading {
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__section-heading {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__section-heading {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__section-heading {
    font-size: 1rem;
  }
}

.mod-reference-section__items {
  position: relative;
  overflow: hidden;
}

.mod-reference-section__item {
  margin-top: 5.67164%;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__item {
    margin-top: 6.50407%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__item {
    margin-top: 6.50407%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__item {
    margin-top: 6.50407%;
  }
}

.mod-reference-section__item:first-child {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__item:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__item:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__item:first-child {
    margin-top: 0;
  }
}

.mod-reference-section__item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.mod-reference-section__text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mod-reference-section__name {
  line-height: 1;
  font-size: 1.33333rem;
  margin-bottom: 1.06667vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__name {
    margin-bottom: 2px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__name {
    margin-bottom: 2px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__name {
    margin-bottom: 2px;
  }
}

.mod-reference-section__name-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__name-icon {
    width: 12px;
    height: 12px;
  }
}

.mod-reference-section__pdf-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 3.33333vw;
  height: 3.33333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__pdf-icon {
    width: 15px;
    height: 15px;
  }
}

.mod-reference-section__name-icon-content--gray {
  display: block;
}

.mod-reference-section__name-icon-content--red {
  display: none;
}

.mod-reference-section__pdf-icon-content--gray {
  display: block;
}

.mod-reference-section__pdf-icon-content--red {
  display: none;
}

.mod-reference-section__name-text {
  vertical-align: middle;
  -webkit-transition: color 300ms;
  transition: color 300ms;
  font-size: 14px;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__name-text {
    font-size: 1rem;
  }
}

.mod-reference-section__name--indent {
  position: relative;
  padding-left: 1.0em;
}

.mod-reference-section__name--indent .mod-reference-section__name-text {
  font-size: 1.16667rem;
  font-weight: normal;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__name--indent .mod-reference-section__name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__name--indent .mod-reference-section__name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__name--indent .mod-reference-section__name-text {
    font-size: 1rem;
  }
}

.mod-reference-section__name--indent .mod-reference-section__name-icon {
  position: absolute;
  top: 0.66667vw;
  left: 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__name--indent .mod-reference-section__name-icon {
    top: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__name--indent .mod-reference-section__name-icon {
    top: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__name--indent .mod-reference-section__name-icon {
    top: 5px;
  }
}

.mod-reference-section__description {
  font-size: 1.16667rem;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__description {
    font-size: 1rem;
  }
}

.mod-reference-section__lists {
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__lists {
    margin-bottom: 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__lists {
    margin-bottom: 1.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__lists {
    margin-bottom: 1.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-section__lists {
    margin-bottom: 15px;
  }
}

.mod-reference-section__list {
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__list {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__list {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__list {
    font-size: 1rem;
  }
}

.mod-reference-section__list:before {
  content: "- ";
}

.mod-reference-section__section-text {
  margin-bottom: 5.33333vw;
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-reference-section__section-text {
    font-size: 1rem;
    margin-bottom: 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-section__section-text {
    font-size: 1rem;
    margin-bottom: 1.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-section__section-text {
    font-size: 1rem;
    margin-bottom: 1.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-section__section-text {
    font-size: 1rem;
    margin-bottom: 15px;
  }
}

.mod-reference-section__item-inner:hover .mod-reference-section__category,
.mod-reference-section__item-inner:hover .mod-reference-section__name-text,
.mod-reference-section__item-inner:hover .mod-reference-section__description {
  color: #e7001d;
}

.mod-reference-section__item-inner:hover .mod-reference-section__name-icon-content--gray,
.mod-reference-section__item-inner:hover .mod-reference-section__pdf-icon-content--gray {
  display: none;
}

.mod-reference-section__item-inner:hover .mod-reference-section__name-icon-content--red,
.mod-reference-section__item-inner:hover .mod-reference-section__pdf-icon-content--red {
  display: block;
}

.iphone .mod-reference-section__item-inner:hover .mod-reference-section__category,
.ipad .mod-reference-section__item-inner:hover .mod-reference-section__category,
.iphone .mod-reference-section__item-inner:hover .mod-reference-section__name-text,
.ipad .mod-reference-section__item-inner:hover .mod-reference-section__name-text,
.iphone .mod-reference-section__item-inner:hover .mod-reference-section__description,
.ipad .mod-reference-section__item-inner:hover .mod-reference-section__description {
  color: #2b2b2b;
}

.iphone .mod-reference-section__item-inner:hover .mod-reference-section__name-icon-content--gray,
.ipad .mod-reference-section__item-inner:hover .mod-reference-section__name-icon-content--gray,
.iphone .mod-reference-section__item-inner:hover .mod-reference-section__pdf-icon-content--gray,
.ipad .mod-reference-section__item-inner:hover .mod-reference-section__pdf-icon-content--gray {
  display: block;
}

.iphone .mod-reference-section__item-inner:hover .mod-reference-section__name-icon-content--red,
.ipad .mod-reference-section__item-inner:hover .mod-reference-section__name-icon-content--red,
.iphone .mod-reference-section__item-inner:hover .mod-reference-section__pdf-icon-content--red,
.ipad .mod-reference-section__item-inner:hover .mod-reference-section__pdf-icon-content--red {
  display: none;
}

.mod-reference-textlink {
  padding: 6.66667% 0;
  /* Accordion */
  /* Image Left */
  /* Image large */
  /* Image None */
  /* PC 2 Column */
  /* PC 2 Column / Image None */
  /* PC 3 Column */
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink {
    padding: 50px 0;
  }
}

.mod-reference-textlink__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-reference-textlink__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-reference-textlink__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__heading {
    font-size: 2.25rem;
  }
}

.mod-reference-textlink__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-reference-textlink__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-reference-textlink__header-link,
.ipad .mod-reference-textlink__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-reference-textlink__header-link:hover,
.ipad .mod-reference-textlink__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-reference-textlink__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-reference-textlink__items {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink__items {
    border-bottom: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__items:first-child {
    padding-top: 0.47619vw;
    border-top: 1px solid #dcdcdc;
    border-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__items:first-child {
    padding-top: 0.47619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__items:first-child {
    padding-top: 0.47619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink__items:first-child {
    padding-top: 6px;
  }
}

.mod-reference-textlink__items:last-child {
  border-bottom: 1px solid #dcdcdc;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__items:last-child {
    border-bottom: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__items:first-child .mod-reference-textlink__item:nth-child(-n+3) {
    border-top: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__items:last-child .mod-reference-textlink__item:nth-last-child(-n+3) {
    border-bottom: 1px solid #dcdcdc;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__items:first-child:last-child .mod-reference-textlink__item:nth-last-child(-n+3) {
    border-bottom: 0;
  }
}

.mod-reference-textlink__item {
  border-top: 1px solid #dcdcdc;
}

.mod-reference-textlink__item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 4.47761% 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__item-inner {
    padding: 1.90476vw 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__item-inner {
    padding: 1.90476vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__item-inner {
    padding: 1.90476vw 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink__item-inner {
    padding: 24px 0;
  }
}

.mod-reference-textlink__text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 140.8vw;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  padding-right: 2.98507%;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__text {
    padding-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__text {
    padding-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__text {
    padding-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink__text {
    padding-right: 12px;
  }
}

.mod-reference-textlink__name {
  line-height: 1;
  font-size: 1.33333rem;
  margin-bottom: 2.13333vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__name {
    margin-bottom: 8px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__name {
    margin-bottom: 8px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__name {
    margin-bottom: 8px;
  }
}

.mod-reference-textlink__name-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__name-icon {
    width: 12px;
    height: 12px;
  }
}

.mod-reference-textlink__name-icon-content--gray {
  display: block;
}

.mod-reference-textlink__name-icon-content--red {
  display: none;
}

.mod-reference-textlink__name-text {
  vertical-align: middle;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__name-text {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__name-text {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__name-text {
    font-size: 1.125rem;
  }
}

.mod-reference-textlink__description {
  font-size: 1.16667rem;
  line-height: 1.3;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__description {
    font-size: 1rem;
  }
}

.mod-reference-textlink .mod-link {
  font-size: 1.16667rem;
  line-height: 1.3;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink .mod-link {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink .mod-link {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink .mod-link {
    font-size: 1rem;
  }
}

.mod-reference-textlink__image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 37.86667vw;
}

.mod-reference-textlink__image-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__image-inner {
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__image-inner {
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__image-inner {
    border-radius: 0px;
  }
}

.mod-reference-textlink__image-inner > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-reference-textlink__showmore {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__showmore {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink__showmore {
    margin-top: 28px;
  }
}

.mod-reference-textlink__showmore-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.38806% 0 1.49254%;
  overflow: hidden;
  border-radius: 40px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-reference-textlink__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink__showmore-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink__showmore-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink__showmore-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

.iphone .mod-reference-textlink__showmore-button:hover,
.ipad .mod-reference-textlink__showmore-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.mod-reference-textlink--accordion .mod-reference-textlink__items--hidden {
  display: none;
}

.mod-reference-textlink--accordion .mod-reference-textlink__items--hidden-autoheight {
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.mod-reference-textlink--accordion .mod-reference-textlink__items--opened {
  display: block;
}

.mod-reference-textlink--accordion .mod-reference-textlink__showmore--hidden {
  display: none;
}

.mod-reference-textlink--image-left .mod-reference-textlink__item-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink--image-left .mod-reference-textlink__items:last-child .mod-reference-textlink__item:nth-last-child(-n+3) {
    border-bottom: 1px solid #dcdcdc;
  }
}

.mod-reference-textlink--image-left .mod-reference-textlink__text {
  padding-right: 0;
  padding-left: 4.47761%;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink--image-left .mod-reference-textlink__text {
    padding-left: 1.90476vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink--image-left .mod-reference-textlink__text {
    padding-left: 1.90476vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink--image-left .mod-reference-textlink__text {
    padding-left: 1.90476vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink--image-left .mod-reference-textlink__text {
    padding-left: 24px;
  }
}

.mod-reference-textlink--image-left[data-column-pc="2"] .mod-reference-textlink__description {
  line-height: 1.5;
}

.mod-reference-textlink--image-large .mod-reference-textlink__image {
  width: 58.66667vw;
}

.mod-reference-textlink--image-none .mod-reference-textlink__items:first-child {
  padding-top: 2.66667vw;
  border-top: 1px solid #dcdcdc;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items:first-child {
    padding-top: 1.5873vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items:first-child {
    padding-top: 1.5873vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items:first-child {
    padding-top: 1.5873vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items:first-child {
    padding-top: 20px;
  }
}

.mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item {
  border-top: 0;
  border-bottom: 0;
  margin: 2.38095vw 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item {
    margin: 0.63492vw 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item {
    margin: 0.63492vw 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item {
    margin: 0.63492vw 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item {
    margin: 8px 0;
  }
}

.mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item:first-child {
  margin-top: 1.5873vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item:first-child {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item:first-child {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item:first-child {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item:first-child {
    margin-top: 8px;
  }
}

.mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__item-inner,
.mod-reference-textlink--image-none[data-column-pc="2"] .mod-reference-textlink__items .mod-reference-textlink__item-inner {
  padding: 0;
}

.mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__text {
  width: 100%;
  padding-right: 0;
}

.mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__name {
  margin-bottom: 1.06667vw;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__name {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__name {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__name {
    margin-top: 0.63492vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink--image-none .mod-reference-textlink__items .mod-reference-textlink__name {
    margin-top: 8px;
  }
}

.mod-reference-textlink[data-column-pc="2"]:not(.mod-reference--image-none) .mod-reference-textlink__items:first-child .mod-reference-textlink__item:nth-child(3) {
  border-top: 1px solid #dcdcdc;
}

.mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__items:last-child .mod-reference-textlink__item:nth-last-child(3) {
  border-bottom: 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item {
    width: 48.63388%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item {
    width: 48.63388%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item {
    width: 48.63388%;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink--image-left[data-column-pc="2"] .mod-reference-textlink__item .mod-reference-textlink__image img.lazyload {
    display: block;
    height: 16.8254vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink--image-left[data-column-pc="2"] .mod-reference-textlink__item .mod-reference-textlink__image img.lazyload {
    height: 16.8254vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink--image-left[data-column-pc="2"] .mod-reference-textlink__item .mod-reference-textlink__image img.lazyload {
    height: 16.8254vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-reference-textlink--image-left[data-column-pc="2"] .mod-reference-textlink__item .mod-reference-textlink__image img.lazyload {
    height: 212px;
  }
}

.mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item-inner {
  padding: 4.47761% 0;
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item-inner {
    padding: 4.7619% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item-inner {
    padding: 4.7619% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item-inner {
    padding: 4.7619% 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__items:first-child .mod-reference-textlink__item:nth-child(-n+2) {
    border-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__items:first-child .mod-reference-textlink__item:nth-child(-n+2) {
    border-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__items:first-child .mod-reference-textlink__item:nth-child(-n+2) {
    border-top: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item:nth-child(2n+1) {
    float: left;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item:nth-child(2n+1) {
    float: left;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item:nth-child(2n+1) {
    float: left;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item:nth-child(2n) {
    float: right;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item:nth-child(2n) {
    float: right;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink[data-column-pc="2"] .mod-reference-textlink__item:nth-child(2n) {
    float: right;
  }
}

@media screen and (min-width: 739px) {
  .mod-reference-textlink[data-column-pc="3"] .mod-reference-textlink__item {
    float: left;
    width: 27.45614%;
    margin-left: 4.03509%;
  }
}

@media screen and (min-width: 769px) {
  .mod-reference-textlink[data-column-pc="3"] .mod-reference-textlink__item {
    float: left;
    width: 27.45614%;
    margin-left: 4.03509%;
  }
}

@media screen and (min-width: 901px) {
  .mod-reference-textlink[data-column-pc="3"] .mod-reference-textlink__item {
    float: left;
    width: 27.45614%;
    margin-left: 4.03509%;
  }
}

.mod-reference-textlink[data-column-pc="3"] .mod-reference-textlink__item:nth-child(3n+1) {
  margin-left: 0;
}

.mod-search {
  background: #d3d4d6;
  padding: 8vw 5.3333vw;
  /* Searching */
}

@media screen and (min-width: 739px) {
  .mod-search {
    padding: 25px 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-search {
    padding: 25px 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-search {
    padding: 25px 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-search {
    padding: 25px 4.7619%;
  }
}

.mod-search__textfield {
  position: relative;
}

@media screen and (min-width: 739px) {
  .mod-search__textfield {
    width: 48.63388%;
  }
}

@media screen and (min-width: 769px) {
  .mod-search__textfield {
    width: 48.63388%;
  }
}

@media screen and (min-width: 901px) {
  .mod-search__textfield {
    width: 48.63388%;
  }
}

.mod-search__textfield-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 34px;
  line-height: 30px;
  font-size: 1.16667rem;
  padding: 0 11.9403% 0 2.98507%;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  border-radius: 0px;
  background-color: #ffffff;
  outline: none;
}

@media screen and (min-width: 739px) {
  .mod-search__textfield-input {
    font-size: 1.25rem;
    height: 40px;
    line-height: 42px;
    padding: 0 5.54017% 0 2.77008%;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-search__textfield-input {
    font-size: 1.25rem;
    height: 40px;
    line-height: 42px;
    padding: 0 5.54017% 0 2.77008%;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-search__textfield-input {
    font-size: 1.25rem;
    height: 40px;
    line-height: 42px;
    padding: 0 5.54017% 0 2.77008%;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-search__textfield-input {
    padding: 0 40px 0 20px;
  }
}

.mod-search__textfield-input-icon {
  position: absolute;
  top: 50%;
  right: 1.33333vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
}

@media screen and (min-width: 739px) {
  .mod-search__textfield-input-icon {
    right: 5px;
    width: 40px;
    height: 40px;
  }
}

@media screen and (min-width: 769px) {
  .mod-search__textfield-input-icon {
    right: 5px;
    width: 40px;
    height: 40px;
  }
}

@media screen and (min-width: 901px) {
  .mod-search__textfield-input-icon {
    right: 5px;
    width: 40px;
    height: 40px;
  }
}

.mod-search__accordion {
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  z-index: 100;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 0 0 0px 0px;
}

@media screen and (min-width: 739px) {
  .mod-search__accordion {
    border-radius: 0 0 0px 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-search__accordion {
    border-radius: 0 0 0px 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-search__accordion {
    border-radius: 0 0 0px 0px;
  }
}

.mod-search__accordion-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

@media screen and (min-width: 739px) {
  .mod-search__accordion-section {
    margin-top: 22px;
  }
}

@media screen and (min-width: 769px) {
  .mod-search__accordion-section {
    margin-top: 22px;
  }
}

@media screen and (min-width: 901px) {
  .mod-search__accordion-section {
    margin-top: 22px;
  }
}

.mod-search__accordion-section:first-child {
  margin-top: 0;
}

.mod-search__accordion-term {
  font-size: 1rem;
  font-family: "PFDINTextStd-Medium", sans-serif;
  background-color: #cecece;
  padding: 5px 2.77008% 6px;
}

@media screen and (min-width: 739px) {
  .mod-search__accordion-term {
    font-size: 1rem;
    padding: 8px 2.77008% 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-search__accordion-term {
    font-size: 1rem;
    padding: 8px 2.77008% 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-search__accordion-term {
    font-size: 1rem;
    padding: 8px 2.77008% 9px;
  }
}

@media screen and (min-width: 739px) {
  .mod-search__accordion-list {
    margin-bottom: 24px;
  }
}

.mod-search__accordion-list-link {
  font-family: "PFDINTextStd-Light", sans-serif;
  font-size: 1.16667rem;
  background: #e5e5e5;
  display: block;
  padding: 9 2.77008% 10px;
}

@media screen and (min-width: 739px) {
  .mod-search__accordion-list-link {
    font-size: 1rem;
    padding: 8 2.77008% 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-search__accordion-list-link {
    font-size: 1rem;
    padding: 8 2.77008% 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-search__accordion-list-link {
    font-size: 1rem;
    padding: 8 2.77008% 9px;
  }
}

.mod-search--searching .mod-search__textfield-input {
  border-radius: 0px 0px 0 0;
}

@media screen and (min-width: 739px) {
  .mod-search--searching .mod-search__textfield-input {
    border-radius: 0px 0px 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-search--searching .mod-search__textfield-input {
    border-radius: 0px 0px 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-search--searching .mod-search__textfield-input {
    border-radius: 0px 0px 0 0;
  }
}

.mod-search--searching .mod-search__accordion {
  display: block;
}

.mod-slider {
  padding: 6.66667% 0;
  /* Name No Bold */
  /* SP 1 Column */
  /* SP 2 Column */
  /* PC 3 Column */
  /* PC 4 Column */
  /* PC 5 Column */
  /* Text Overlay */
  /* Current / Hover */
  /*&__slide:hover &__activity-name,
    &__slide:hover &__article-name-text,
    &__slide:hover &__category,
    &__slide:hover &__name,
    &__slide:hover &__description {
        color: pallete(red5);
    }*/
}

@media screen and (min-width: 739px) {
  .mod-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider {
    padding: 50px 0;
  }
}

.mod-slider__header {
  margin: 0 auto 6.13333%;
}

@media screen and (min-width: 739px) {
  .mod-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-slider__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-slider__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-slider__heading {
  width: 70%;
  line-height: 1.2;
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-slider__heading {
    width: 80%;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__heading {
    font-size: 2rem;
  }
}

.mod-slider__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
  background-color: #222633;
  color: #ffffff;
  width: 14.66667vw;
  padding-top: 3px;
  margin-left: auto;
  line-height: 18px;
  border-radius: 20px;
  display: block;
  text-align: center;
  font-size: 0.83333rem;
}

@media screen and (min-width: 739px) {
  .mod-slider__header-link {
    width: 82px;
    padding-top: 0;
    line-height: 30px;
    border-radius: 15px;
    font-size: 1em;
  }
}

.mod-slider__header-link:hover {
  background-color: #f13c33;
}

.mod-slider__body {
  padding: 0 0 8vw;
  overflow-x: hidden;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-slider__body {
    padding: 0 0 3.96825vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__body {
    padding: 0 0 3.96825vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__body {
    padding: 0 0 3.96825vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__body {
    padding: 0 0 50px;
  }
}

.mod-slider__body-inner {
  position: relative;
  /*@include container((
            'device': 'sp',
            'type': 'liquid',
            'width': auto,
            ));*/
}

.mod-slider__slider-overlay {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-slider__slider-overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 90.47619%) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__slider-overlay {
    z-index: 2;
    display: block;
    width: calc((100% - 1140px) / 2);
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}

@media screen and (min-width: 739px) {
  .mod-slider__slider-overlay--left {
    left: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__slider-overlay--left {
    left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider__slider-overlay--right {
    right: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__slider-overlay--right {
    right: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider__slider-wrapper {
    width: 90.47619%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__slider-wrapper {
    width: 90.47619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__slider-wrapper {
    width: 90.47619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__slider-wrapper {
    width: 1140px;
  }
}

.mod-slider__slider {
  position: relative;
}

.mod-slider__slider .slick-arrow {
  position: absolute;
  top: 0;
  z-index: 9999;
  width: 5.33333vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
}

@media screen and (min-width: 507px) {
  .mod-slider__slider .slick-arrow {
    width: 5.33333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__slider .slick-arrow {
    width: 4.7619vw;
  }
}

.mod-slider__slider .slick-arrow span {
  content: "";
  position: absolute;
  top: 0;
  width: 6.66667vw;
  height: 0;
  padding-top: 6.66667vw;
  background-size: 100% auto;
  background-color: #ffffff;
  background-repeat: no-repeat;
}

@media screen and (min-width: 507px) {
  .mod-slider__slider .slick-arrow span {
    width: 4vw;
    padding-top: 4vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider__slider .slick-arrow span {
    width: 2.38095vw;
    padding-top: 2.38095vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__slider .slick-arrow span {
    width: 2.38095vw;
    padding-top: 2.38095vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__slider .slick-arrow span {
    width: 2.38095vw;
    padding-top: 2.38095vw;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__slider .slick-arrow span {
    width: 50px;
    padding-top: 50px;
    background-size: 100% auto;
  }
}

.mod-slider__slider .slick-arrow.slick-prev {
  width: 2.38095vw;
  left: 0;
  -webkit-transform: translateX(-85%);
  transform: translateX(-85%);
}

@media screen and (min-width: 1260px) {
  .mod-slider__slider .slick-arrow.slick-prev {
    width: 3.96825vw;
    left: -30px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.mod-slider__slider .slick-arrow.slick-prev span {
  right: 0;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

.mod-slider__slider .slick-arrow.slick-next {
  width: 2.38095vw;
  right: 0;
  -webkit-transform: translateX(85%);
  transform: translateX(85%);
}

@media screen and (min-width: 1260px) {
  .mod-slider__slider .slick-arrow.slick-next {
    width: 3.96825vw;
    right: -30px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.mod-slider__slider .slick-arrow.slick-next span {
  left: 0;
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

.mod-slider__slider .slick-arrow:hover.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-slider__slider .slick-arrow:hover.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

@media screen and (max-width: 738px) {
  .mod-slider__slider .slick-arrow:hover {
    opacity: 1.0;
  }
}

.mod-slider__slider .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-slider__slider .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.iphone .slick-arrow:hover span,
.ipad .slick-arrow:hover span {
  opacity: 0.7;
}

.iphone .mod-slider__modal-slider:hover .slick-arrow.slick-disabled.slick-prev span,
.ipad .mod-slider__modal-slider:hover .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.iphone .mod-slider__modal-slider:hover .slick-arrow.slick-disabled.slick-next span,
.ipad .mod-slider__modal-slider:hover .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-slider__slider .slick-list {
  overflow: visible;
}

.mod-slider__slider .slick-slide {
  outline: 0;
}

.mod-slider__slide {
  overflow: hidden;
}

.mod-slider__slide-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-slider__image {
  position: relative;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-slider__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.mod-slider__image:before {
  z-index: 1;
  background-image: -webkit-gradient(linear, left bottom, right top, from(#222633), color-stop(56%, transparent));
  background-image: linear-gradient(to right top, #222633, transparent 56%);
  background-color: transparent;
}

.mod-slider__image > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-slider__left-label {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.8vw 1.86667vw;
  color: #ffffff;
  font-size: 0.83333rem;
  font-family: "PFDINTextStd-Light", sans-serif;
  background-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-slider__left-label {
    display: block;
    bottom: 0;
    right: 0;
    font-size: 0.875rem;
    padding: 5px 10px 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__left-label {
    bottom: 0;
    right: 0;
    font-size: 0.875rem;
    padding: 5px 10px 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__left-label {
    bottom: 0;
    right: 0;
    font-size: 0.875rem;
    padding: 5px 10px 4px;
  }
}

.mod-slider__right-label {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 1.6vw;
  padding-left: 1.6vw;
  color: #ffffff;
  font-size: 0.83333rem;
  line-height: 35px;
  background-color: #222633;
}

@media screen and (min-width: 739px) {
  .mod-slider__right-label {
    display: block;
    max-width: 50%;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__right-label {
    max-width: 50%;
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__right-label {
    max-width: 50%;
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__right-label {
    padding-left: 3px;
    padding-right: 15px;
  }
}

.mod-slider__right-label:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 35px 35px 0;
  border-color: transparent #222633 transparent transparent;
}

@media screen and (min-width: 739px) {
  .mod-slider__right-label:before {
    display: block;
    max-width: 50%;
    font-size: 1rem;
  }
}

.mod-slider__right-label.top_pic {
  background-color: #58c0ae;
}

.mod-slider__right-label.top_pic:before {
  border-color: transparent #58c0ae transparent transparent;
}

.mod-slider__right-label.new {
  background-color: #f13c33;
}

.mod-slider__right-label.new:before {
  border-color: transparent #f13c33 transparent transparent;
}

.mod-slider__right-label.popular {
  background-color: #7baf38;
}

.mod-slider__right-label.popular:before {
  border-color: transparent #7baf38 transparent transparent;
}

.mod-slider__right-label.coming_soon {
  background-color: #3e448d;
}

.mod-slider__right-label.coming_soon:before {
  border-color: transparent #3e448d transparent transparent;
}

.mod-slider__right-label.updated {
  background-color: #e9b320;
}

.mod-slider__right-label.updated:before {
  border-color: transparent #e9b320 transparent transparent;
}

.mod-slider__right-label.sponsored {
  background-color: #f76d71;
}

.mod-slider__right-label.sponsored:before {
  border-color: transparent #f76d71 transparent transparent;
}

.mod-slider__icon {
  position: absolute;
  right: 4vw;
  bottom: 2.53333vw;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-slider__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__icon {
    right: 1.11111vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__icon {
    right: 14px;
    bottom: 11px;
  }
}

.mod-slider__icon-image-wrapper {
  opacity: 0.6;
  overflow: hidden;
}

.mod-slider__icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-slider__icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 7.5%;
}

@media screen and (min-width: 739px) {
  .mod-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

.mod-slider__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  border-radius: 0px;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

.mod-slider__text {
  margin-top: 3.73333vw;
  padding-left: 3.86667vw;
  padding-bottom: 3.2vw;
  border-left: 5px solid #e5e5e5;
  border-bottom: 5px solid #e5e5e5;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  overflow-y: scroll;
}

.mod-slider__text:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-slider__text {
    margin-top: 1.42857vw;
    padding-left: 1.50794vw;
    padding-bottom: 2.38095vw;
    border-left: 10px solid #e5e5e5;
    border-bottom: 10px solid #e5e5e5;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__text {
    margin-top: 1.42857vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__text {
    margin-top: 18px;
  }
}

.mod-slider__text.small {
  height: 150px;
  overflow-y: scroll;
}

.mod-slider__text.medium {
  height: 200px;
  overflow-y: scroll;
}

.mod-slider__text.large {
  height: 250px;
  overflow-y: scroll;
}

.mod-slider__favorite-icon {
  position: absolute;
  top: 0vw;
  right: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 5.86667vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-slider__favorite-icon {
    top: 0vw;
    width: 2.14286vw;
    height: 1.90476vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__favorite-icon {
    top: 0vw;
    width: 2.14286vw;
    height: 1.90476vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__favorite-icon {
    top: 0vw;
    width: 2.14286vw;
    height: 1.90476vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__favorite-icon {
    top: 0;
    width: 27px;
    height: 24px;
  }
}

@media screen and (min-width: 739px) {
  .windows .mod-slider__favorite-icon {
    right: 2px;
  }
}

@media screen and (min-width: 769px) {
  .windows .mod-slider__favorite-icon {
    right: 2px;
  }
}

@media screen and (min-width: 901px) {
  .windows .mod-slider__favorite-icon {
    right: 2px;
  }
}

.mod-slider__favorite-icon-content {
  cursor: pointer;
}

.slick-slide .mod-slider__favorite-icon-content--black {
  display: block;
}

.slick-slide .mod-slider__favorite-icon-content--red {
  display: none;
}

.slick-slide .mod-slider__favorite-icon--active .mod-slider__favorite-icon-content--black {
  display: none;
}

.slick-slide .mod-slider__favorite-icon--active .mod-slider__favorite-icon-content--red {
  display: block;
}

.mod-slider__category {
  display: block;
  font-size: 3.73333vw;
  color: #222633;
  margin-bottom: 10px;
}

@media screen and (min-width: 739px) {
  .mod-slider__category {
    font-size: 1rem;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__category {
    font-size: 16px;
  }
}

.mod-slider__activity-name {
  display: block;
}

.mod-slider__name {
  display: block;
  font-size: 1.33333rem;
  line-height: 16px;
  margin-bottom: 10px;
}

@media screen and (min-width: 739px) {
  .mod-slider__name {
    font-size: 1.375rem;
    line-height: 26px;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__name {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__name {
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__name {
    font-size: 22px;
  }
}

.mod-slider__article-name {
  display: block;
  line-height: 1.3;
  margin-bottom: 0.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-slider__article-name {
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__article-name {
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__article-name {
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__article-name {
    margin-bottom: 5px;
  }
}

.mod-slider__article-name-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-slider__article-name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__article-name-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__article-name-icon {
    width: 12px;
    height: 12px;
  }
}

.slick-slide .mod-slider__article-name-icon-content--gray {
  display: block;
}

.slick-slide .mod-slider__article-name-icon-content--red {
  display: none;
}

.mod-slider__article-name-text {
  line-height: 1.3;
  font-size: 1.33333rem;
}

@media screen and (min-width: 739px) {
  .mod-slider__article-name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__article-name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__article-name-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__article-name-text {
    font-size: 16px;
  }
}

.mod-slider__description {
  display: block;
  font-size: 3.73333vw;
}

@media screen and (min-width: 739px) {
  .mod-slider__description {
    line-height: 1.4;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider__description {
    font-size: 16px;
  }
}

.mod-slider__favorite-icon ~ .mod-slider__category,
.mod-slider__favorite-icon ~ .mod-slider__activity-name,
.mod-slider__favorite-icon ~ .mod-slider__name,
.mod-slider__favorite-icon ~ .mod-slider__description {
  padding-right: 5.86667vw;
}

@media screen and (min-width: 739px) {
  .mod-slider__favorite-icon ~ .mod-slider__category,
  .mod-slider__favorite-icon ~ .mod-slider__activity-name,
  .mod-slider__favorite-icon ~ .mod-slider__name,
  .mod-slider__favorite-icon ~ .mod-slider__description {
    padding-right: 0;
  }
}

.mod-slider--name-no-bold .mod-slider__name,
.mod-slider--name-no-bold .mod-slider__article-name-text {
  font-weight: normal;
}

.mod-slider[data-column-sp="1"] .mod-slider__slide {
  width: 89.33333vw;
  margin-right: 2.66667vw;
}

.mod-slider[data-column-sp="1"] .mod-slider__icon {
  right: 2.66667vw;
  bottom: 2.66667vw;
}

.mod-slider[data-column-sp="1"] .mod-slider__icon-image-wrapper {
  width: 4.8vw;
  height: 4.8vw;
}

.mod-slider[data-column-sp="1"] .mod-slider__left-label {
  padding-top: 1.46667vw;
  padding-bottom: 1.46667vw;
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-sp="1"] .mod-slider__left-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider[data-column-sp="1"] .mod-slider__left-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider[data-column-sp="1"] .mod-slider__left-label {
    padding-top: 5px;
    padding-bottom: 4px;
  }
}

.mod-slider[data-column-sp="1"] .mod-slider__right-label {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-sp="1"] .mod-slider__right-label {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.mod-slider[data-column-sp="2"] .mod-slider__slide {
  width: 43.33333vw;
  margin-right: 2.66667vw;
}

.mod-slider[data-column-sp="2"] .mod-slider__icon {
  right: 4vw;
  bottom: 2.53333vw;
}

.mod-slider[data-column-sp="2"] .mod-slider__icon-image-wrapper {
  width: 4.26667vw;
  height: 4.26667vw;
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 28.57937vw;
    margin-right: 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 360.1px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-pc="3"] .mod-slider__icon {
    right: 0.79365vw;
    bottom: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider[data-column-pc="3"] .mod-slider__icon {
    right: 0.79365vw;
    bottom: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider[data-column-pc="3"] .mod-slider__icon {
    right: 0.79365vw;
    bottom: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider[data-column-pc="3"] .mod-slider__icon {
    right: 10px;
    bottom: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-pc="3"] .mod-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider[data-column-pc="3"] .mod-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider[data-column-pc="3"] .mod-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

.mod-slider[data-column-pc="3"] .mod-slider__slider .slick-arrow span {
  top: 101px;
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 21.41905vw;
    margin-right: 1.25238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 270px;
    margin-right: 20px;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-pc="4"] .mod-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider[data-column-pc="4"] .mod-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider[data-column-pc="4"] .mod-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider[data-column-pc="4"] .mod-slider__icon {
    right: 10px;
    bottom: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-pc="4"] .mod-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider[data-column-pc="4"] .mod-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider[data-column-pc="4"] .mod-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

.mod-slider[data-column-pc="4"] .mod-slider__slider .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-85%);
  transform: translateX(-85%);
}

@media screen and (min-width: 1260px) {
  .mod-slider[data-column-pc="4"] .mod-slider__slider .slick-arrow.slick-prev {
    left: -20px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.mod-slider[data-column-pc="4"] .mod-slider__slider .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(35%);
  transform: translateX(35%);
}

@media screen and (min-width: 1260px) {
  .mod-slider[data-column-pc="4"] .mod-slider__slider .slick-arrow.slick-next {
    right: -20px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.mod-slider[data-column-pc="4"] .mod-slider__slider .slick-arrow span {
  top: 71px;
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 15.63492vw;
    margin-right: 0.95238vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 197px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-pc="5"] .mod-slider__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider[data-column-pc="5"] .mod-slider__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider[data-column-pc="5"] .mod-slider__icon {
    right: 0.87302vw;
    bottom: 0.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider[data-column-pc="5"] .mod-slider__icon {
    right: 11px;
    bottom: 11px;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider[data-column-pc="5"] .mod-slider__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider[data-column-pc="5"] .mod-slider__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider[data-column-pc="5"] .mod-slider__icon-image-wrapper {
    width: 18px;
    height: 18px;
  }
}

.mod-slider-big4 .mod-slider__slider .slick-arrow span {
  top: 115px !important;
}

.mod-slider-main-area-4-card .mod-slider__slider .slick-arrow span {
  top: 115px !important;
}

.mod-slider--text-overlay .mod-slider__text {
  border: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  max-width: 90%;
  padding: 1.33333vw 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-slider--text-overlay .mod-slider__text {
    padding: 0.79365vw 1.19048vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider--text-overlay .mod-slider__text {
    padding: 0.79365vw 1.19048vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider--text-overlay .mod-slider__text {
    padding: 0.79365vw 1.19048vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider--text-overlay .mod-slider__text {
    padding: 10px 15px;
  }
}

.mod-slider--text-overlay .mod-slider__category {
  display: block;
  font-size: 1.16667rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-slider--text-overlay .mod-slider__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider--text-overlay .mod-slider__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider--text-overlay .mod-slider__category {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider--text-overlay .mod-slider__category {
    font-size: 12px;
  }
}

.mod-slider--text-overlay .mod-slider__name {
  display: block;
  line-height: 1.3;
  font-size: 1.33333rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-slider--text-overlay .mod-slider__name {
    line-height: 1.5;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider--text-overlay .mod-slider__name {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider--text-overlay .mod-slider__name {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider--text-overlay .mod-slider__name {
    font-size: 20px;
  }
}

.mod-slider--text-overlay .mod-slider__description {
  display: block;
  font-size: 1.16667rem;
  color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-slider--text-overlay .mod-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider--text-overlay .mod-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider--text-overlay .mod-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider--text-overlay .mod-slider__description {
    font-size: 16px;
  }
}

.mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__activity-name,
.mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__article-name-text,
.mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__category,
.mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__name,
.mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__description {
  color: #ffffff;
}

.iphone .mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__category,
.ipad .mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__category {
  color: #ffffff;
}

.iphone .mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__activity-name,
.ipad .mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__activity-name,
.iphone .mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__article-name-text,
.ipad .mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__article-name-text,
.iphone .mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__name,
.ipad .mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__name,
.iphone .mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__description,
.ipad .mod-slider--text-overlay .mod-slider__slide:hover .mod-slider__description {
  color: #ffffff;
}

.mod-slider[data-image-filter="none"] .mod-slider__image:before {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-slider__slide:hover .mod-slider__text {
    border-color: #222633;
  }
}

.mod-slider__slide:active .mod-slider__text {
  border-color: #222633;
}

.mod-slider__slide.slick-slide:hover .mod-slider__article-name-icon-content--gray {
  display: none;
}

.mod-slider__slide.slick-slide:hover .mod-slider__article-name-icon-content--red {
  display: block;
}

.iphone .mod-slider__slide:hover .mod-slider__category,
.ipad .mod-slider__slide:hover .mod-slider__category {
  color: #9c9c9c;
}

.iphone .mod-slider__slide:hover .mod-slider__activity-name,
.ipad .mod-slider__slide:hover .mod-slider__activity-name,
.iphone .mod-slider__slide:hover .mod-slider__article-name-text,
.ipad .mod-slider__slide:hover .mod-slider__article-name-text,
.iphone .mod-slider__slide:hover .mod-slider__name,
.ipad .mod-slider__slide:hover .mod-slider__name,
.iphone .mod-slider__slide:hover .mod-slider__description,
.ipad .mod-slider__slide:hover .mod-slider__description {
  color: #2b2b2b;
}

.iphone .mod-slider__slide.slick-slide:hover .mod-slider__article-name-icon-content--gray,
.ipad .mod-slider__slide.slick-slide:hover .mod-slider__article-name-icon-content--gray {
  display: block;
}

.iphone .mod-slider__slide.slick-slide:hover .mod-slider__article-name-icon-content--red,
.ipad .mod-slider__slide.slick-slide:hover .mod-slider__article-name-icon-content--red {
  display: none;
}

.iphone .mod-slider__slide:hover .mod-slider__image > img,
.ipad .mod-slider__slide:hover .mod-slider__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-slider[data-column-pc="3"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="3"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-slider[data-column-pc="3"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="3"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-slider[data-column-pc="3"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="3"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-slider[data-column-pc="3"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="3"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 346px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-slider[data-column-pc="4"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="4"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-slider[data-column-pc="4"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="4"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-slider[data-column-pc="4"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="4"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-slider[data-column-pc="4"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="4"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 249px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.ie11 .mod-slider[data-column-pc="5"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="5"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.ie11 .mod-slider[data-column-pc="5"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="5"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.ie11 .mod-slider[data-column-pc="5"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="5"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.ie11 .mod-slider[data-column-pc="5"] .mod-slider__slide,
  .windows.chrome .mod-slider[data-column-pc="5"] .mod-slider__slide,
  .windows.firefox .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 197px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 26.98908vw;
    margin-right: 2.34009vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-slider[data-column-pc="3"] .mod-slider__slide {
    width: 346px;
    margin-right: 30px;
  }
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 19.42278vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-slider[data-column-pc="4"] .mod-slider__slide {
    width: 249px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 739px) {
  .windows.edge .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 769px) {
  .windows.edge .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 901px) {
  .windows.edge .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 15.36661vw;
    margin-right: 0.93604vw;
  }
}

@media screen and (min-width: 1260px) {
  .windows.edge .mod-slider[data-column-pc="5"] .mod-slider__slide {
    width: 197px;
    margin-right: 12px;
  }
}

.mod-slider-split {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 6% auto 0;
}

@media screen and (min-width: 739px) {
  .mod-slider-split {
    max-width: 768px;
    margin: 2.06349% auto 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split {
    max-width: 900px;
    margin: 2.06349% auto 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split {
    max-width: 1260px;
    margin: 2.06349% auto 4.7619%;
  }
}

.mod-slider-split--margin-top-none {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-slider-split--margin-top-none {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split--margin-top-none {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split--margin-top-none {
    margin-top: 0;
  }
}

.mod-slider-split__header {
  margin: 7.46667% auto 0;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__header {
    max-width: 1260px;
    margin: 2.38095vw auto 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__header {
    max-width: 1260px;
    margin: 2.38095vw auto 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__header {
    max-width: 1260px;
    margin: 2.38095vw auto 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider-split__header {
    max-width: 1260px;
    margin: 30px auto 0;
  }
}

.mod-slider-split__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-slider-split__heading {
  width: 80%;
  line-height: 1.2;
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-slider-split__inner {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__inner {
    padding: 0 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__inner {
    padding: 0 4.7619%;
  }
}

.mod-slider-split__slides {
  z-index: 0;
  height: 89.333333333vw;
  padding-top: 5.6%;
  opacity: 0;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slides {
    padding-top: 2.38095%;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slides {
    padding-top: 2.38095%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slides {
    padding-top: 2.38095%;
  }
}

.mod-slider-split--slider-none .mod-slider-split__slides {
  position: relative;
  opacity: 1;
}

.mod-slider-split__slides.slick-initialized {
  height: auto;
  opacity: 1;
}

.mod-slider-split__slides:hover .slick-arrow.slick-prev span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow_mo.svg);
}

.mod-slider-split__slides:hover .slick-arrow.slick-next span {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow_mo.svg);
}

.iphone .mod-slider-split__slides:hover .slick-arrow,
.ipad .mod-slider-split__slides:hover .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-slider-split__slides:hover .slick-arrow,
  .ipad .mod-slider-split__slides:hover .slick-arrow {
    width: 60px;
  }
}

.iphone .mod-slider-split__slides:hover .slick-arrow span,
.ipad .mod-slider-split__slides:hover .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-slider-split__slides:hover .slick-arrow span,
  .ipad .mod-slider-split__slides:hover .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-slider-split__slides:hover .slick-arrow span,
  .ipad .mod-slider-split__slides:hover .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-slider-split__slides:hover .slick-arrow.slick-prev,
.ipad .mod-slider-split__slides:hover .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-slider-split__slides:hover .slick-arrow.slick-prev,
  .ipad .mod-slider-split__slides:hover .slick-arrow.slick-prev {
    left: 0;
  }
}

.iphone .mod-slider-split__slides:hover .slick-arrow.slick-prev span,
.ipad .mod-slider-split__slides:hover .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-slider-split__slides:hover .slick-arrow.slick-prev span,
  .ipad .mod-slider-split__slides:hover .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-slider-split__slides:hover .slick-arrow.slick-next,
.ipad .mod-slider-split__slides:hover .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-slider-split__slides:hover .slick-arrow.slick-next span,
.ipad .mod-slider-split__slides:hover .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-slider-split__slides:hover .slick-arrow.slick-next span,
  .ipad .mod-slider-split__slides:hover .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-slider-split__slides:hover .slick-arrow.slick-disabled.slick-prev span,
.ipad .mod-slider-split__slides:hover .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.iphone .mod-slider-split__slides:hover .slick-arrow.slick-disabled.slick-next span,
.ipad .mod-slider-split__slides:hover .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-slider-split__slides .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .mod-slider-split__slides .slick-arrow {
    width: 60px;
  }
}

.mod-slider-split__slides .slick-arrow span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slides .slick-arrow span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider-split__slides .slick-arrow span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.mod-slider-split__slides .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .mod-slider-split__slides .slick-arrow.slick-prev {
    left: 0;
  }
}

.mod-slider-split__slides .slick-arrow.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-slider-split__slides .slick-arrow.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.mod-slider-split__slides .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mod-slider-split__slides .slick-arrow.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .mod-slider-split__slides .slick-arrow.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-slider-split__slides .slick-arrow:hover,
.ipad .mod-slider-split__slides .slick-arrow:hover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 4.7619vw;
  height: 100%;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-slider-split__slides .slick-arrow:hover,
  .ipad .mod-slider-split__slides .slick-arrow:hover {
    width: 60px;
  }
}

.iphone .mod-slider-split__slides .slick-arrow:hover span,
.ipad .mod-slider-split__slides .slick-arrow:hover span {
  content: "";
  position: absolute;
  top: 50%;
  width: 3.65079vw;
  height: 0;
  padding-top: 3.65079vw;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  transition: opacity 300ms, -webkit-transform 300ms;
  transition: transform 300ms, opacity 300ms;
  transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}

@media screen and (min-width: 739px) {
  .iphone .mod-slider-split__slides .slick-arrow:hover span,
  .ipad .mod-slider-split__slides .slick-arrow:hover span {
    width: 30px;
    padding-top: 30px;
    background-size: 32px 32px;
  }
}

@media screen and (min-width: 1260px) {
  .iphone .mod-slider-split__slides .slick-arrow:hover span,
  .ipad .mod-slider-split__slides .slick-arrow:hover span {
    width: 46px;
    padding-top: 46px;
    background-size: 48px 48px;
  }
}

.iphone .mod-slider-split__slides .slick-arrow:hover.slick-prev,
.ipad .mod-slider-split__slides .slick-arrow:hover.slick-prev {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 1260px) {
  .iphone .mod-slider-split__slides .slick-arrow:hover.slick-prev,
  .ipad .mod-slider-split__slides .slick-arrow:hover.slick-prev {
    left: 0;
  }
}

.iphone .mod-slider-split__slides .slick-arrow:hover.slick-prev span,
.ipad .mod-slider-split__slides .slick-arrow:hover.slick-prev span {
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/LArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-slider-split__slides .slick-arrow:hover.slick-prev span,
  .ipad .mod-slider-split__slides .slick-arrow:hover.slick-prev span {
    right: auto;
    left: -15px;
  }
}

.iphone .mod-slider-split__slides .slick-arrow:hover.slick-next,
.ipad .mod-slider-split__slides .slick-arrow:hover.slick-next {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.iphone .mod-slider-split__slides .slick-arrow:hover.slick-next span,
.ipad .mod-slider-split__slides .slick-arrow:hover.slick-next span {
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1521519533/icons/RArrow.svg);
  background-position: 50% 50%;
}

@media screen and (min-width: 1260px) {
  .iphone .mod-slider-split__slides .slick-arrow:hover.slick-next span,
  .ipad .mod-slider-split__slides .slick-arrow:hover.slick-next span {
    left: auto;
    right: -15px;
  }
}

.iphone .mod-slider-split__slides .slick-arrow:hover:hover span,
.ipad .mod-slider-split__slides .slick-arrow:hover:hover span {
  opacity: 1;
}

.mod-slider-split__slides .slick-arrow.slick-disabled.slick-prev span {
  opacity: 0;
}

.mod-slider-split__slides .slick-arrow.slick-disabled.slick-next span {
  opacity: 0;
}

.mod-slider-split__slides .slick-slide {
  outline: 0;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slides .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slides .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slides .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.mod-slider-split__slides .slick-dots {
  position: absolute;
  top: 95%;
  left: 50%;
  -webkit-transform: translate(-50%, -95%);
  transform: translate(-50%, -95%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  line-height: 1;
  font-size: 0;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  z-index: 3;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slides .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slides .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slides .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-slider-split__slides .slick-dots li {
  line-height: 1;
  font-size: 0;
  margin: 0 8px;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slides .slick-dots li {
    margin: 0 7.5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slides .slick-dots li {
    margin: 0 7.5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slides .slick-dots li {
    margin: 0 7.5px;
  }
}

.mod-slider-split__slides .slick-dots li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slides .slick-dots li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slides .slick-dots li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slides .slick-dots li:last-child {
    margin-right: 0;
  }
}

.mod-slider-split__slides .slick-dots button {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 0;
  line-height: 1;
  font-size: 0;
  padding: 8px 0 0;
  overflow: visible;
  border: 0;
  background: 0;
  margin: 0;
  outline: 0;
  cursor: pointer;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slides .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slides .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slides .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

.mod-slider-split__slides .slick-dots button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 50%;
  height: 50%;
  border: 0;
  border-radius: 100%;
  background: #dcdcdc;
}

.mod-slider-split__slides .slick-dots li:hover button:before {
  background: #383b47;
}

.mod-slider-split__slides .slick-dots .slick-active button:before {
  width: 100%;
  height: 100%;
  top: -2px;
  left: -2px;
  background: #383b47;
  border: 2px solid #e5e5e5;
}

.iphone .mod-slider-split__slides .slick-dots li:hover button:before,
.ipad .mod-slider-split__slides .slick-dots li:hover button:before {
  background: #dcdcdc;
}

.iphone .mod-slider-split__slides .slick-dots .slick-active:hover button:before,
.ipad .mod-slider-split__slides .slick-dots .slick-active:hover button:before {
  background: #383b47;
}

.mod-slider-split__slide {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slide {
    width: 100%;
    height: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slide {
    width: 100%;
    height: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slide {
    width: 100%;
    height: 0;
  }
}

.mod-slider-split__slide-image {
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slide-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slide-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slide-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}

.mod-slider-split__slide-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left bottom, right top, from(#222633), color-stop(56%, transparent));
  background-image: linear-gradient(to right top, #222633, transparent 56%);
}

.mod-slider-split__slide-image > img {
  width: 100%;
  height: 248px;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slide-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slide-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slide-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 100%;
  }
}

.mod-slider-split__slide-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.67;
  z-index: 1;
  background-image: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(56%, transparent));
  background-image: linear-gradient(to right top, #000000, transparent 56%);
}

.mod-slider-split__slide-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slide-text {
    right: auto;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slide-text {
    right: auto;
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slide-text {
    right: auto;
    width: 100%;
    height: 100%;
  }
}

.mod-slider-split__slide-text-inner {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-height: 100%;
  color: #fff;
  padding: 1% 5.2% 5.33333%;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slide-text-inner {
    padding: 1% 3.09524% 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slide-text-inner {
    padding: 1% 3.09524% 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slide-text-inner {
    padding: 1% 3.09524% 4.7619%;
  }
}

.mod-slider-split__slide-text-name {
  line-height: 1.3;
  font-size: 1.33333rem;
  margin-bottom: 1.33333%;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slide-text-name {
    font-size: 2rem;
    margin-bottom: 1.11111vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slide-text-name {
    font-size: 2rem;
    margin-bottom: 1.11111vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slide-text-name {
    font-size: 2rem;
    margin-bottom: 1.11111vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-slider-split__slide-text-name {
    margin-bottom: 14px;
  }
}

.mod-slider-split__slide-text-description {
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-slider-split__slide-text-description {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-slider-split__slide-text-description {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-slider-split__slide-text-description {
    font-size: 1.2rem;
  }
}

.mod-spot-slider {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-spot-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider {
    padding: 50px 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-spot-slider__body-inner {
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__body-inner {
    width: 65.75592%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__body-inner {
    width: 65.75592%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__body-inner {
    width: 65.75592%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__body-inner {
    width: 722px;
    margin: 0 auto;
  }
}

.mod-spot-slider__slider-wrapper {
  position: relative;
  padding-top: 5.6%;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slider-wrapper {
    padding-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slider-wrapper {
    padding-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slider-wrapper {
    padding-top: 0;
  }
}

.mod-spot-slider__slider-dot-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  line-height: 1;
  font-size: 0;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slider-dot-wrapper {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slider-dot-wrapper {
    display: none;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slider-dot-wrapper {
    display: none;
  }
}

.mod-spot-slider .slick-dots {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  line-height: 1;
  font-size: 0;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider .slick-dots {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-spot-slider .slick-dots li {
  line-height: 1;
  font-size: 0;
  margin: 0 8px;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider .slick-dots li {
    margin: 0 7.5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider .slick-dots li {
    margin: 0 7.5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider .slick-dots li {
    margin: 0 7.5px;
  }
}

.mod-spot-slider .slick-dots li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider .slick-dots li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider .slick-dots li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider .slick-dots li:last-child {
    margin-right: 0;
  }
}

.mod-spot-slider .slick-dots button {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 0;
  line-height: 1;
  font-size: 0;
  padding: 8px 0 0;
  overflow: hidden;
  border: 0;
  background: 0;
  margin: 0;
  outline: 0;
  cursor: pointer;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

.mod-spot-slider .slick-dots button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 100%;
  background: #dcdcdc;
}

.mod-spot-slider .slick-dots li:hover button:before,
.mod-spot-slider .slick-dots .slick-active button:before {
  background: #e7001d;
}

.iphone .slick-dots li:hover button:before,
.ipad .slick-dots li:hover button:before {
  background: #dcdcdc;
}

.iphone .slick-dots .slick-active:hover button:before,
.ipad .slick-dots .slick-active:hover button:before {
  background: #e7001d;
}

.mod-spot-slider__slider {
  position: relative;
  padding-top: 1.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slider {
    padding-top: 5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slider {
    padding-top: 5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slider {
    padding-top: 5px;
  }
}

.mod-spot-slider__slider-couter-wrapper {
  position: absolute;
  top: 0;
  left: 2.66667vw;
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 9.33333vw;
  height: 11.73333vw;
  padding-bottom: 0.53333vw;
  border-radius: 0 0 9.33333vw 9.33333vw;
  background-color: #ebf0ec;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slider-couter-wrapper {
    left: 2.77008%;
    width: 6.6482%;
    height: 8.31025%;
    padding-bottom: 0.55402%;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slider-couter-wrapper {
    left: 2.77008%;
    width: 6.6482%;
    height: 8.31025%;
    padding-bottom: 0.55402%;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slider-couter-wrapper {
    left: 2.77008%;
    width: 6.6482%;
    height: 8.31025%;
    padding-bottom: 0.55402%;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slider-couter-wrapper {
    left: 20px;
    width: 48px;
    height: 60px;
    padding-bottom: 4px;
  }
}

.mod-spot-slider__slider-couter {
  position: relative;
  width: 8vw;
  height: 0;
  padding-top: 8vw;
  background-color: #ffffff;
  border-radius: 50%;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slider-couter {
    width: 3.1746vw;
    padding-top: 3.1746vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slider-couter {
    width: 3.1746vw;
    padding-top: 3.1746vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slider-couter {
    width: 3.1746vw;
    padding-top: 3.1746vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__slider-couter {
    width: 40px;
    padding-top: 40px;
  }
}

.mod-spot-slider__slider-couter-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  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;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-top: 0.26667vw;
  line-height: 1;
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slider-couter-text {
    font-size: 1.75rem;
    padding-top: 1px;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slider-couter-text {
    font-size: 1.75rem;
    padding-top: 1px;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slider-couter-text {
    font-size: 1.75rem;
    padding-top: 1px;
  }
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slides {
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slides {
    overflow: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slides {
    overflow: hidden;
  }
}

.mod-spot-slider__slider .slick-slide {
  outline: 0;
}

.mod-spot-slider__slide {
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slide {
    float: left;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slide {
    float: left;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slide {
    float: left;
    border-radius: 0px;
  }
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slide:nth-child(2),
  .mod-spot-slider__slide:nth-child(3),
  .mod-spot-slider__slide:nth-child(4) {
    width: 0.02396vw;
    margin: 0.95238vw 0.95238vw 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slide:nth-child(2),
  .mod-spot-slider__slide:nth-child(3),
  .mod-spot-slider__slide:nth-child(4) {
    width: 0.02396vw;
    margin: 0.95238vw 0.95238vw 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slide:nth-child(2),
  .mod-spot-slider__slide:nth-child(3),
  .mod-spot-slider__slide:nth-child(4) {
    width: 0.02396vw;
    margin: 0.95238vw 0.95238vw 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__slide:nth-child(2),
  .mod-spot-slider__slide:nth-child(3),
  .mod-spot-slider__slide:nth-child(4) {
    width: 218px;
    margin: 12px 12px 0 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slide:first-child {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slide:first-child {
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slide:first-child {
    width: 100%;
  }
}

.mod-spot-slider__slide:nth-child(4) {
  margin-right: 0;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__slide:nth-child(4) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__slide:nth-child(4) {
    margin-right: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__slide:nth-child(4) {
    margin-right: 0;
  }
}

.mod-spot-slider__slide-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

.mod-spot-slider__image {
  position: relative;
  overflow: hidden;
}

.mod-spot-slider__left-label {
  position: absolute;
  bottom: 1.53846%;
  left: 0;
  color: #ffffff;
  background-color: #2b2b2b;
  border-radius: 0 0px 0px 0;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__left-label {
    bottom: 5px;
    left: 0;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
    border-radius: 0 0px 0px 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__left-label {
    bottom: 5px;
    left: 0;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
    border-radius: 0 0px 0px 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__left-label {
    bottom: 5px;
    left: 0;
    font-size: 0.625rem;
    padding: 3px 9px 2px;
    border-radius: 0 0px 0px 0;
  }
}

.mod-spot-slider__icon {
  position: absolute;
  right: 2.66667vw;
  bottom: 2.66667vw;
  z-index: 10;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__icon {
    right: 0.79365vw;
    bottom: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__icon {
    right: 10px;
    bottom: 10px;
  }
}

.mod-spot-slider__icon-image-wrapper {
  width: 5.86667vw;
  height: 5.86667vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__icon-image-wrapper {
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__icon-image-wrapper {
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__icon-image-wrapper {
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__icon-image-wrapper {
    width: 20px;
    height: 20px;
  }
}

.mod-spot-slider__icon-text-wrapper {
  position: absolute;
  top: 0;
  right: -0.53333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: none;
  padding-bottom: 0.8vw;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__icon-text-wrapper {
    right: -0.31746vw;
    padding-bottom: 4px;
  }
}

.mod-spot-slider__icon-text-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.33333vw 0.86667vw 0 0.86667vw;
  border-color: #ffffff transparent transparent transparent;
  margin-top: -1px;
  margin-left: auto;
  margin-right: 7.5%;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__icon-text-wrapper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    margin-top: -1px;
    margin-left: auto;
    margin-right: 8%;
  }
}

.mod-spot-slider__icon-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  text-align: center;
  line-height: 1;
  font-size: 0.83333rem;
  padding: 1.86667vw 0;
  overflow: hidden;
  border-radius: 0px;
  background-color: #ffffff;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__icon-text {
    width: 120px;
    font-size: 0.625rem;
    padding: 8px 7px 8px 10px;
    border-radius: 0px;
  }
}

.mod-spot-slider__text-wrapper {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2.4vw;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__text-wrapper {
    padding: 1.03175vw 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__text-wrapper {
    padding: 1.03175vw 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__text-wrapper {
    padding: 1.03175vw 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__text-wrapper {
    padding: 13px 0 0;
  }
}

.mod-spot-slider__text {
  position: relative;
  overflow: hidden;
}

.mod-spot-slider__favorite-icon {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 5.86667vw;
  height: 4.93333vw;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__favorite-icon {
    width: 2.22222vw;
    height: 1.90476vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__favorite-icon {
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__favorite-icon {
    width: 1.8254vw;
    height: 1.50794vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__favorite-icon {
    width: 23px;
    height: 19px;
  }
}

.mod-spot-slider__favorite-icon-content {
  cursor: pointer;
}

.mod-spot-slider__favorite-icon-content--black {
  display: block;
}

.mod-spot-slider__favorite-icon-content--red {
  display: none;
}

.mod-spot-slider__favorite-icon--active .mod-spot-slider__favorite-icon-content--black {
  display: none;
}

.mod-spot-slider__favorite-icon--active .mod-spot-slider__favorite-icon-content--red {
  display: block;
}

.mod-spot-slider__category {
  display: block;
  font-size: 3.73333vw;
  color: #9c9c9c;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__category {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__category {
    font-size: 16px;
  }
}

.mod-spot-slider__name {
  display: block;
  font-size: 1.66667rem;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__name {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__name {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__name {
    font-size: 2rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__name {
    font-size: 32px;
  }
}

.mod-spot-slider__description {
  display: block;
  font-size: 3.73333vw;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__description {
    line-height: 1.3;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__description {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__description {
    font-size: 16px;
  }
}

.mod-spot-slider__favorite-icon ~ .mod-spot-slider__category,
.mod-spot-slider__favorite-icon ~ .mod-spot-slider__name,
.mod-spot-slider__favorite-icon ~ .mod-spot-slider__description {
  padding-right: 5.86667vw;
}

@media screen and (min-width: 739px) {
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__category,
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__name,
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__description {
    padding-right: 1.8254vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__category,
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__name,
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__description {
    padding-right: 1.8254vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__category,
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__name,
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__description {
    padding-right: 1.8254vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__category,
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__name,
  .mod-spot-slider__favorite-icon ~ .mod-spot-slider__description {
    padding-right: 23px;
  }
}

.mod-spot-slider__body-inner:hover .mod-spot-slider__category,
.mod-spot-slider__body-inner:hover .mod-spot-slider__name,
.mod-spot-slider__body-inner:hover .mod-spot-slider__description {
  color: #e7001d;
}

.iphone .mod-spot-slider__body-inner:hover .mod-spot-slider__category,
.ipad .mod-spot-slider__body-inner:hover .mod-spot-slider__category {
  color: #9c9c9c;
}

.iphone .mod-spot-slider__body-inner:hover .mod-spot-slider__name,
.ipad .mod-spot-slider__body-inner:hover .mod-spot-slider__name,
.iphone .mod-spot-slider__body-inner:hover .mod-spot-slider__description,
.ipad .mod-spot-slider__body-inner:hover .mod-spot-slider__description {
  color: #2b2b2b;
}

.mod-story-list {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-story-list {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-list {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-list {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-story-list {
    padding: 50px 0;
  }
}

.mod-story-list__item {
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-story-list__item + .mod-story-list__item {
  margin-top: 2.98507%;
}

.mod-story-list__slider-wrapper {
  position: relative;
  overflow: hidden;
}

.mod-story-list__slider-text {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.mod-story-list__slider-label {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  max-width: 30%;
  font-size: 1.58333rem;
  padding: 1%;
  background-color: #f2f2f2;
}

.mod-story-list__slider-badge {
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  max-width: 30%;
  font-size: 1.58333rem;
  padding: 1%;
  background-color: #666;
  color: #fff;
}

.mod-story-list__slider-count {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 12%;
  text-align: center;
  font-size: 1.58333rem;
  padding: 1%;
  background-color: #fff;
}

.mod-story-list__slider .slick-list {
  overflow: visible;
}

.mod-story-list__slider .slick-slide {
  outline: 0;
}

.mod-story-list__slider .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  line-height: 1;
  font-size: 0;
  padding: 2.5% 0;
}

.mod-story-list__slider .slick-dots li {
  line-height: 1;
  font-size: 0;
  margin: 0 10px;
}

.mod-story-list__slider .slick-dots button {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12px;
  height: 0;
  line-height: 1;
  font-size: 0;
  padding: 12px 0 0;
  overflow: hidden;
  border: 0;
  background: 0;
  margin: 0;
  outline: 0;
  cursor: pointer;
}

.mod-story-list__slider .slick-dots button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 100%;
  background: #fff;
}

.mod-story-list__slider .slick-dots .slick-active button:before {
  border-color: #fff;
  background: #444;
}

.mod-story-list__slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.mod-story-list__text {
  display: block;
  padding: 2.98507% 0;
}

.mod-story-list__label {
  display: block;
  margin-bottom: 2.98507%;
}

.mod-story-list__heading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-bottom: 2.98507%;
}

.mod-story-list__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1;
  font-size: 2rem;
}

.mod-story-list__icon {
  display: block;
  line-height: 1;
}

.mod-story-list__icon:before {
  font-size: 2rem;
}

b.mod-story-wat {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  b.mod-story-wat {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  b.mod-story-wat {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  b.mod-story-wat {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  b.mod-story-wat {
    padding: 50px 0;
  }
}

b.mod-story-wat__header {
  padding-bottom: 2.98507%;
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

b.mod-story-wat__heading {
  text-align: center;
  font-size: 2rem;
}

b.mod-story-wat__body {
  position: relative;
}

b.mod-story-wat__body:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 2.66667%;
  width: 0;
  height: 100%;
  border-left: 1px dashed #000;
}

b.mod-story-wat__body-inner:before,
b.mod-story-wat__body-inner:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 1.33333%;
  width: 2.66667%;
  height: 0;
  padding-top: 2.66667%;
  overflow: hidden;
  border-radius: 100%;
  background-color: #000;
}

b.mod-story-wat__body-inner:before {
  top: 0;
}

b.mod-story-wat__body-inner:after {
  bottom: 0;
}

b.mod-story-wat__item {
  width: 100%;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

b.mod-story-wat__item + b.mod-story-wat__item {
  margin-top: 2.98507%;
}

b.mod-story-wat__accordion {
  background-color: #f2f2f2;
}

b.mod-story-wat__accordion-header {
  padding: 2.98507%;
  cursor: pointer;
}

b.mod-story-wat__accordion-heading {
  font-size: 1.58333rem;
}

b.mod-story-wat__accordion-body {
  display: none;
}

b.mod-story-wat__accordion--opened b.mod-story-wat__accordion-body {
  display: block;
}

b.mod-story-wat__accordion-body-inner {
  padding: 0 2.98507% 2.98507%;
}

b.mod-story-wat__slider-wrapper {
  position: relative;
  overflow: hidden;
  margin-top: 2.98507%;
}

b.mod-story-wat__slider-text {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

b.mod-story-wat__slider-label {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  max-width: 30%;
  font-size: 1.58333rem;
  padding: 1%;
  background-color: #f2f2f2;
}

b.mod-story-wat__slider-badge {
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  max-width: 30%;
  font-size: 1.58333rem;
  padding: 1%;
  background-color: #666;
  color: #fff;
}

b.mod-story-wat__slider-count {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 12%;
  text-align: center;
  font-size: 1.58333rem;
  padding: 1%;
  background-color: #fff;
}

b.mod-story-wat__slider .slick-list {
  overflow: visible;
}

b.mod-story-wat__slider .slick-slide {
  outline: 0;
}

b.mod-story-wat__slider .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  line-height: 1;
  font-size: 0;
  padding: 2.5% 0;
}

b.mod-story-wat__slider .slick-dots li {
  line-height: 1;
  font-size: 0;
  margin: 0 10px;
}

b.mod-story-wat__slider .slick-dots button {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12px;
  height: 0;
  line-height: 1;
  font-size: 0;
  padding: 12px 0 0;
  overflow: hidden;
  border: 0;
  background: 0;
  margin: 0;
  outline: 0;
  cursor: pointer;
}

b.mod-story-wat__slider .slick-dots button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 100%;
  background: #fff;
}

b.mod-story-wat__slider .slick-dots .slick-active button:before {
  border-color: #fff;
  background: #444;
}

b.mod-story-wat__slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

b.mod-story-wat__text {
  display: block;
  padding: 2.98507% 0;
}

b.mod-story-wat__label {
  display: block;
  margin-bottom: 2.98507%;
}

b.mod-story-wat__subheading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-bottom: 2.98507%;
}

b.mod-story-wat__subheading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1;
  font-size: 2rem;
}

b.mod-story-wat__icon {
  display: block;
  line-height: 1;
}

b.mod-story-wat__icon:before {
  font-size: 2rem;
}

b.mod-story-wat__keyword {
  padding: 2.66667% 0;
}

b.mod-story-wat__keyword-header {
  margin: 0 auto 1.06667%;
}

@media screen and (min-width: 739px) {
  b.mod-story-wat__keyword-header {
    max-width: 1260px;
    margin: 0 auto 1.90476vw;
  }
}

@media screen and (min-width: 769px) {
  b.mod-story-wat__keyword-header {
    max-width: 1260px;
    margin: 0 auto 1.90476vw;
  }
}

@media screen and (min-width: 901px) {
  b.mod-story-wat__keyword-header {
    max-width: 1260px;
    margin: 0 auto 1.90476vw;
  }
}

@media screen and (min-width: 1260px) {
  b.mod-story-wat__keyword-header {
    max-width: 1260px;
    margin: 0 auto 24px;
  }
}

b.mod-story-wat__keyword-header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  b.mod-story-wat__keyword-header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  b.mod-story-wat__keyword-header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  b.mod-story-wat__keyword-header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

b.mod-story-wat__keyword-heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 2rem;
}

@media screen and (min-width: 739px) {
  b.mod-story-wat__keyword-heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  b.mod-story-wat__keyword-heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 901px) {
  b.mod-story-wat__keyword-heading {
    font-size: 2.25rem;
  }
}

b.mod-story-wat__keyword-header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

@media screen and (min-width: 739px) {
  b.mod-story-wat__keyword-header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  b.mod-story-wat__keyword-header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  b.mod-story-wat__keyword-header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

b.mod-story-wat__keyword-items-slider {
  position: relative;
  overflow: hidden;
}

b.mod-story-wat__keyword-items-slider .slick-list {
  overflow: visible;
}

b.mod-story-wat__keyword-items-slider .slick-slide {
  outline: 0;
}

b.mod-story-wat__keyword-items-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 89.33333vw;
  margin-right: 1.33333vw;
  margin-left: 1.33333vw;
}

b.mod-story-wat__keyword-items {
  overflow: hidden;
}

b.mod-story-wat__keyword-item {
  width: 48.50746%;
}

b.mod-story-wat__keyword-item:nth-child(2n+1) {
  float: left;
}

b.mod-story-wat__keyword-item:nth-child(2n) {
  float: right;
}

b.mod-story-wat__keyword-item-inner {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0;
}

b.mod-story-wat__keyword-image {
  position: relative;
  overflow: hidden;
}

b.mod-story-wat__keyword-text {
  padding: 1% 0;
  overflow: hidden;
}

b.mod-story-wat__keyword-icon {
  float: right;
  display: block;
  line-height: 1;
}

b.mod-story-wat__keyword-icon:before {
  font-size: 2rem;
}

b.mod-story-wat__keyword-term {
  display: block;
}

b.mod-story-wat__keyword-description {
  display: block;
}

.mod-story-wat-detail {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-story-wat-detail {
    padding: 50px 0;
  }
}

.mod-story-wat-detail__header {
  padding-bottom: 2.98507%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__header {
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__header {
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__header {
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-story-wat-detail__header {
    padding: 18px 0;
  }
}

.mod-story-wat-detail__heading {
  text-align: left;
  font-size: 2rem;
}

.mod-story-wat-detail__body-wrapper {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__body-wrapper {
    max-width: 100%;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__body-wrapper {
    max-width: 100%;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__body-wrapper {
    max-width: 100%;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-story-wat-detail__body-wrapper {
    max-width: 100%;
    padding: 18px 0;
  }
}

.mod-story-wat-detail__body {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523867769/icons/icon_circle_gray.svg);
  background-position: left top, left bottom, 3.75px center;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-size: 10px, 10px, 2.5px;
  padding-left: 15px;
  margin-left: -15px;
}

@media screen and (min-width: 507px) {
  .mod-story-wat-detail__body {
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523867769/icons/icon_circle_gray.svg);
    background-position: left top, left bottom, 3.75px center;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 10px, 10px, 2.5px;
    padding-left: 15px;
    margin-left: -15px;
  }
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__body {
    width: 100%;
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523867769/icons/icon_circle_gray.svg);
    background-position: left top, left bottom, 7.5px center;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 20px, 20px, 5px;
    padding-left: 30px;
    margin-left: -30px;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__body {
    width: 100%;
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523867769/icons/icon_circle_gray.svg);
    background-position: left top, left bottom, 7.5px center;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 20px, 20px, 5px;
    padding-left: 30px;
    margin-left: -30px;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__body {
    width: 100%;
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523867769/icons/icon_circle_gray.svg);
    background-position: left top, left bottom, 7.5px center;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 20px, 20px, 5px;
    padding-left: 30px;
    margin-left: -30px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-story-wat-detail__body {
    width: 100%;
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523873398/icons/icon_circle_black.svg), url(https://res.cloudinary.com/gtyo/image/upload/v1523867769/icons/icon_circle_gray.svg);
    background-position: left top, left bottom, 7.5px center;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 20px, 20px, 5px;
    padding-left: 30px;
    margin-left: -30px;
  }
}

.mod-story-wat-detail__slider-wrapper {
  position: relative;
  padding-top: 0;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__slider-wrapper {
    padding-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__slider-wrapper {
    padding-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__slider-wrapper {
    padding-top: 0;
  }
}

.mod-story-wat-detail__slider {
  position: relative;
  padding-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__slider {
    padding-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__slider {
    padding-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__slider {
    padding-top: 0;
  }
}

.mod-story-wat-detail__slider-counter-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 9.33333vw;
  height: 9.33333vw;
  background-color: #e5e5e5;
}

@media screen and (min-width: 507px) {
  .mod-story-wat-detail__slider-counter-wrapper {
    width: 9.33333vw;
    height: 9.33333vw;
  }
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__slider-counter-wrapper {
    width: 4.7619vw;
    height: 4.7619vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__slider-counter-wrapper {
    width: 4.7619vw;
    height: 4.7619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__slider-counter-wrapper {
    width: 60px;
    height: 60px;
  }
}

.mod-story-wat-detail__slider-counter-text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  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;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-top: 1px;
  line-height: 1;
  font-size: 1.33333rem;
}

@media screen and (min-width: 507px) {
  .mod-story-wat-detail__slider-counter-text {
    padding-top: 1px;
    font-size: 1.33333rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__slider-counter-text {
    padding-top: 1px;
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__slider-counter-text {
    padding-top: 1px;
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__slider-counter-text {
    padding-top: 1px;
    font-size: 2rem;
  }
}

.mod-story-wat-detail__slides .slick-dots {
  position: absolute;
  top: 95%;
  left: 50%;
  -webkit-transform: translate(-50%, -95%);
  transform: translate(-50%, -95%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  line-height: 1;
  font-size: 0;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  z-index: 3;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__slides .slick-dots {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__slides .slick-dots {
    display: none !important;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__slides .slick-dots {
    display: none !important;
  }
}

.mod-story-wat-detail__slides .slick-dots li {
  line-height: 1;
  font-size: 0;
  margin: 0 8px;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__slides .slick-dots li {
    margin: 0 7.5px;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__slides .slick-dots li {
    margin: 0 7.5px;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__slides .slick-dots li {
    margin: 0 7.5px;
  }
}

.mod-story-wat-detail__slides .slick-dots li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__slides .slick-dots li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__slides .slick-dots li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__slides .slick-dots li:last-child {
    margin-right: 0;
  }
}

.mod-story-wat-detail__slides .slick-dots button {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 0;
  line-height: 1;
  font-size: 0;
  padding: 8px 0 0;
  overflow: visible;
  border: 0;
  background: 0;
  margin: 0;
  outline: 0;
  cursor: pointer;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__slides .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__slides .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__slides .slick-dots button {
    width: 10px;
    padding-top: 10px;
  }
}

.mod-story-wat-detail__slides .slick-dots button:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 50%;
  height: 50%;
  border: 0;
  border-radius: 100%;
  background: #dcdcdc;
}

.mod-story-wat-detail__slides .slick-dots li:hover button:before {
  background: #383b47;
}

.mod-story-wat-detail__slides .slick-dots .slick-active button:before {
  width: 100%;
  height: 100%;
  top: -2px;
  left: -2px;
  background: #383b47;
  border: 2px solid #e5e5e5;
}

.iphone .mod-story-wat-detail__slides .slick-dots li:hover button:before,
.ipad .mod-story-wat-detail__slides .slick-dots li:hover button:before {
  background: #dcdcdc;
}

.iphone .mod-story-wat-detail__slides .slick-dots .slick-active:hover button:before,
.ipad .mod-story-wat-detail__slides .slick-dots .slick-active:hover button:before {
  background: #383b47;
}

.mod-story-wat-detail__galleries {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__gallery {
    width: 0.02979vw;
    margin: 20px 20px 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__gallery {
    width: 0.02979vw;
    margin: 20px 20px 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__gallery {
    width: 0.02979vw;
    margin: 20px 20px 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-story-wat-detail__gallery {
    width: 271px;
    margin: 20px 20px 0 0;
  }
}

.mod-story-wat-detail__gallery:first-child {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__gallery:first-child {
    width: 100%;
    margin: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__gallery:first-child {
    width: 100%;
    margin: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__gallery:first-child {
    width: 100%;
    margin: 0;
  }
}

.mod-story-wat-detail__gallery:last-child {
  margin-right: 0;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__gallery:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__gallery:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__gallery:last-child {
    margin-right: 0;
  }
}

.mod-story-wat-detail__locals-wrapper {
  margin-top: 20px;
  margin-bottom: 6.66667%;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__locals-wrapper {
    margin-top: 20px;
    margin-bottom: 3.96825%;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__locals-wrapper {
    margin-top: 20px;
    margin-bottom: 3.96825%;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__locals-wrapper {
    margin-top: 20px;
    margin-bottom: 3.96825%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-story-wat-detail__locals-wrapper {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}

.mod-story-wat-detail__duration-wrapper {
  background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1524132806/icons/icon_triangle_left.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 10px;
  padding-left: 10px;
  margin-left: -10px;
}

@media screen and (min-width: 507px) {
  .mod-story-wat-detail__duration-wrapper {
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1524132806/icons/icon_triangle_left.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 10px;
    padding-left: 10px;
    margin-left: -10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__duration-wrapper {
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1524132806/icons/icon_triangle_left.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px;
    padding-left: 15px;
    margin-left: -15px;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__duration-wrapper {
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1524132806/icons/icon_triangle_left.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px;
    padding-left: 15px;
    margin-left: -15px;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__duration-wrapper {
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1524132806/icons/icon_triangle_left.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px;
    padding-left: 15px;
    margin-left: -15px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-story-wat-detail__duration-wrapper {
    background-image: url(https://res.cloudinary.com/gtyo/image/upload/v1524132806/icons/icon_triangle_left.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px;
    padding-left: 15px;
    margin-left: -15px;
  }
}

.mod-story-wat-detail__general-tips-wrapper {
  margin-bottom: 6.66667%;
}

@media screen and (min-width: 739px) {
  .mod-story-wat-detail__general-tips-wrapper {
    margin-bottom: 3.96825%;
  }
}

@media screen and (min-width: 769px) {
  .mod-story-wat-detail__general-tips-wrapper {
    margin-bottom: 3.96825%;
  }
}

@media screen and (min-width: 901px) {
  .mod-story-wat-detail__general-tips-wrapper {
    margin-bottom: 3.96825%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-story-wat-detail__general-tips-wrapper {
    margin-bottom: 50px;
  }
}

.mod-table-column-scroll {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-column-scroll {
    padding: 50px 0;
  }
}

.mod-table-column-scroll__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-column-scroll__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-table-column-scroll__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-table-column-scroll__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__heading {
    font-size: 2rem;
  }
}

.mod-table-column-scroll__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-table-column-scroll__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-table-column-scroll__header-link,
.ipad .mod-table-column-scroll__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-table-column-scroll__header-link:hover,
.ipad .mod-table-column-scroll__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-table-column-scroll__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-table-column-scroll__table-wrapper {
  width: 100%;
  overflow-x: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__table-wrapper {
    overflow-x: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__table-wrapper {
    overflow-x: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__table-wrapper {
    overflow-x: hidden;
  }
}

.mod-table-column-scroll__table {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__table {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__table {
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__table {
    width: 100%;
  }
}

.mod-table-column-scroll__table-head .mod-table-column-scroll__table-row-head {
  width: auto;
  background-color: #eae9e9;
}

.mod-table-column-scroll__table-row-head {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 36vw;
  padding: 1.6vw 2.66667vw;
  border: 1px solid #dcdcdc;
  font-size: 1rem;
  background-color: #f6f6f6;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__table-row-head {
    width: 12.69841vw;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__table-row-head {
    width: 12.69841vw;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__table-row-head {
    width: 12.69841vw;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-column-scroll__table-row-head {
    width: 160px;
    padding: 8px 14px;
    font-size: 0.875rem;
  }
}

.mod-table-column-scroll__table-row-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  padding: 1.6vw 2.66667vw;
  border: 1px solid #dcdcdc;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__table-row-body {
    width: 10.31746vw;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__table-row-body {
    width: 10.31746vw;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__table-row-body {
    width: 10.31746vw;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-column-scroll__table-row-body {
    width: 130px;
    padding: 8px 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__way-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__way-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__way-text {
    margin: 0 3px;
  }
}

.mod-table-column-scroll__way-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__way-icon {
    width: 14px;
    height: 14px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__way-icon {
    width: 14px;
    height: 14px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__way-icon {
    width: 14px;
    height: 14px;
  }
}

.mod-table-column-scroll__link-text {
  border-bottom: 1px dotted #2b2b2b;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__link-text {
    margin: 0 3px;
  }
}

.mod-table-column-scroll__link-icon-before,
.mod-table-column-scroll__link-icon-after {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll__link-icon-before,
  .mod-table-column-scroll__link-icon-after {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll__link-icon-before,
  .mod-table-column-scroll__link-icon-after {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll__link-icon-before,
  .mod-table-column-scroll__link-icon-after {
    width: 12px;
    height: 12px;
  }
}

.mod-table-column-scroll[data-column="4"] .mod-table-column-scroll__table {
  width: 158.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll[data-column="4"] .mod-table-column-scroll__table {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll[data-column="4"] .mod-table-column-scroll__table {
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll[data-column="4"] .mod-table-column-scroll__table {
    width: 100%;
  }
}

.mod-table-column-scroll[data-column="3"] .mod-table-column-scroll__table {
  width: 128vw;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll[data-column="3"] .mod-table-column-scroll__table {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll[data-column="3"] .mod-table-column-scroll__table {
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll[data-column="3"] .mod-table-column-scroll__table {
    width: 100%;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll[data-column="3"] .mod-table-column-scroll__table-row-body {
    width: 13.73016vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll[data-column="3"] .mod-table-column-scroll__table-row-body {
    width: 13.73016vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll[data-column="3"] .mod-table-column-scroll__table-row-body {
    width: 13.73016vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-column-scroll[data-column="3"] .mod-table-column-scroll__table-row-body {
    width: 173px;
  }
}

.mod-table-column-scroll[data-column="2"] .mod-table-column-scroll__table {
  width: 97.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll[data-column="2"] .mod-table-column-scroll__table {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll[data-column="2"] .mod-table-column-scroll__table {
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll[data-column="2"] .mod-table-column-scroll__table {
    width: 100%;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll[data-column="2"] .mod-table-column-scroll__table-row-body {
    width: 20.63492vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll[data-column="2"] .mod-table-column-scroll__table-row-body {
    width: 20.63492vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll[data-column="2"] .mod-table-column-scroll__table-row-body {
    width: 20.63492vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-column-scroll[data-column="2"] .mod-table-column-scroll__table-row-body {
    width: 260px;
  }
}

.mod-table-column-scroll[data-column="1"] .mod-table-column-scroll__table-row-body {
  width: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll[data-column="1"] .mod-table-column-scroll__table-row-body {
    width: 41.26984vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll[data-column="1"] .mod-table-column-scroll__table-row-body {
    width: 41.26984vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll[data-column="1"] .mod-table-column-scroll__table-row-body {
    width: 41.26984vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-column-scroll[data-column="1"] .mod-table-column-scroll__table-row-body {
    width: 520px;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll--no-padding .mod-table-column-scroll__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll--no-padding .mod-table-column-scroll__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll--no-padding .mod-table-column-scroll__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-column-scroll--no-padding .mod-table-column-scroll__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-column-scroll--no-padding .mod-table-column-scroll__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-column-scroll--no-padding .mod-table-column-scroll__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-table-description {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-table-description {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description {
    padding: 50px 0;
  }
}

.mod-table-description__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-table-description__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-table-description__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-description__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-table-description__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-table-description__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__heading {
    font-size: 2rem;
  }
}

.mod-table-description__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-table-description__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-description__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-table-description__header-link,
.ipad .mod-table-description__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-table-description__header-link:hover,
.ipad .mod-table-description__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-description__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-table-description__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-description__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-table-description__lead {
  line-height: 1.2;
  font-size: 1.16667rem;
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-table-description__lead {
    font-size: 1rem;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__lead {
    font-size: 1rem;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__lead {
    font-size: 1rem;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__lead {
    font-size: 1rem;
    margin: 0 auto 30px;
  }
}

.mod-table-description__table-wrapper {
  width: 100%;
  overflow-x: hidden;
}

.mod-table-description__table {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-table-description__table {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__table {
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__table {
    width: 100%;
  }
}

.mod-table-description__table-head .mod-table-description__table-row-head,
.mod-table-description__table-head .mod-table-description__table-row-body {
  background-color: #eae9e9;
}

.mod-table-description__table-row-head {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.6vw 2.66667vw;
  border: 1px solid #dcdcdc;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-table-description__table-row-head {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__table-row-head {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__table-row-head {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__table-row-head {
    padding: 8px 14px;
    font-size: 0.875rem;
  }
}

.mod-table-description__table-row-head[colspan] {
  background-color: #f6f6f6;
}

.mod-table-description__table-row-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30.66667vw;
  padding: 1.6vw 2.66667vw;
  border: 1px solid #dcdcdc;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-table-description__table-row-body {
    width: 10.31746vw;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__table-row-body {
    width: 10.31746vw;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__table-row-body {
    width: 10.31746vw;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__table-row-body {
    width: 130px;
    padding: 8px 14px;
    font-size: 0.875rem;
  }
}

.mod-table-description__table-row-body--column {
  width: 7.73333vw;
  vertical-align: middle;
  text-align: center;
}

@media screen and (min-width: 739px) {
  .mod-table-description__table-row-body--column {
    width: 5.55556vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__table-row-body--column {
    width: 5.55556vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__table-row-body--column {
    width: 5.55556vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__table-row-body--column {
    width: 70px;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-description__way-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__way-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__way-text {
    margin: 0 3px;
  }
}

.mod-table-description__way-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-table-description__way-icon {
    width: 14px;
    height: 14px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__way-icon {
    width: 14px;
    height: 14px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__way-icon {
    width: 14px;
    height: 14px;
  }
}

.mod-table-description__link {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
  margin-top: 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-table-description__link {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__link {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__link {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__link {
    margin-top: 28px;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-description__link {
    margin-top: 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__link {
    margin-top: 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__link {
    margin-top: 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__link {
    margin-top: 30px;
  }
}

.mod-table-description__link-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.38806% 0 1.49254%;
  overflow: hidden;
  border-radius: 40px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-table-description__link-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-description__link-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__link-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__link-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__link-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-description__link-button {
    padding: 12px 1.5873vw 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__link-button {
    padding: 12px 1.5873vw 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__link-button {
    padding: 12px 1.5873vw 10px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__link-button {
    padding: 12px 20px 10px;
  }
}

.iphone .mod-table-description__link-button:hover,
.ipad .mod-table-description__link-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-description__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__link-text {
    margin: 0 3px;
  }
}

.mod-table-description__link-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-table-description__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__link-icon {
    width: 12px;
    height: 12px;
  }
}

.mod-table-description__link-icon-content {
  -webkit-transition: display 300ms;
  transition: display 300ms;
}

.mod-table-description__link-icon-content--gray {
  display: block;
}

.mod-table-description__link-icon-content--white {
  display: none;
}

.mod-table-description__paragraph {
  font-size: 1.16667rem;
  margin-top: 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-table-description__paragraph {
    font-size: 1rem;
    margin-top: 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__paragraph {
    font-size: 1rem;
    margin-top: 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__paragraph {
    font-size: 1rem;
    margin-top: 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__paragraph {
    font-size: 1rem;
    margin-top: 30px;
  }
}

.mod-table-description__paragraph-body {
  line-height: 1.2;
  margin-top: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-table-description__paragraph-body {
    margin-top: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description__paragraph-body {
    margin-top: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description__paragraph-body {
    margin-top: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-description__paragraph-body {
    margin-top: 10px;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-description--no-padding .mod-table-description__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description--no-padding .mod-table-description__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description--no-padding .mod-table-description__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-description--no-padding .mod-table-description__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-description--no-padding .mod-table-description__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-description--no-padding .mod-table-description__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-table-description__link-button:hover .mod-table-description__link-icon-content--gray {
  display: none;
}

.mod-table-description__link-button:hover .mod-table-description__link-icon-content--white {
  display: block;
}

.iphone .mod-table-description__link-button:hover .mod-table-description__link-icon-content--gray,
.ipad .mod-table-description__link-button:hover .mod-table-description__link-icon-content--gray {
  display: block;
}

.iphone .mod-table-description__link-button:hover .mod-table-description__link-icon-content--white,
.ipad .mod-table-description__link-button:hover .mod-table-description__link-icon-content--white {
  display: none;
}

.mod-table-menu {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-table-menu {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-menu {
    padding: 50px 0;
  }
}

.mod-table-menu__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-menu__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-table-menu__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-table-menu__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__heading {
    font-size: 2rem;
  }
}

.mod-table-menu__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-table-menu__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-table-menu__header-link,
.ipad .mod-table-menu__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-table-menu__header-link:hover,
.ipad .mod-table-menu__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-table-menu__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-table-menu__table {
  width: 100%;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__table {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__table {
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__table {
    width: 100%;
  }
}

.mod-table-menu__table-row-head {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 1.6vw 2.66667vw;
  border: 1px solid #dcdcdc;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__table-row-head {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__table-row-head {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__table-row-head {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-menu__table-row-head {
    padding: 8px 14px;
    font-size: 0.875rem;
  }
}

.mod-table-menu__table-row-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 1.6vw 2.66667vw;
  border: 1px solid #dcdcdc;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__table-row-body {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__table-row-body {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__table-row-body {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-menu__table-row-body {
    padding: 8px 14px;
    font-size: 0.875rem;
  }
}

.mod-table-menu__link-text {
  border-bottom: 1px dashed #222633;
}

.mod-table-menu__link-text:hover {
  border-bottom: none;
}

.mod-table-menu__link-text:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__link-text {
    margin: 0 3px;
  }
}

.iphone .mod-table-menu__link-text,
.ipad .mod-table-menu__link-text {
  border-bottom: 1px dashed #222633;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-table-menu__link-text:hover,
.ipad .mod-table-menu__link-text:hover {
  border-bottom: 1px dashed #222633;
}

.iphone .mod-table-menu__link-text:hover,
.ipad .mod-table-menu__link-text:hover {
  color: #f13c33;
}

.mod-table-menu__link-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-table-menu__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu__link-icon {
    width: 12px;
    height: 12px;
  }
}

.mod-table-menu__link .mod-table-menu__link-icon-content--gray,
.mod-table-menu__link .mod-table-menu__link-icon-content--gray {
  display: block;
}

.mod-table-menu__link .mod-table-menu__link-icon-content--red,
.mod-table-menu__link .mod-table-menu__link-icon-content--red {
  display: none;
}

.mod-table-menu__link:hover .mod-table-menu__link-icon-content--gray,
.mod-table-menu__link:hover .mod-table-menu__link-icon-content--gray {
  display: none;
}

.mod-table-menu__link:hover .mod-table-menu__link-icon-content--red,
.mod-table-menu__link:hover .mod-table-menu__link-icon-content--red {
  display: block;
}

.iphone .mod-table-menu__link:hover .mod-table-menu__link-icon-content--gray,
.ipad .mod-table-menu__link:hover .mod-table-menu__link-icon-content--gray {
  display: block;
}

.iphone .mod-table-menu__link:hover .mod-table-menu__link-icon-content--red,
.ipad .mod-table-menu__link:hover .mod-table-menu__link-icon-content--red {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-table-menu--no-padding .mod-table-menu__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu--no-padding .mod-table-menu__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu--no-padding .mod-table-menu__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-menu--no-padding .mod-table-menu__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-menu--no-padding .mod-table-menu__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-menu--no-padding .mod-table-menu__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-table-menu--th-colored .mod-table-menu__table-row-head {
  background-color: #f6f6f6;
}

.mod-table-simple {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-table-simple {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-simple {
    padding: 50px 0;
  }
}

.mod-table-simple__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-table-simple__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-simple__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-table-simple__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-simple__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-table-simple__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-table-simple__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple__heading {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple__heading {
    font-size: 2.25rem;
  }
}

.mod-table-simple__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-table-simple__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-simple__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-table-simple__header-link,
.ipad .mod-table-simple__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-table-simple__header-link:hover,
.ipad .mod-table-simple__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-simple__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-table-simple__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-simple__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-table-simple__table {
  width: 100%;
}

.mod-table-simple__table-row-head {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.6vw 2.66667vw;
  border: 1px solid #dcdcdc;
  font-size: 1rem;
  background-color: #f6f6f6;
}

@media screen and (min-width: 739px) {
  .mod-table-simple__table-row-head {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple__table-row-head {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple__table-row-head {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-simple__table-row-head {
    padding: 8px 14px;
    font-size: 0.875rem;
  }
}

.mod-table-simple__table-row-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.6vw 2.66667vw;
  border: 1px solid #dcdcdc;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-table-simple__table-row-body {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple__table-row-body {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple__table-row-body {
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-simple__table-row-body {
    padding: 8px 14px;
    font-size: 0.875rem;
  }
}

.mod-table-simple__link-text {
  border-bottom: 1px dashed #222633;
}

.mod-table-simple__link-text:hover {
  border-bottom: none;
}

.mod-table-simple__link-text:hover {
  color: #f13c33;
}

.iphone .mod-table-simple__link-text,
.ipad .mod-table-simple__link-text {
  border-bottom: 1px dashed #222633;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-table-simple__link-text:hover,
.ipad .mod-table-simple__link-text:hover {
  border-bottom: 1px dashed #222633;
}

.iphone .mod-table-simple__link-text:hover,
.ipad .mod-table-simple__link-text:hover {
  color: #f13c33;
}

.mod-table-simple__link-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-table-simple__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple__link-icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple__link-icon {
    width: 12px;
    height: 12px;
  }
}

.mod-table-simple__link-icon-content--gray {
  display: block;
}

.mod-table-simple__link-icon-content--red {
  display: none;
}

.mod-table-simple__link:hover .mod-table-simple__link-icon-content--gray {
  display: none;
}

.mod-table-simple__link:hover .mod-table-simple__link-icon-content--red {
  display: block;
}

.iphone .mod-table-simple__link:hover .mod-table-simple__link-icon-content--gray,
.ipad .mod-table-simple__link:hover .mod-table-simple__link-icon-content--gray {
  display: block;
}

.iphone .mod-table-simple__link:hover .mod-table-simple__link-icon-content--red,
.ipad .mod-table-simple__link:hover .mod-table-simple__link-icon-content--red {
  display: none;
}

@media screen and (min-width: 739px) {
  .mod-table-simple--no-padding .mod-table-simple__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple--no-padding .mod-table-simple__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple--no-padding .mod-table-simple__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-simple--no-padding .mod-table-simple__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-simple--no-padding .mod-table-simple__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-simple--no-padding .mod-table-simple__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-table-transportation {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-transportation {
    padding: 50px 0;
  }
}

.mod-table-transportation__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-transportation__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-table-transportation__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-table-transportation__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__heading {
    font-size: 2rem;
  }
}

.mod-table-transportation__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-table-transportation__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-table-transportation__header-link,
.ipad .mod-table-transportation__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-table-transportation__header-link:hover,
.ipad .mod-table-transportation__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-table-transportation__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__body-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-table-transportation__table-wrapper {
  width: 100%;
  overflow-x: auto;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__table-wrapper {
    overflow-x: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__table-wrapper {
    overflow-x: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__table-wrapper {
    overflow-x: hidden;
  }
}

.mod-table-transportation__table {
  width: 110vw;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__table {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__table {
    width: 100%;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__table {
    width: 100%;
  }
}

.mod-table-transportation__table-head .mod-table-transportation__table-row-head {
  background-color: #f6f6f6;
}

.mod-table-transportation__table-row-head {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.6vw 2.66667vw;
  border: 1px solid #dcdcdc;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__table-row-head {
    width: 33.33333%;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__table-row-head {
    width: 33.33333%;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__table-row-head {
    width: 33.33333%;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-transportation__table-row-head {
    width: 33.33333%;
    padding: 8px 14px;
    font-size: 0.875rem;
  }
}

.mod-table-transportation__table-row-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.6vw 2.66667vw;
  border: 1px solid #dcdcdc;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__table-row-body {
    width: 33.33333%;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__table-row-body {
    width: 33.33333%;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__table-row-body {
    width: 33.33333%;
    padding: 0.63492vw 1.11111vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-table-transportation__table-row-body {
    width: 33.33333%;
    padding: 8px 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__way-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__way-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__way-text {
    margin: 0 3px;
  }
}

.mod-table-transportation__way-icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__way-icon {
    width: 14px;
    height: 14px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__way-icon {
    width: 14px;
    height: 14px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__way-icon {
    width: 14px;
    height: 14px;
  }
}

.mod-table-transportation__link .mod-table-transportation__link-icon-before-content--gray,
.mod-table-transportation__link .mod-table-transportation__link-icon-after-content--gray {
  display: block;
}

.mod-table-transportation__link .mod-table-transportation__link-icon-before-content--red,
.mod-table-transportation__link .mod-table-transportation__link-icon-after-content--red {
  display: none;
}

.mod-table-transportation__link:hover .mod-table-transportation__link-icon-before-content--gray,
.mod-table-transportation__link:hover .mod-table-transportation__link-icon-after-content--gray {
  display: none;
}

.mod-table-transportation__link:hover .mod-table-transportation__link-icon-before-content--red,
.mod-table-transportation__link:hover .mod-table-transportation__link-icon-after-content--red {
  display: block;
}

.iphone .mod-table-transportation__link:hover .mod-table-transportation__link-icon-before-content--gray,
.ipad .mod-table-transportation__link:hover .mod-table-transportation__link-icon-before-content--gray,
.iphone .mod-table-transportation__link:hover .mod-table-transportation__link-icon-after-content--gray,
.ipad .mod-table-transportation__link:hover .mod-table-transportation__link-icon-after-content--gray {
  display: block;
}

.iphone .mod-table-transportation__link:hover .mod-table-transportation__link-icon-before-content--red,
.ipad .mod-table-transportation__link:hover .mod-table-transportation__link-icon-before-content--red,
.iphone .mod-table-transportation__link:hover .mod-table-transportation__link-icon-after-content--red,
.ipad .mod-table-transportation__link:hover .mod-table-transportation__link-icon-after-content--red {
  display: none;
}

.mod-table-transportation__link-text {
  border-bottom: 1px dashed #222633;
}

.mod-table-transportation__link-text:hover {
  border-bottom: none;
}

.mod-table-transportation__link-text:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__link-text {
    margin: 0 3px;
  }
}

.iphone .mod-table-transportation__link-text,
.ipad .mod-table-transportation__link-text {
  border-bottom: 1px dashed #222633;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-table-transportation__link-text:hover,
.ipad .mod-table-transportation__link-text:hover {
  border-bottom: 1px dashed #222633;
}

.iphone .mod-table-transportation__link-text:hover,
.ipad .mod-table-transportation__link-text:hover {
  color: #f13c33;
}

.mod-table-transportation__link-icon-before,
.mod-table-transportation__link-icon-after {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-table-transportation__link-icon-before,
  .mod-table-transportation__link-icon-after {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation__link-icon-before,
  .mod-table-transportation__link-icon-after {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation__link-icon-before,
  .mod-table-transportation__link-icon-after {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-transportation--no-padding .mod-table-transportation__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation--no-padding .mod-table-transportation__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation--no-padding .mod-table-transportation__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-table-transportation--no-padding .mod-table-transportation__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-table-transportation--no-padding .mod-table-transportation__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-table-transportation--no-padding .mod-table-transportation__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-tag-accordion {
  padding: 6.66667% 0;
  /* Accordion Opened */
}

@media screen and (min-width: 739px) {
  .mod-tag-accordion {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-accordion {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-accordion {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-accordion {
    padding: 50px 0;
  }
}

.mod-tag-accordion__inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-tag-accordion__item {
  overflow: hidden;
}

.mod-tag-accordion__item-header {
  position: relative;
  padding: 2.5% 0;
  border-top: 1px solid #000;
}

.mod-tag-accordion__item-header:after {
  position: absolute;
  top: 50%;
  right: 2.5%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mod-tag-accordion__item-heading {
  font-size: 1.33333rem;
}

.mod-tag-accordion__item-body {
  display: none;
}

.mod-tag-accordion__item-body-inner {
  padding: 2.5% 0;
}

.mod-tag-accordion__tags {
  letter-spacing: -0.4em;
  margin-top: -0.66667vw;
}

.mod-tag-accordion__tag {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 0.66667vw 0.66667vw 0 0;
}

.mod-tag-accordion__tag-link {
  display: block;
  padding: 0 0.66667vw;
  border: 1px solid #000;
}

.mod-tag-accordion__item--opened .mod-tag-accordion__item-body {
  display: block;
}

.mod-tag-list {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-tag-list {
    padding: 3.96825% 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list {
    padding: 3.96825% 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list {
    padding: 3.96825% 4.7619%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list {
    padding: 50px 4.7619%;
  }
}

@media screen and (min-width: 739px) {
  .mod-tag-list__header {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list__header {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list__header {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-tag-list__header-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-tag-list__header-inner:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-tag-list__header-inner {
    padding-right: 4.7619vw;
    padding-left: 4.7619vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list__header-inner {
    padding-right: 4.7619vw;
    padding-left: 4.7619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list__header-inner {
    padding-right: 4.7619vw;
    padding-left: 4.7619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list__header-inner {
    padding-right: 60px;
    padding-left: 60px;
  }
}

.mod-tag-list__heading {
  font-size: 1.66667rem;
  padding-bottom: 1.2vw;
}

@media screen and (min-width: 739px) {
  .mod-tag-list__heading {
    font-size: 1.75rem;
    padding-bottom: 1.42857vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list__heading {
    font-size: 1.75rem;
    padding-bottom: 1.42857vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list__heading {
    font-size: 1.75rem;
    padding-bottom: 1.42857vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list__heading {
    font-size: 1.75rem;
    padding-bottom: 18px;
  }
}

@media screen and (min-width: 739px) {
  .mod-tag-list__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list__body {
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-tag-list__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-tag-list__body-inner:after {
  content: "";
  clear: both;
  display: block;
}

@media screen and (min-width: 739px) {
  .mod-tag-list__body-inner {
    padding-right: 4.7619vw;
    padding-left: 4.7619vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list__body-inner {
    padding-right: 4.7619vw;
    padding-left: 4.7619vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list__body-inner {
    padding-right: 4.7619vw;
    padding-left: 4.7619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list__body-inner {
    padding-right: 60px;
    padding-left: 60px;
  }
}

.mod-tag-list__header + .mod-tag-list__body {
  padding-top: 0.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-tag-list__header + .mod-tag-list__body {
    padding-top: 0.79365vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list__header + .mod-tag-list__body {
    padding-top: 0.79365vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list__header + .mod-tag-list__body {
    padding-top: 0.79365vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list__header + .mod-tag-list__body {
    padding-top: 10px;
  }
}

.mod-tag-list__items {
  letter-spacing: -0.4em;
}

.mod-tag-list__item {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 2.66667vw 2.66667vw 0 0;
}

@media screen and (min-width: 739px) {
  .mod-tag-list__item {
    margin: 1.5873vw 1.5873vw 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list__item {
    margin: 1.5873vw 1.5873vw 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list__item {
    margin: 1.5873vw 1.5873vw 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list__item {
    margin: 20px 20px 0 0;
  }
}

.mod-tag-list__link {
  display: block;
  line-height: 1;
  font-size: 1.16667rem;
  padding: 0.73333vw 3.2vw 0.33333vw;
  background-color: #e5e5e5;
}

@media screen and (min-width: 739px) {
  .mod-tag-list__link {
    padding: 0.31746vw 1.90476vw 0.2381vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list__link {
    padding: 0.31746vw 1.90476vw 0.2381vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list__link {
    padding: 0.31746vw 1.90476vw 0.2381vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list__link {
    padding: 4px 24px 3px;
  }
}

.mod-tag-list__link:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.iphone .mod-tag-list__link:hover,
.ipad .mod-tag-list__link:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-tag-list--small .mod-tag-list__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list--small .mod-tag-list__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list--small .mod-tag-list__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list--small .mod-tag-list__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-tag-list--small .mod-tag-list__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list--small .mod-tag-list__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list--small .mod-tag-list__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list--small .mod-tag-list__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-tag-list--small .mod-tag-list__header + .mod-tag-list__body {
    padding-top: 1.42857vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list--small .mod-tag-list__header + .mod-tag-list__body {
    padding-top: 1.42857vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list--small .mod-tag-list__header + .mod-tag-list__body {
    padding-top: 1.42857vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list--small .mod-tag-list__header + .mod-tag-list__body {
    padding-top: 18px;
  }
}

.mod-tag-list--small .mod-tag-list__item {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 2.66667vw 2.66667vw 0 0;
}

@media screen and (min-width: 739px) {
  .mod-tag-list--small .mod-tag-list__item {
    margin: 0.95238vw 0.95238vw 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list--small .mod-tag-list__item {
    margin: 0.95238vw 0.95238vw 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list--small .mod-tag-list__item {
    margin: 0.95238vw 0.95238vw 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list--small .mod-tag-list__item {
    margin: 12px 12px 0 0;
  }
}

.mod-tag-list--small .mod-tag-list__link {
  display: block;
  line-height: 1;
  font-size: 1.04167rem;
  padding: 2.66667vw 2.66667vw 2.4vw;
}

@media screen and (min-width: 739px) {
  .mod-tag-list--small .mod-tag-list__link {
    padding: 0.79365vw 0.79365vw 0.71429vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-tag-list--small .mod-tag-list__link {
    padding: 0.79365vw 0.79365vw 0.71429vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tag-list--small .mod-tag-list__link {
    padding: 0.79365vw 0.79365vw 0.71429vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tag-list--small .mod-tag-list__link {
    padding: 10px 10px 9px;
  }
}

.mod-tic {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-tic {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic {
    padding: 50px 0;
  }
}

.mod-tic__header {
  margin: 0 auto 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-tic__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__header {
    max-width: 1260px;
    margin: 0 auto 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__header {
    max-width: 1260px;
    margin: 0 auto 30px;
  }
}

.mod-tic__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-tic__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__header-inner {
    padding-right: 4.7619%;
    padding-left: 4.7619%;
  }
}

.mod-tic__heading {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 1.2;
  font-size: 2rem;
  word-break: break-all;
}

@media screen and (min-width: 739px) {
  .mod-tic__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__heading {
    font-size: 2rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__heading {
    font-size: 2rem;
  }
}

.mod-tic__header-link {
  display: block;
  width: 22.76119%;
  text-align: right;
  font-size: 1rem;
  padding-left: 2.98507%;
}

.mod-tic__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-tic__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__header-link {
    width: 7.26744%;
    font-size: 0.875rem;
    padding-left: 1.05263%;
  }
}

.iphone .mod-tic__header-link,
.ipad .mod-tic__header-link {
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-tic__header-link:hover,
.ipad .mod-tic__header-link:hover {
  color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-tic__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.mod-tic__body-inner {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-tic__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-tic__text {
  font-size: 1.16667rem;
  margin-bottom: 4vw;
}

@media screen and (min-width: 739px) {
  .mod-tic__text {
    font-size: 1rem;
    margin-bottom: 1.5873vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__text {
    font-size: 1rem;
    margin-bottom: 1.5873vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__text {
    font-size: 1rem;
    margin-bottom: 1.5873vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__text {
    font-size: 1rem;
    margin-bottom: 20px;
  }
}

.mod-tic__link {
  position: relative;
  overflow: hidden;
  margin-top: 8.95522%;
  margin-top: 5.33333%;
}

@media screen and (min-width: 739px) {
  .mod-tic__link {
    margin-top: 28px;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__link {
    margin-top: 28px;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__link {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__link {
    margin-top: 28px;
  }
}

@media screen and (min-width: 739px) {
  .mod-tic__link {
    margin-top: 2.38095vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__link {
    margin-top: 2.38095vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__link {
    margin-top: 2.38095vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__link {
    margin-top: 30px;
  }
}

.mod-tic__link-button {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  line-height: 2;
  font-size: 1.16667rem;
  font-weight: bold;
  padding: 2.38806% 0 1.49254%;
  overflow: hidden;
  border-radius: 40px;
  background-color: #222633;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
}

.mod-tic__link-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-tic__link-button {
    line-height: 1;
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__link-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__link-button {
    width: 360px;
    font-size: 1.25rem;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__link-button {
    width: 360px;
    padding: 11px 0 9px;
  }
}

@media screen and (min-width: 739px) {
  .mod-tic__link-button {
    padding: 12px 1.5873vw 10px;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__link-button {
    padding: 12px 1.5873vw 10px;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__link-button {
    padding: 12px 1.5873vw 10px;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__link-button {
    padding: 12px 20px 10px;
  }
}

.iphone .mod-tic__link-button:hover,
.ipad .mod-tic__link-button:hover {
  color: #ffffff;
  background-color: #f13c33;
}

@media screen and (min-width: 739px) {
  .mod-tic__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__link-text {
    margin: 0 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__link-text {
    margin: 0 3px;
  }
}

.mod-tic__link-icon,
.mod-tic__icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 2.93333vw;
  height: 2.93333vw;
  vertical-align: middle;
  letter-spacing: normal;
}

@media screen and (min-width: 739px) {
  .mod-tic__link-icon,
  .mod-tic__icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__link-icon,
  .mod-tic__icon {
    width: 12px;
    height: 12px;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__link-icon,
  .mod-tic__icon {
    width: 12px;
    height: 12px;
  }
}

.mod-tic__link-icon-content {
  -webkit-transition: display 300ms;
  transition: display 300ms;
}

.mod-tic__link-icon-content--gray {
  display: block;
}

.mod-tic__link-icon-content--white {
  display: none;
}

.mod-tic__banner-items-wrapper {
  margin-top: 7.46667%;
}

@media screen and (min-width: 739px) {
  .mod-tic__banner-items-wrapper {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__banner-items-wrapper {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__banner-items-wrapper {
    margin-top: 0;
  }
}

.mod-tic__banner-items:after {
  content: "";
  clear: both;
  display: block;
}

.mod-tic__banner-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-tic__banner-item {
    border-radius: 0px;
    margin-bottom: 1.26984vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__banner-item {
    border-radius: 0px;
    margin-bottom: 1.26984vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__banner-item {
    border-radius: 0px;
    margin-bottom: 1.26984vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__banner-item {
    border-radius: 0px;
    margin-bottom: 16px;
  }
}

.mod-tic__banner-item:last-child {
  margin-bottom: 0;
}

.mod-tic__banner-item-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 2.66667vw;
  background-color: #f6f6f6;
}

@media screen and (min-width: 739px) {
  .mod-tic__banner-item-inner {
    padding: 2.66667vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__banner-item-inner {
    padding: 2.66667vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__banner-item-inner {
    padding: 2.66667vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__banner-item-inner {
    padding: 20px;
  }
}

.mod-tic__banner-image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 9.86667vw;
}

@media screen and (min-width: 739px) {
  .mod-tic__banner-image {
    width: 11.74603vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__banner-image {
    width: 5.87302vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__banner-image {
    width: 5.87302vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__banner-image {
    width: 74px;
  }
}

.mod-tic__banner-image-inner > img {
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms;
  transition: transform 500ms, -webkit-transform 500ms;
}

@media screen and (min-width: 739px) {
  .mod-tic__banner-image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__banner-image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__banner-image-inner > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mod-tic__banner-name {
  line-height: 1.2;
  font-size: 1.25rem;
  margin-bottom: 1.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-tic__banner-name {
    font-size: 1rem;
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__banner-name {
    font-size: 1.25rem;
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__banner-name {
    font-size: 1.25rem;
    margin-bottom: 0.39683vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__banner-name {
    font-size: 1.25rem;
    margin-bottom: 5px;
  }
}

.mod-tic__banner-text {
  padding-left: 2.66667vw;
  line-height: 1.3;
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-tic__banner-text {
    padding-left: 1.19048vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic__banner-text {
    padding-left: 1.19048vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic__banner-text {
    padding-left: 1.19048vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tic__banner-text {
    padding-left: 15px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 739px) {
  .mod-tic--no-padding .mod-tic__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic--no-padding .mod-tic__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic--no-padding .mod-tic__header-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-tic--no-padding .mod-tic__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tic--no-padding .mod-tic__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tic--no-padding .mod-tic__body-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-tic__link-button:hover .mod-tic__link-icon-content--gray {
  display: none;
}

.mod-tic__link-button:hover .mod-tic__link-icon-content--white {
  display: block;
}

.iphone .mod-tic__link-button:hover .mod-tic__link-icon-content--gray,
.ipad .mod-tic__link-button:hover .mod-tic__link-icon-content--gray {
  display: block;
}

.iphone .mod-tic__link-button:hover .mod-tic__link-icon-content--white,
.ipad .mod-tic__link-button:hover .mod-tic__link-icon-content--white {
  display: none;
}

.mod-tile-link {
  padding: 6.66667% 0;
  /* Text Overlay */
}

@media screen and (min-width: 739px) {
  .mod-tile-link {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tile-link {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tile-link {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tile-link {
    padding: 50px 0;
  }
}

.mod-tile-link__items {
  letter-spacing: -0.4em;
  text-align: center;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.mod-tile-link__item {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 33.3333333333%;
}

.mod-tile-link__item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 1px;
  height: 100%;
  background-color: red;
}

.mod-tile-link__item:nth-child(3n+1):before {
  display: none;
}

.mod-tile-link__item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 1px;
  background-color: red;
}

.mod-tile-link__item:nth-child(-n+3):after {
  display: none;
}

.mod-tile-link__item-inner {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 13.33333vw;
  -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;
  text-align: center;
  padding: 0.66667vw 0.8vw;
  overflow: hidden;
}

.mod-tile-link__text {
  display: block;
}

.mod-tile-link--text-overlay .mod-tile-link__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 400ms;
  transition: -webkit-transform 400ms;
  transition: transform 400ms;
  transition: transform 400ms, -webkit-transform 400ms;
}

.mod-tile-link--text-overlay .mod-tile-link__item-inner:hover .mod-tile-link__image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.mod-tile-link--text-overlay .mod-tile-link__text {
  color: #fff;
}

.mod-tips {
  padding: 6.66667% 0;
  /* Current / Hover */
}

@media screen and (min-width: 739px) {
  .mod-tips {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tips {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tips {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tips {
    padding: 50px 0;
  }
}

.mod-tips__inner {
  padding: 0vw 0 0vw;
}

@media screen and (min-width: 739px) {
  .mod-tips__inner {
    padding: 0vw 0 0vw;
  }
}

.mod-tips__body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-tips__body {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tips__body {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tips__body {
    max-width: 1260px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 739px) {
  .mod-tips__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 769px) {
  .mod-tips__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 901px) {
  .mod-tips__body-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 4.7619%;
    padding-left: 4.7619%;
    margin: 0 auto;
  }
}

.mod-tips__items {
  position: relative;
  overflow: hidden;
}

.mod-tips__items + .mod-tips__items {
  margin-top: 1.05263%;
}

.mod-tips__item {
  width: 100%;
  height: auto;
  border-left: 5px solid #e5e5e5;
  border-bottom: 5px solid #e5e5e5;
  padding-left: 5.33333vw;
  padding-bottom: 5.33333vw;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-tips__item {
    float: left;
    width: 31.54814%;
    min-height: 350px;
    border-left: 10px solid #e5e5e5;
    border-bottom: 10px solid #e5e5e5;
    padding-left: 1.5873vw;
    margin-left: 2.65%;
  }
}

@media screen and (min-width: 769px) {
  .mod-tips__item {
    width: 31.54814%;
    min-height: 330px;
    padding-left: 1.5873vw;
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 901px) {
  .mod-tips__item {
    width: 31.54814%;
    padding-left: 3.1746vw;
  }
}

.mod-tips__item:nth-child(1) {
  margin-left: 0;
}

.mod-tips__item-inner {
  position: relative;
  display: block;
}

.mod-tips__item-heading {
  margin-bottom: 30px;
}

@media screen and (min-width: 739px) {
  .mod-tips__item-heading {
    margin-bottom: 30px;
  }
}

.mod-tips__item-heading-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mod-tips__title-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2em;
  font-size: 1.5rem;
  font-family: "PFDINTextStd-Medium", sans-serif;
}

@media screen and (min-width: 739px) {
  .mod-tips__title-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-tips__title-text {
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-tips__title-text {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tips__title-text {
    font-size: 1.375rem;
  }
}

.mod-tips__icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2.66667vw;
}

@media screen and (min-width: 739px) {
  .mod-tips__icon {
    margin-right: 1.5873vw;
  }
}

@media screen and (min-width: 769px) {
  .mod-tips__icon {
    margin-right: 1.5873vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tips__icon {
    margin-right: 1.5873vw;
  }
}

.mod-tips__icon-image {
  width: 8vw;
  height: 8vw;
}

@media screen and (min-width: 739px) {
  .mod-tips__icon-image {
    width: 4.7619vw;
    height: 4.7619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tips__icon-image {
    width: 60px;
    height: 60px;
  }
}

.mod-tips__down-icon {
  display: inline-block;
  vertical-align: middle;
}

.mod-tips__down-icon-image {
  width: 20px;
  height: 15px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.mod-tips__tag-area-sp--closed {
  display: none;
}

.mod-tips__tag-area-sp--opened {
  display: block;
}

.mod-tips__tags {
  letter-spacing: -0.4em;
}

.mod-tips__tag {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 2.66667vw 2.66667vw 0 0;
}

@media screen and (min-width: 739px) {
  .mod-tips__tag {
    margin: 0.79365vw 0.79365vw 0 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tips__tag {
    margin: 0.79365vw 0.79365vw 0 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tips__tag {
    margin: 0.79365vw 0.79365vw 0 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tips__tag {
    margin: 10px 10px 0 0;
  }
}

.mod-tips__tag-link {
  display: block;
  line-height: 1;
  font-size: 1rem;
  padding: 2.66667vw 2.8vw 2vw;
  background-color: #e5e5e5;
}

@media screen and (min-width: 739px) {
  .mod-tips__tag-link {
    padding: 0.47619vw 0.79365vw 0.31746vw;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-tips__tag-link {
    padding: 0.47619vw 0.79365vw 0.31746vw;
  }
}

@media screen and (min-width: 901px) {
  .mod-tips__tag-link {
    padding: 0.47619vw 0.79365vw 0.47619vw;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tips__tag-link {
    padding: 6px 10px 4px;
  }
}

.mod-tips__tag-link:hover {
  color: #ffffff;
  background-color: #f13c33;
}

.iphone .mod-tips__link:hover,
.ipad .mod-tips__link:hover {
  color: #2b2b2b;
  background-color: transparent;
}

.iphone .mod-tips__item:hover .mod-tips__image > img,
.ipad .mod-tips__item:hover .mod-tips__image > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mod-tripadvisor-review {
  padding: 6.66667% 0;
}

@media screen and (min-width: 739px) {
  .mod-tripadvisor-review {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-tripadvisor-review {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-tripadvisor-review {
    padding: 3.96825% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-tripadvisor-review {
    padding: 50px 0;
  }
}

.mod-wysiwyg {
  padding: 6.66667% 0;
  /* Padding None */
  /* Hover */
  /* Accordion */
  /* First Child Padding Top */
  /* Last Child Padding Bottom */
  /* First Child Margin Top */
  /* After Bullet */
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg {
    padding: 0;
  }
}

.mod-wysiwyg--padding-none {
  padding: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg--padding-none {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg--padding-none {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg--padding-none {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg--padding-none {
    padding: 0;
  }
}

.mod-wysiwyg--padding-top-none {
  padding-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg--padding-top-none {
    padding-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg--padding-top-none {
    padding-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg--padding-top-none {
    padding-top: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg--padding-top-none {
    padding-top: 0;
  }
}

.mod-wysiwyg__heading {
  line-height: 1.1;
  font-size: 2rem;
  padding-top: 3%;
  padding-bottom: 3%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__heading {
    font-size: 1.75rem;
    padding: 4.15512% 0 2.49307%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__heading {
    font-size: 1.75rem;
    padding: 4.15512% 0 2.49307%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__heading {
    font-size: 1.75rem;
    padding: 4.15512% 0 2.49307%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__heading {
    padding: 30px 0 18px;
  }
}

.mod-wysiwyg__lead {
  font-size: 1.66667rem;
  padding-top: 3%;
  padding-bottom: 3%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__lead {
    line-height: 1.25;
    font-size: 1.75rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__lead {
    line-height: 1.25;
    font-size: 1.75rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__lead {
    line-height: 1.25;
    font-size: 1.75rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__lead {
    padding: 18px 0;
  }
}

.mod-wysiwyg__subheading {
  font-size: 1.33333rem;
  padding-top: 3%;
  padding-bottom: 3%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__subheading {
    font-size: 1.5rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__subheading {
    font-size: 1.5rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__subheading {
    font-size: 1.5rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__subheading {
    padding: 18px 0;
  }
}

.mod-wysiwyg__small-heading {
  font-size: 1.16667rem;
  padding-top: 3%;
  padding-bottom: 3%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__small-heading {
    font-size: 1rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__small-heading {
    font-size: 1rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__small-heading {
    font-size: 1rem;
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__small-heading {
    padding: 18px 0;
  }
}

.mod-wysiwyg__text {
  font-size: 1.16667rem;
  padding-top: 3%;
  padding-bottom: 3%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__text {
    font-size: 1.625rem;
    padding: 2.49307% 0 4.15512%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__text {
    font-size: 1rem;
    padding: 2.49307% 0 4.15512%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__text {
    font-size: 1rem;
    padding: 2.49307% 0 4.15512%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__text {
    padding: 18px 0 30px;
  }
}

.mod-wysiwyg__textlink {
  word-wrap: break-word;
  cursor: pointer;
  text-decoration: underline;
}

.mod-wysiwyg__textlink:hover {
  text-decoration: none;
}

.mod-wysiwyg__textlink:hover {
  color: #f13c33;
}

.mod-wysiwyg__btnlink {
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 150px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  color: #ffffff;
  background-color: #222633;
  -webkit-transition: color 300ms, background-color 300ms;
  transition: color 300ms, background-color 300ms;
  border-radius: 30px;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__btnlink {
    width: 240px;
    line-height: 40px;
    font-size: 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: 80px;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__btnlink {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__btnlink {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
}

.mod-wysiwyg__btnlink:hover {
  /* Current / Hover */
  color: #ffffff;
  background-color: #f13c33;
}

.iphone .mod-wysiwyg__textlink,
.ipad .mod-wysiwyg__textlink {
  text-decoration: underline;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}

.iphone .mod-wysiwyg__textlink:hover,
.ipad .mod-wysiwyg__textlink:hover {
  text-decoration: underline;
}

.iphone .mod-wysiwyg__textlink:hover,
.ipad .mod-wysiwyg__textlink:hover {
  color: #f13c33;
}

.iphone .mod-wysiwyg__btnlink,
.ipad .mod-wysiwyg__btnlink {
  color: #ffffff;
  background-color: #222633;
}

.mod-wysiwyg__bullet-wrapper {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__bullet-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__bullet-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__bullet-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-wysiwyg__bullet {
  font-size: 1.16667rem;
  padding-top: 3%;
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__bullet {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__bullet {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__bullet {
    font-size: 1rem;
  }
}

.mod-wysiwyg__bullet:before {
  content: "\30FB";
}

.mod-wysiwyg__bullet-wrapper + .mod-wysiwyg__bullet-wrapper .mod-wysiwyg__bullet {
  padding-top: 0;
}

.mod-wysiwyg__quickfacts {
  padding-top: 4.5%;
  padding-bottom: 4.5%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__quickfacts {
    padding: 4.15512% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__quickfacts {
    padding: 4.15512% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__quickfacts {
    padding: 4.15512% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__quickfacts {
    padding: 30px 0;
  }
}

.mod-wysiwyg__quickfacts-inner {
  padding-top: 6.5%;
  padding-bottom: 6.5%;
  padding-left: 20px;
  border-top: 5px solid #e5e5e5;
  border-left: 5px solid #e5e5e5;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__quickfacts-inner {
    padding: 2.49307% 0;
    padding-left: 20px;
    border-top: 10px solid #e5e5e5;
    border-left: 10px solid #e5e5e5;
  }
}

.mod-wysiwyg__quickfacts-header {
  margin-bottom: 2.13333vw;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__quickfacts-header {
    margin-bottom: 2.49307%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__quickfacts-header {
    margin-bottom: 2.49307%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__quickfacts-header {
    margin-bottom: 2.49307%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__quickfacts-header {
    margin-bottom: 18px;
  }
}

.mod-wysiwyg__quickfacts-heading {
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__quickfacts-heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__quickfacts-heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__quickfacts-heading {
    font-size: 1.75rem;
  }
}

.mod-wysiwyg__quickfacts-list {
  font-family: "PFDINTextStd-Light", sans-serif;
}

.mod-wysiwyg__quickfacts-list-item {
  font-size: 1.16667rem;
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__quickfacts-list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__quickfacts-list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__quickfacts-list-item {
    font-size: 1rem;
  }
}

.mod-wysiwyg__quickfacts-list-item:before {
  content: "\30FB";
}

.mod-wysiwyg__quickfacts-heading-independent {
  font-size: 1.66667rem;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__quickfacts-heading-independent {
    font-size: 1.75rem;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__quickfacts-heading-independent {
    font-size: 1.75rem;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__quickfacts-heading-independent {
    font-size: 1.75rem;
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-wysiwyg__dontmiss {
  padding-top: 4.5%;
  padding-bottom: 4.5%;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__dontmiss {
    padding-top: 4.15512%;
    padding-bottom: 4.15512%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__dontmiss {
    padding-top: 4.15512%;
    padding-bottom: 4.15512%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__dontmiss {
    padding-top: 4.15512%;
    padding-bottom: 4.15512%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__dontmiss {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.mod-wysiwyg__dontmiss-inner {
  padding-top: 10.66667vw;
  padding-bottom: 10.66667vw;
  background-color: #e5e5e5;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__dontmiss-inner {
    padding: 4.15512% 4.15512% 5.54017%;
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__dontmiss-inner {
    padding: 4.15512% 4.15512% 5.54017%;
    overflow: hidden;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__dontmiss-inner {
    padding: 4.15512% 4.15512% 5.54017%;
    overflow: hidden;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__dontmiss-inner {
    padding: 30px 30px 40px;
  }
}

.mod-wysiwyg__dontmiss-header {
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__dontmiss-header {
    margin-bottom: 3.4626%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__dontmiss-header {
    margin-bottom: 3.4626%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__dontmiss-header {
    margin-bottom: 3.4626%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__dontmiss-header {
    margin-bottom: 25px;
  }
}

.mod-wysiwyg__dontmiss-heading {
  font-size: 1.66667rem;
}

.mod-wysiwyg__dontmiss-list {
  font-family: "PFDINTextStd-Light", sans-serif;
  line-height: 1.3;
}

.mod-wysiwyg__dontmiss-list-item {
  font-size: 1.16667rem;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: .5em;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__dontmiss-list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__dontmiss-list-item {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__dontmiss-list-item {
    font-size: 1rem;
  }
}

.mod-wysiwyg__dontmiss-list-item:before {
  content: "\30FB";
}

.mod-wysiwyg__images {
  padding-top: 3%;
  padding-bottom: 3%;
  overflow: hidden;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__images {
    padding-top: 2.49307%;
    padding-bottom: 2.49307%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__images {
    padding-top: 2.49307%;
    padding-bottom: 2.49307%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__images {
    padding-top: 2.49307%;
    padding-bottom: 2.49307%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__images {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

.mod-wysiwyg__image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.mod-wysiwyg__image-inner {
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}

.mod-wysiwyg__images--column-2 {
  padding-top: 3%;
  padding-bottom: 3%;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__images--column-2 {
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__images--column-2 {
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__images--column-2 {
    padding: 2.49307% 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__images--column-2 {
    padding: 18px 0;
  }
}

.mod-wysiwyg__images--column-2 .mod-wysiwyg__image {
  width: 49.4669%;
  margin-top: 1.05%;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin-top: 1.66205%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin-top: 1.66205%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    margin-top: 1.66205%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image {
    margin-top: 5px;
  }
}

.mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(-n+2) {
  margin-top: 0;
}

.mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(2n+1) {
  float: left;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(2n+1) {
    padding-right: 0.34626%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(2n+1) {
    padding-right: 0.34626%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(2n+1) {
    padding-right: 0.34626%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(2n+1) {
    padding-right: 2.5px;
  }
}

.mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(2n) {
  float: right;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(2n) {
    padding-left: 0.34626%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(2n) {
    padding-left: 0.34626%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(2n) {
    padding-left: 0.34626%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__images--column-2 .mod-wysiwyg__image:nth-child(2n) {
    padding-left: 2.5px;
  }
}

.mod-wysiwyg__images--column-2 .mod-wysiwyg__image-inner {
  overflow: hidden;
}

.mod-wysiwyg__image-caption-wrapper {
  margin-top: -0.26667%;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__image-caption-wrapper {
    margin-top: -0.69252%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__image-caption-wrapper {
    margin-top: -0.69252%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__image-caption-wrapper {
    margin-top: -0.69252%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__image-caption-wrapper {
    margin-top: -5px;
  }
}

.mod-wysiwyg__image-caption {
  font-size: 1.16667rem;
  padding-bottom: 3%;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__image-caption {
    font-size: 1rem;
    padding: 0 0 2.49307%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__image-caption {
    font-size: 1rem;
    padding: 0 0 2.49307%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__image-caption {
    font-size: 1rem;
    padding: 0 0 2.49307%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__image-caption {
    padding: 0 0 18px;
  }
}

.mod-wysiwyg__howto-get-there {
  padding-top: 4.5%;
  padding-bottom: 4.5%;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there {
    padding: 0 0 4.98615%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there {
    padding: 0 0 4.98615%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there {
    padding: 0 0 4.98615%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__howto-get-there {
    padding: 0 0 36px;
  }
}

.mod-wysiwyg__howto-get-there-header {
  margin-bottom: 2.13333vw;
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-header {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 2.49307%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-header {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 2.49307%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-header {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 2.49307%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__howto-get-there-header {
    margin-bottom: 18px;
  }
}

.mod-wysiwyg__howto-get-there-heading {
  font-size: 1.66667rem;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-heading {
    line-height: 1.5;
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-heading {
    font-size: 1.75rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-heading {
    font-size: 1.75rem;
  }
}

.mod-wysiwyg__howto-get-there-body {
  width: auto;
  padding-right: 5.33333vw;
  padding-left: 5.33333vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-body {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-body {
    padding-right: 0;
    padding-left: 0;
  }
}

.mod-wysiwyg__howto-get-there-text {
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-text {
    font-size: 1rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-text {
    font-size: 1rem;
  }
}

.mod-wysiwyg__howto-get-there-lists {
  margin-bottom: 1.49254%;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-lists {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-lists {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-lists {
    margin-bottom: 3.28947%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__howto-get-there-lists {
    margin-bottom: 10px;
  }
}

.mod-wysiwyg__howto-get-there-list {
  font-size: 1rem;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-list {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-list {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-list {
    font-size: 0.875rem;
  }
}

.mod-wysiwyg__howto-get-there-list + .mod-wysiwyg__howto-get-there-list {
  margin-top: 1.49254%;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-list + .mod-wysiwyg__howto-get-there-list {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-list + .mod-wysiwyg__howto-get-there-list {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-list + .mod-wysiwyg__howto-get-there-list {
    margin-top: 3.28947%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__howto-get-there-list + .mod-wysiwyg__howto-get-there-list {
    margin-top: 10px;
  }
}

.mod-wysiwyg__howto-get-there-list--info {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_address.svg) top left 0.1em no-repeat;
  background-size: 3.43284% auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-list--info {
    background-size: 20px;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-list--info {
    background-size: 20px;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-list--info {
    background-size: 20px;
  }
}

.mod-wysiwyg__howto-get-there-list--train {
  padding-left: 2em;
  background: url(https://res.cloudinary.com/gtyo/image/upload/v1521451533/icons/icon_spot_information.svg) top 0.15em left no-repeat;
  background-size: 3.43284% auto;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-list--train {
    background-size: 20px;
    background-position: top 0.15em left;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-list--train {
    background-size: 20px;
    background-position: top 0.15em left;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-list--train {
    background-size: 20px;
    background-position: top 0.15em left;
  }
}

.mod-wysiwyg__howto-get-there-content {
  margin: 2.98507% auto 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-content {
    margin: 1.05263% auto 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-content {
    margin: 1.05263% auto 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-content {
    margin: 1.05263% auto 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__howto-get-there-content {
    margin: 12px auto 0;
  }
}

.mod-wysiwyg__howto-get-there-content:first-child {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-content:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-content:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-content:first-child {
    margin-top: 0;
  }
}

.mod-wysiwyg__howto-get-there-content--hidden {
  display: none;
}

.mod-wysiwyg__howto-get-there-content--opened {
  display: block;
}

.mod-wysiwyg__howto-get-there-showmore {
  margin-top: 3.8806%;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-showmore {
    margin-top: 1.40351%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-showmore {
    margin-top: 1.40351%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-showmore {
    margin-top: 1.40351%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg__howto-get-there-showmore {
    margin-top: 16px;
  }
}

.mod-wysiwyg__howto-get-there-showmore-button {
  line-height: 1;
  -webkit-transition: color 300ms;
  transition: color 300ms;
  -webkit-transition: none;
  transition: none;
  cursor: pointer;
}

.mod-wysiwyg__howto-get-there-showmore-button:hover {
  color: #f13c33;
}

.mod-wysiwyg__howto-get-there-showmore-button:hover {
  color: #f13c33;
}

.mod-wysiwyg__howto-get-there-showmore-button-icon {
  position: relative;
  top: -0.26667vw;
  display: inline-block;
  width: 3.6vw;
  height: 3.6vw;
  vertical-align: top;
  letter-spacing: normal;
  margin-right: 0.26667vw;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-showmore-button-icon {
    top: 0;
    width: 16px;
    height: 16px;
    margin-right: 3px;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-showmore-button-icon {
    top: 0;
    width: 16px;
    height: 16px;
    margin-right: 3px;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-showmore-button-icon {
    top: 0;
    width: 16px;
    height: 16px;
    margin-right: 3px;
  }
}

.mod-wysiwyg__howto-get-there-showmore-button-icon-image--white {
  display: block;
}

.mod-wysiwyg__howto-get-there-showmore-button-icon-image--red {
  display: none;
}

.mod-wysiwyg__howto-get-there-showmore-button-text {
  font-size: 1.16667rem;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__howto-get-there-showmore-button-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__howto-get-there-showmore-button-text {
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__howto-get-there-showmore-button-text {
    font-size: 0.875rem;
  }
}

.mod-wysiwyg__showmore-button:hover .mod-wysiwyg__showmore-button-icon-image--white {
  display: none;
}

.mod-wysiwyg__showmore-button:hover .mod-wysiwyg__showmore-button-icon-image--red {
  display: block;
}

.iphone .mod-wysiwyg__showmore-button:hover .mod-wysiwyg__showmore-button-icon-image--white,
.ipad .mod-wysiwyg__showmore-button:hover .mod-wysiwyg__showmore-button-icon-image--white {
  display: block;
}

.iphone .mod-wysiwyg__showmore-button:hover .mod-wysiwyg__showmore-button-icon-image--red,
.ipad .mod-wysiwyg__showmore-button:hover .mod-wysiwyg__showmore-button-icon-image--red {
  display: none;
}

.mod-wysiwyg--accordion-opened .mod-wysiwyg__content {
  display: block;
}

.mod-wysiwyg--accordion-opened .mod-wysiwyg__showmore {
  display: none;
}

.mod-wysiwyg__heading-wrapper:first-child .mod-wysiwyg__heading,
.mod-wysiwyg__lead-wrapper:first-child .mod-wysiwyg__lead,
.mod-wysiwyg__subheading-wrapper:first-child .mod-wysiwyg__subheading,
.mod-wysiwyg__small-heading-wrapper:first-child .mod-wysiwyg__small-heading,
.mod-wysiwyg__text-wrapper:first-child .mod-wysiwyg__text,
.mod-wysiwyg__quickfacts-wrapper:first-child .mod-wysiwyg__quickfacts,
.mod-wysiwyg__dontmiss-wrapper:first-child .mod-wysiwyg__dontmiss,
.mod-wysiwyg__images-wrapper:first-child .mod-wysiwyg__images,
.mod-wysiwyg__image-caption-wrapper:first-child .mod-wysiwyg__image-caption {
  padding-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__heading-wrapper:first-child .mod-wysiwyg__heading,
  .mod-wysiwyg__lead-wrapper:first-child .mod-wysiwyg__lead,
  .mod-wysiwyg__subheading-wrapper:first-child .mod-wysiwyg__subheading,
  .mod-wysiwyg__small-heading-wrapper:first-child .mod-wysiwyg__small-heading,
  .mod-wysiwyg__text-wrapper:first-child .mod-wysiwyg__text,
  .mod-wysiwyg__quickfacts-wrapper:first-child .mod-wysiwyg__quickfacts,
  .mod-wysiwyg__dontmiss-wrapper:first-child .mod-wysiwyg__dontmiss,
  .mod-wysiwyg__images-wrapper:first-child .mod-wysiwyg__images,
  .mod-wysiwyg__image-caption-wrapper:first-child .mod-wysiwyg__image-caption {
    padding-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__heading-wrapper:first-child .mod-wysiwyg__heading,
  .mod-wysiwyg__lead-wrapper:first-child .mod-wysiwyg__lead,
  .mod-wysiwyg__subheading-wrapper:first-child .mod-wysiwyg__subheading,
  .mod-wysiwyg__small-heading-wrapper:first-child .mod-wysiwyg__small-heading,
  .mod-wysiwyg__text-wrapper:first-child .mod-wysiwyg__text,
  .mod-wysiwyg__quickfacts-wrapper:first-child .mod-wysiwyg__quickfacts,
  .mod-wysiwyg__dontmiss-wrapper:first-child .mod-wysiwyg__dontmiss,
  .mod-wysiwyg__images-wrapper:first-child .mod-wysiwyg__images,
  .mod-wysiwyg__image-caption-wrapper:first-child .mod-wysiwyg__image-caption {
    padding-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__heading-wrapper:first-child .mod-wysiwyg__heading,
  .mod-wysiwyg__lead-wrapper:first-child .mod-wysiwyg__lead,
  .mod-wysiwyg__subheading-wrapper:first-child .mod-wysiwyg__subheading,
  .mod-wysiwyg__small-heading-wrapper:first-child .mod-wysiwyg__small-heading,
  .mod-wysiwyg__text-wrapper:first-child .mod-wysiwyg__text,
  .mod-wysiwyg__quickfacts-wrapper:first-child .mod-wysiwyg__quickfacts,
  .mod-wysiwyg__dontmiss-wrapper:first-child .mod-wysiwyg__dontmiss,
  .mod-wysiwyg__images-wrapper:first-child .mod-wysiwyg__images,
  .mod-wysiwyg__image-caption-wrapper:first-child .mod-wysiwyg__image-caption {
    padding-top: 0;
  }
}

.mod-wysiwyg__heading-wrapper:last-child .mod-wysiwyg__heading,
.mod-wysiwyg__lead-wrapper:last-child .mod-wysiwyg__lead,
.mod-wysiwyg__subheading-wrapper:last-child .mod-wysiwyg__subheading,
.mod-wysiwyg__small-heading-wrapper:last-child .mod-wysiwyg__small-heading,
.mod-wysiwyg__text-wrapper:last-child .mod-wysiwyg__text,
.mod-wysiwyg__quickfacts-wrapper:last-child .mod-wysiwyg__quickfacts,
.mod-wysiwyg__dontmiss-wrapper:last-child .mod-wysiwyg__dontmiss,
.mod-wysiwyg__images-wrapper:last-child .mod-wysiwyg__images,
.mod-wysiwyg__image-caption-wrapper:last-child .mod-wysiwyg__image-caption {
  padding-bottom: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__heading-wrapper:last-child .mod-wysiwyg__heading,
  .mod-wysiwyg__lead-wrapper:last-child .mod-wysiwyg__lead,
  .mod-wysiwyg__subheading-wrapper:last-child .mod-wysiwyg__subheading,
  .mod-wysiwyg__small-heading-wrapper:last-child .mod-wysiwyg__small-heading,
  .mod-wysiwyg__text-wrapper:last-child .mod-wysiwyg__text,
  .mod-wysiwyg__quickfacts-wrapper:last-child .mod-wysiwyg__quickfacts,
  .mod-wysiwyg__dontmiss-wrapper:last-child .mod-wysiwyg__dontmiss,
  .mod-wysiwyg__images-wrapper:last-child .mod-wysiwyg__images,
  .mod-wysiwyg__image-caption-wrapper:last-child .mod-wysiwyg__image-caption {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__heading-wrapper:last-child .mod-wysiwyg__heading,
  .mod-wysiwyg__lead-wrapper:last-child .mod-wysiwyg__lead,
  .mod-wysiwyg__subheading-wrapper:last-child .mod-wysiwyg__subheading,
  .mod-wysiwyg__small-heading-wrapper:last-child .mod-wysiwyg__small-heading,
  .mod-wysiwyg__text-wrapper:last-child .mod-wysiwyg__text,
  .mod-wysiwyg__quickfacts-wrapper:last-child .mod-wysiwyg__quickfacts,
  .mod-wysiwyg__dontmiss-wrapper:last-child .mod-wysiwyg__dontmiss,
  .mod-wysiwyg__images-wrapper:last-child .mod-wysiwyg__images,
  .mod-wysiwyg__image-caption-wrapper:last-child .mod-wysiwyg__image-caption {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__heading-wrapper:last-child .mod-wysiwyg__heading,
  .mod-wysiwyg__lead-wrapper:last-child .mod-wysiwyg__lead,
  .mod-wysiwyg__subheading-wrapper:last-child .mod-wysiwyg__subheading,
  .mod-wysiwyg__small-heading-wrapper:last-child .mod-wysiwyg__small-heading,
  .mod-wysiwyg__text-wrapper:last-child .mod-wysiwyg__text,
  .mod-wysiwyg__quickfacts-wrapper:last-child .mod-wysiwyg__quickfacts,
  .mod-wysiwyg__dontmiss-wrapper:last-child .mod-wysiwyg__dontmiss,
  .mod-wysiwyg__images-wrapper:last-child .mod-wysiwyg__images,
  .mod-wysiwyg__image-caption-wrapper:last-child .mod-wysiwyg__image-caption {
    padding-bottom: 0;
  }
}

.mod-wysiwyg__image-caption-wrapper:first-child {
  margin-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg__image-caption-wrapper:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg__image-caption-wrapper:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg__image-caption-wrapper:first-child {
    margin-top: 0;
  }
}

.mod-wysiwyg__bullet-wrapper + .mod-wysiwyg__heading-wrapper .mod-wysiwyg__heading,
.mod-wysiwyg__bullet-wrapper + .mod-wysiwyg__lead-wrapper .mod-wysiwyg__lead,
.mod-wysiwyg__bullet-wrapper + .mod-wysiwyg__subheading-wrapper .mod-wysiwyg__subheading,
.mod-wysiwyg__bullet-wrapper + .mod-wysiwyg__small-heading-wrapper .mod-wysiwyg__small-heading,
.mod-wysiwyg__bullet-wrapper + .mod-wysiwyg__text-wrapper .mod-wysiwyg__text,
.mod-wysiwyg__bullet-wrapper + .mod-wysiwyg__quickfacts-wrapper .mod-wysiwyg__quickfacts,
.mod-wysiwyg__bullet-wrapper + .mod-wysiwyg__dontmiss-wrapper .mod-wysiwyg__dontmiss,
.mod-wysiwyg__bullet-wrapper + .mod-wysiwyg__images-wrapper .mod-wysiwyg__images,
.mod-wysiwyg__bullet-wrapper + .mod-wysiwyg__image-caption-wrapper .mod-wysiwyg__image-caption {
  padding-top: 6%;
}

.mod-wysiwyg {
  /* Padding None */
  /* Hover */
  /* Accordion */
  /* First Child Padding Top */
  /* Last Child Padding Bottom */
  /* First Child Margin Top */
  /* After Bullet */
}

.mod-wysiwyg--style-pattern-1 {
  padding: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg--style-pattern-1 {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg--style-pattern-1 {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg--style-pattern-1 {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg--style-pattern-1 {
    padding: 0;
  }
}

.mod-wysiwyg--style-pattern-1.mod-wysiwyg--padding-none {
  padding: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg--style-pattern-1.mod-wysiwyg--padding-none {
    padding: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg--style-pattern-1.mod-wysiwyg--padding-none {
    padding: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg--style-pattern-1.mod-wysiwyg--padding-none {
    padding: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg--style-pattern-1.mod-wysiwyg--padding-none {
    padding: 0;
  }
}

.mod-wysiwyg--style-pattern-1.mod-wysiwyg--padding-top-none {
  padding-top: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg--style-pattern-1.mod-wysiwyg--padding-top-none {
    padding-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg--style-pattern-1.mod-wysiwyg--padding-top-none {
    padding-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg--style-pattern-1.mod-wysiwyg--padding-top-none {
    padding-top: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg--style-pattern-1.mod-wysiwyg--padding-top-none {
    padding-top: 0;
  }
}

.mod-wysiwyg--style-pattern-1 .mod-wysiwyg__subheading {
  padding-bottom: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__subheading {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__subheading {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__subheading {
    padding-bottom: 0;
  }
}

.mod-wysiwyg--style-pattern-1 .mod-wysiwyg__small-heading {
  padding-bottom: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__small-heading {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__small-heading {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__small-heading {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__small-heading {
    padding-bottom: 0;
  }
}

.mod-wysiwyg--style-pattern-1 .mod-wysiwyg__dontmiss {
  padding-bottom: 8%;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__dontmiss {
    padding-bottom: 4.15512%;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__dontmiss {
    padding-bottom: 4.15512%;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__dontmiss {
    padding-bottom: 4.15512%;
  }
}

@media screen and (min-width: 1260px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__dontmiss {
    padding-bottom: 30px;
  }
}

.mod-wysiwyg--style-pattern-1 .mod-wysiwyg__howto-get-there-header {
  margin-bottom: 0;
}

@media screen and (min-width: 739px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__howto-get-there-header {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__howto-get-there-header {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__howto-get-there-header {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 901px) {
  .mod-wysiwyg--style-pattern-1 .mod-wysiwyg__howto-get-there-header {
    margin-bottom: 0;
  }
}

/* ---------------------------------------------
*   utility
--------------------------------------------- */

@media screen and (min-width: 739px) {
  .pc-hide {
    display: none !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 900px) {
  .pc-small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 739px) and (max-width: 768px) {
  .tb-hide {
    display: none !important;
  }
}

@media screen and (max-width: 738px) {
  .sp-hide {
    display: none !important;
  }
}

/* ---------------------------------------------
*   padding-top
--------------------------------------------- */

.pdt-sp--0 {
  padding-top: 0 !important;
}

.pdt-sp--5 {
  padding-top: 0.66667vw !important;
}

.pdt-sp--10 {
  padding-top: 1.33333vw !important;
}

.pdt-sp--15 {
  padding-top: 2vw !important;
}

.pdt-sp--20 {
  padding-top: 2.66667vw !important;
}

.pdt-sp--25 {
  padding-top: 3.33333vw !important;
}

.pdt-sp--30 {
  padding-top: 4vw !important;
}

.pdt-sp--35 {
  padding-top: 4.66667vw !important;
}

.pdt-sp--40 {
  padding-top: 5.33333vw !important;
}

.pdt-sp--45 {
  padding-top: 6vw !important;
}

.pdt-sp--50 {
  padding-top: 6.66667vw !important;
}

.pdt-sp--55 {
  padding-top: 7.33333vw !important;
}

.pdt-sp--60 {
  padding-top: 8vw !important;
}

.pdt-sp--65 {
  padding-top: 8.66667vw !important;
}

.pdt-sp--70 {
  padding-top: 9.33333vw !important;
}

.pdt-sp--75 {
  padding-top: 10vw !important;
}

.pdt-sp--80 {
  padding-top: 10.66667vw !important;
}

.pdt-sp--85 {
  padding-top: 11.33333vw !important;
}

.pdt-sp--90 {
  padding-top: 12vw !important;
}

.pdt-sp--95 {
  padding-top: 12.66667vw !important;
}

.pdt-sp--100 {
  padding-top: 13.33333vw !important;
}

.pdt-sp--105 {
  padding-top: 14vw !important;
}

.pdt-sp--110 {
  padding-top: 14.66667vw !important;
}

.pdt-sp--115 {
  padding-top: 15.33333vw !important;
}

.pdt-sp--120 {
  padding-top: 16vw !important;
}

.pdt-sp--125 {
  padding-top: 16.66667vw !important;
}

.pdt-sp--130 {
  padding-top: 17.33333vw !important;
}

.pdt-sp--135 {
  padding-top: 18vw !important;
}

.pdt-sp--140 {
  padding-top: 18.66667vw !important;
}

.pdt-sp--145 {
  padding-top: 19.33333vw !important;
}

.pdt-sp--150 {
  padding-top: 20vw !important;
}

.pdt-sp--155 {
  padding-top: 20.66667vw !important;
}

.pdt-sp--160 {
  padding-top: 21.33333vw !important;
}

.pdt-sp--165 {
  padding-top: 22vw !important;
}

.pdt-sp--170 {
  padding-top: 22.66667vw !important;
}

.pdt-sp--175 {
  padding-top: 23.33333vw !important;
}

.pdt-sp--180 {
  padding-top: 24vw !important;
}

.pdt-sp--185 {
  padding-top: 24.66667vw !important;
}

.pdt-sp--190 {
  padding-top: 25.33333vw !important;
}

.pdt-sp--195 {
  padding-top: 26vw !important;
}

.pdt-sp--200 {
  padding-top: 26.66667vw !important;
}

.pdt-sp--205 {
  padding-top: 27.33333vw !important;
}

.pdt-sp--210 {
  padding-top: 28vw !important;
}

.pdt-sp--215 {
  padding-top: 28.66667vw !important;
}

.pdt-sp--220 {
  padding-top: 29.33333vw !important;
}

.pdt-sp--225 {
  padding-top: 30vw !important;
}

.pdt-sp--230 {
  padding-top: 30.66667vw !important;
}

.pdt-sp--235 {
  padding-top: 31.33333vw !important;
}

.pdt-sp--240 {
  padding-top: 32vw !important;
}

.pdt-sp--245 {
  padding-top: 32.66667vw !important;
}

.pdt-sp--250 {
  padding-top: 33.33333vw !important;
}

@media screen and (min-width: 739px) and (max-width: 1259px) {
  .pdt-pc--0 {
    padding-top: 0 !important;
  }

  .pdt-pc--5 {
    padding-top: 0.39683vw !important;
  }

  .pdt-pc--10 {
    padding-top: 0.79365vw !important;
  }

  .pdt-pc--15 {
    padding-top: 1.19048vw !important;
  }

  .pdt-pc--20 {
    padding-top: 1.5873vw !important;
  }

  .pdt-pc--25 {
    padding-top: 1.98413vw !important;
  }

  .pdt-pc--30 {
    padding-top: 2.38095vw !important;
  }

  .pdt-pc--35 {
    padding-top: 2.77778vw !important;
  }

  .pdt-pc--40 {
    padding-top: 3.1746vw !important;
  }

  .pdt-pc--45 {
    padding-top: 3.57143vw !important;
  }

  .pdt-pc--50 {
    padding-top: 3.96825vw !important;
  }

  .pdt-pc--55 {
    padding-top: 4.36508vw !important;
  }

  .pdt-pc--60 {
    padding-top: 4.7619vw !important;
  }

  .pdt-pc--65 {
    padding-top: 5.15873vw !important;
  }

  .pdt-pc--70 {
    padding-top: 5.55556vw !important;
  }

  .pdt-pc--75 {
    padding-top: 5.95238vw !important;
  }

  .pdt-pc--80 {
    padding-top: 6.34921vw !important;
  }

  .pdt-pc--85 {
    padding-top: 6.74603vw !important;
  }

  .pdt-pc--90 {
    padding-top: 7.14286vw !important;
  }

  .pdt-pc--95 {
    padding-top: 7.53968vw !important;
  }

  .pdt-pc--100 {
    padding-top: 7.93651vw !important;
  }

  .pdt-pc--105 {
    padding-top: 8.33333vw !important;
  }

  .pdt-pc--110 {
    padding-top: 8.73016vw !important;
  }

  .pdt-pc--115 {
    padding-top: 9.12698vw !important;
  }

  .pdt-pc--120 {
    padding-top: 9.52381vw !important;
  }

  .pdt-pc--125 {
    padding-top: 9.92063vw !important;
  }

  .pdt-pc--130 {
    padding-top: 10.31746vw !important;
  }

  .pdt-pc--135 {
    padding-top: 10.71429vw !important;
  }

  .pdt-pc--140 {
    padding-top: 11.11111vw !important;
  }

  .pdt-pc--145 {
    padding-top: 11.50794vw !important;
  }

  .pdt-pc--150 {
    padding-top: 11.90476vw !important;
  }

  .pdt-pc--155 {
    padding-top: 12.30159vw !important;
  }

  .pdt-pc--160 {
    padding-top: 12.69841vw !important;
  }

  .pdt-pc--165 {
    padding-top: 13.09524vw !important;
  }

  .pdt-pc--170 {
    padding-top: 13.49206vw !important;
  }

  .pdt-pc--175 {
    padding-top: 13.88889vw !important;
  }

  .pdt-pc--180 {
    padding-top: 14.28571vw !important;
  }

  .pdt-pc--185 {
    padding-top: 14.68254vw !important;
  }

  .pdt-pc--190 {
    padding-top: 15.07937vw !important;
  }

  .pdt-pc--195 {
    padding-top: 15.47619vw !important;
  }

  .pdt-pc--200 {
    padding-top: 15.87302vw !important;
  }

  .pdt-pc--205 {
    padding-top: 16.26984vw !important;
  }

  .pdt-pc--210 {
    padding-top: 16.66667vw !important;
  }

  .pdt-pc--215 {
    padding-top: 17.06349vw !important;
  }

  .pdt-pc--220 {
    padding-top: 17.46032vw !important;
  }

  .pdt-pc--225 {
    padding-top: 17.85714vw !important;
  }

  .pdt-pc--230 {
    padding-top: 18.25397vw !important;
  }

  .pdt-pc--235 {
    padding-top: 18.65079vw !important;
  }

  .pdt-pc--240 {
    padding-top: 19.04762vw !important;
  }

  .pdt-pc--245 {
    padding-top: 19.44444vw !important;
  }

  .pdt-pc--250 {
    padding-top: 19.84127vw !important;
  }
}

@media screen and (min-width: 1260px) {
  .pdt-pc--0 {
    padding-top: 0 !important;
  }

  .pdt-pc--5 {
    padding-top: 5px !important;
  }

  .pdt-pc--10 {
    padding-top: 10px !important;
  }

  .pdt-pc--15 {
    padding-top: 15px !important;
  }

  .pdt-pc--20 {
    padding-top: 20px !important;
  }

  .pdt-pc--25 {
    padding-top: 25px !important;
  }

  .pdt-pc--30 {
    padding-top: 30px !important;
  }

  .pdt-pc--35 {
    padding-top: 35px !important;
  }

  .pdt-pc--40 {
    padding-top: 40px !important;
  }

  .pdt-pc--45 {
    padding-top: 45px !important;
  }

  .pdt-pc--50 {
    padding-top: 50px !important;
  }

  .pdt-pc--55 {
    padding-top: 55px !important;
  }

  .pdt-pc--60 {
    padding-top: 60px !important;
  }

  .pdt-pc--65 {
    padding-top: 65px !important;
  }

  .pdt-pc--70 {
    padding-top: 70px !important;
  }

  .pdt-pc--75 {
    padding-top: 75px !important;
  }

  .pdt-pc--80 {
    padding-top: 80px !important;
  }

  .pdt-pc--85 {
    padding-top: 85px !important;
  }

  .pdt-pc--90 {
    padding-top: 90px !important;
  }

  .pdt-pc--95 {
    padding-top: 95px !important;
  }

  .pdt-pc--100 {
    padding-top: 100px !important;
  }

  .pdt-pc--105 {
    padding-top: 105px !important;
  }

  .pdt-pc--110 {
    padding-top: 110px !important;
  }

  .pdt-pc--115 {
    padding-top: 115px !important;
  }

  .pdt-pc--120 {
    padding-top: 120px !important;
  }

  .pdt-pc--125 {
    padding-top: 125px !important;
  }

  .pdt-pc--130 {
    padding-top: 130px !important;
  }

  .pdt-pc--135 {
    padding-top: 135px !important;
  }

  .pdt-pc--140 {
    padding-top: 140px !important;
  }

  .pdt-pc--145 {
    padding-top: 145px !important;
  }

  .pdt-pc--150 {
    padding-top: 150px !important;
  }

  .pdt-pc--155 {
    padding-top: 155px !important;
  }

  .pdt-pc--160 {
    padding-top: 160px !important;
  }

  .pdt-pc--165 {
    padding-top: 165px !important;
  }

  .pdt-pc--170 {
    padding-top: 170px !important;
  }

  .pdt-pc--175 {
    padding-top: 175px !important;
  }

  .pdt-pc--180 {
    padding-top: 180px !important;
  }

  .pdt-pc--185 {
    padding-top: 185px !important;
  }

  .pdt-pc--190 {
    padding-top: 190px !important;
  }

  .pdt-pc--195 {
    padding-top: 195px !important;
  }

  .pdt-pc--200 {
    padding-top: 200px !important;
  }

  .pdt-pc--205 {
    padding-top: 205px !important;
  }

  .pdt-pc--210 {
    padding-top: 210px !important;
  }

  .pdt-pc--215 {
    padding-top: 215px !important;
  }

  .pdt-pc--220 {
    padding-top: 220px !important;
  }

  .pdt-pc--225 {
    padding-top: 225px !important;
  }

  .pdt-pc--230 {
    padding-top: 230px !important;
  }

  .pdt-pc--235 {
    padding-top: 235px !important;
  }

  .pdt-pc--240 {
    padding-top: 240px !important;
  }

  .pdt-pc--245 {
    padding-top: 245px !important;
  }

  .pdt-pc--250 {
    padding-top: 250px !important;
  }
}

/* ---------------------------------------------
*   padding-bottom
--------------------------------------------- */

.pdb-sp--0 {
  padding-bottom: 0 !important;
}

.pdb-sp--5 {
  padding-bottom: 0.66667vw !important;
}

.pdb-sp--10 {
  padding-bottom: 1.33333vw !important;
}

.pdb-sp--15 {
  padding-bottom: 2vw !important;
}

.pdb-sp--20 {
  padding-bottom: 2.66667vw !important;
}

.pdb-sp--25 {
  padding-bottom: 3.33333vw !important;
}

.pdb-sp--30 {
  padding-bottom: 4vw !important;
}

.pdb-sp--35 {
  padding-bottom: 4.66667vw !important;
}

.pdb-sp--40 {
  padding-bottom: 5.33333vw !important;
}

.pdb-sp--45 {
  padding-bottom: 6vw !important;
}

.pdb-sp--50 {
  padding-bottom: 6.66667vw !important;
}

.pdb-sp--55 {
  padding-bottom: 7.33333vw !important;
}

.pdb-sp--60 {
  padding-bottom: 8vw !important;
}

.pdb-sp--65 {
  padding-bottom: 8.66667vw !important;
}

.pdb-sp--70 {
  padding-bottom: 9.33333vw !important;
}

.pdb-sp--75 {
  padding-bottom: 10vw !important;
}

.pdb-sp--80 {
  padding-bottom: 10.66667vw !important;
}

.pdb-sp--85 {
  padding-bottom: 11.33333vw !important;
}

.pdb-sp--90 {
  padding-bottom: 12vw !important;
}

.pdb-sp--95 {
  padding-bottom: 12.66667vw !important;
}

.pdb-sp--100 {
  padding-bottom: 13.33333vw !important;
}

.pdb-sp--105 {
  padding-bottom: 14vw !important;
}

.pdb-sp--110 {
  padding-bottom: 14.66667vw !important;
}

.pdb-sp--115 {
  padding-bottom: 15.33333vw !important;
}

.pdb-sp--120 {
  padding-bottom: 16vw !important;
}

.pdb-sp--125 {
  padding-bottom: 16.66667vw !important;
}

.pdb-sp--130 {
  padding-bottom: 17.33333vw !important;
}

.pdb-sp--135 {
  padding-bottom: 18vw !important;
}

.pdb-sp--140 {
  padding-bottom: 18.66667vw !important;
}

.pdb-sp--145 {
  padding-bottom: 19.33333vw !important;
}

.pdb-sp--150 {
  padding-bottom: 20vw !important;
}

.pdb-sp--155 {
  padding-bottom: 20.66667vw !important;
}

.pdb-sp--160 {
  padding-bottom: 21.33333vw !important;
}

.pdb-sp--165 {
  padding-bottom: 22vw !important;
}

.pdb-sp--170 {
  padding-bottom: 22.66667vw !important;
}

.pdb-sp--175 {
  padding-bottom: 23.33333vw !important;
}

.pdb-sp--180 {
  padding-bottom: 24vw !important;
}

.pdb-sp--185 {
  padding-bottom: 24.66667vw !important;
}

.pdb-sp--190 {
  padding-bottom: 25.33333vw !important;
}

.pdb-sp--195 {
  padding-bottom: 26vw !important;
}

.pdb-sp--200 {
  padding-bottom: 26.66667vw !important;
}

.pdb-sp--205 {
  padding-bottom: 27.33333vw !important;
}

.pdb-sp--210 {
  padding-bottom: 28vw !important;
}

.pdb-sp--215 {
  padding-bottom: 28.66667vw !important;
}

.pdb-sp--220 {
  padding-bottom: 29.33333vw !important;
}

.pdb-sp--225 {
  padding-bottom: 30vw !important;
}

.pdb-sp--230 {
  padding-bottom: 30.66667vw !important;
}

.pdb-sp--235 {
  padding-bottom: 31.33333vw !important;
}

.pdb-sp--240 {
  padding-bottom: 32vw !important;
}

.pdb-sp--245 {
  padding-bottom: 32.66667vw !important;
}

.pdb-sp--250 {
  padding-bottom: 33.33333vw !important;
}

@media screen and (min-width: 739px) and (max-width: 1259px) {
  .pdb-pc--0 {
    padding-bottom: 0 !important;
  }

  .pdb-pc--5 {
    padding-bottom: 0.39683vw !important;
  }

  .pdb-pc--10 {
    padding-bottom: 0.79365vw !important;
  }

  .pdb-pc--15 {
    padding-bottom: 1.19048vw !important;
  }

  .pdb-pc--20 {
    padding-bottom: 1.5873vw !important;
  }

  .pdb-pc--25 {
    padding-bottom: 1.98413vw !important;
  }

  .pdb-pc--30 {
    padding-bottom: 2.38095vw !important;
  }

  .pdb-pc--35 {
    padding-bottom: 2.77778vw !important;
  }

  .pdb-pc--40 {
    padding-bottom: 3.1746vw !important;
  }

  .pdb-pc--45 {
    padding-bottom: 3.57143vw !important;
  }

  .pdb-pc--50 {
    padding-bottom: 3.96825vw !important;
  }

  .pdb-pc--55 {
    padding-bottom: 4.36508vw !important;
  }

  .pdb-pc--60 {
    padding-bottom: 4.7619vw !important;
  }

  .pdb-pc--65 {
    padding-bottom: 5.15873vw !important;
  }

  .pdb-pc--70 {
    padding-bottom: 5.55556vw !important;
  }

  .pdb-pc--75 {
    padding-bottom: 5.95238vw !important;
  }

  .pdb-pc--80 {
    padding-bottom: 6.34921vw !important;
  }

  .pdb-pc--85 {
    padding-bottom: 6.74603vw !important;
  }

  .pdb-pc--90 {
    padding-bottom: 7.14286vw !important;
  }

  .pdb-pc--95 {
    padding-bottom: 7.53968vw !important;
  }

  .pdb-pc--100 {
    padding-bottom: 7.93651vw !important;
  }

  .pdb-pc--105 {
    padding-bottom: 8.33333vw !important;
  }

  .pdb-pc--110 {
    padding-bottom: 8.73016vw !important;
  }

  .pdb-pc--115 {
    padding-bottom: 9.12698vw !important;
  }

  .pdb-pc--120 {
    padding-bottom: 9.52381vw !important;
  }

  .pdb-pc--125 {
    padding-bottom: 9.92063vw !important;
  }

  .pdb-pc--130 {
    padding-bottom: 10.31746vw !important;
  }

  .pdb-pc--135 {
    padding-bottom: 10.71429vw !important;
  }

  .pdb-pc--140 {
    padding-bottom: 11.11111vw !important;
  }

  .pdb-pc--145 {
    padding-bottom: 11.50794vw !important;
  }

  .pdb-pc--150 {
    padding-bottom: 11.90476vw !important;
  }

  .pdb-pc--155 {
    padding-bottom: 12.30159vw !important;
  }

  .pdb-pc--160 {
    padding-bottom: 12.69841vw !important;
  }

  .pdb-pc--165 {
    padding-bottom: 13.09524vw !important;
  }

  .pdb-pc--170 {
    padding-bottom: 13.49206vw !important;
  }

  .pdb-pc--175 {
    padding-bottom: 13.88889vw !important;
  }

  .pdb-pc--180 {
    padding-bottom: 14.28571vw !important;
  }

  .pdb-pc--185 {
    padding-bottom: 14.68254vw !important;
  }

  .pdb-pc--190 {
    padding-bottom: 15.07937vw !important;
  }

  .pdb-pc--195 {
    padding-bottom: 15.47619vw !important;
  }

  .pdb-pc--200 {
    padding-bottom: 15.87302vw !important;
  }

  .pdb-pc--205 {
    padding-bottom: 16.26984vw !important;
  }

  .pdb-pc--210 {
    padding-bottom: 16.66667vw !important;
  }

  .pdb-pc--215 {
    padding-bottom: 17.06349vw !important;
  }

  .pdb-pc--220 {
    padding-bottom: 17.46032vw !important;
  }

  .pdb-pc--225 {
    padding-bottom: 17.85714vw !important;
  }

  .pdb-pc--230 {
    padding-bottom: 18.25397vw !important;
  }

  .pdb-pc--235 {
    padding-bottom: 18.65079vw !important;
  }

  .pdb-pc--240 {
    padding-bottom: 19.04762vw !important;
  }

  .pdb-pc--245 {
    padding-bottom: 19.44444vw !important;
  }

  .pdb-pc--250 {
    padding-bottom: 19.84127vw !important;
  }
}

@media screen and (min-width: 1260px) {
  .pdb-pc--0 {
    padding-bottom: 0 !important;
  }

  .pdb-pc--5 {
    padding-bottom: 5px !important;
  }

  .pdb-pc--10 {
    padding-bottom: 10px !important;
  }

  .pdb-pc--15 {
    padding-bottom: 15px !important;
  }

  .pdb-pc--20 {
    padding-bottom: 20px !important;
  }

  .pdb-pc--25 {
    padding-bottom: 25px !important;
  }

  .pdb-pc--30 {
    padding-bottom: 30px !important;
  }

  .pdb-pc--35 {
    padding-bottom: 35px !important;
  }

  .pdb-pc--40 {
    padding-bottom: 40px !important;
  }

  .pdb-pc--45 {
    padding-bottom: 45px !important;
  }

  .pdb-pc--50 {
    padding-bottom: 50px !important;
  }

  .pdb-pc--55 {
    padding-bottom: 55px !important;
  }

  .pdb-pc--60 {
    padding-bottom: 60px !important;
  }

  .pdb-pc--65 {
    padding-bottom: 65px !important;
  }

  .pdb-pc--70 {
    padding-bottom: 70px !important;
  }

  .pdb-pc--75 {
    padding-bottom: 75px !important;
  }

  .pdb-pc--80 {
    padding-bottom: 80px !important;
  }

  .pdb-pc--85 {
    padding-bottom: 85px !important;
  }

  .pdb-pc--90 {
    padding-bottom: 90px !important;
  }

  .pdb-pc--95 {
    padding-bottom: 95px !important;
  }

  .pdb-pc--100 {
    padding-bottom: 100px !important;
  }

  .pdb-pc--105 {
    padding-bottom: 105px !important;
  }

  .pdb-pc--110 {
    padding-bottom: 110px !important;
  }

  .pdb-pc--115 {
    padding-bottom: 115px !important;
  }

  .pdb-pc--120 {
    padding-bottom: 120px !important;
  }

  .pdb-pc--125 {
    padding-bottom: 125px !important;
  }

  .pdb-pc--130 {
    padding-bottom: 130px !important;
  }

  .pdb-pc--135 {
    padding-bottom: 135px !important;
  }

  .pdb-pc--140 {
    padding-bottom: 140px !important;
  }

  .pdb-pc--145 {
    padding-bottom: 145px !important;
  }

  .pdb-pc--150 {
    padding-bottom: 150px !important;
  }

  .pdb-pc--155 {
    padding-bottom: 155px !important;
  }

  .pdb-pc--160 {
    padding-bottom: 160px !important;
  }

  .pdb-pc--165 {
    padding-bottom: 165px !important;
  }

  .pdb-pc--170 {
    padding-bottom: 170px !important;
  }

  .pdb-pc--175 {
    padding-bottom: 175px !important;
  }

  .pdb-pc--180 {
    padding-bottom: 180px !important;
  }

  .pdb-pc--185 {
    padding-bottom: 185px !important;
  }

  .pdb-pc--190 {
    padding-bottom: 190px !important;
  }

  .pdb-pc--195 {
    padding-bottom: 195px !important;
  }

  .pdb-pc--200 {
    padding-bottom: 200px !important;
  }

  .pdb-pc--205 {
    padding-bottom: 205px !important;
  }

  .pdb-pc--210 {
    padding-bottom: 210px !important;
  }

  .pdb-pc--215 {
    padding-bottom: 215px !important;
  }

  .pdb-pc--220 {
    padding-bottom: 220px !important;
  }

  .pdb-pc--225 {
    padding-bottom: 225px !important;
  }

  .pdb-pc--230 {
    padding-bottom: 230px !important;
  }

  .pdb-pc--235 {
    padding-bottom: 235px !important;
  }

  .pdb-pc--240 {
    padding-bottom: 240px !important;
  }

  .pdb-pc--245 {
    padding-bottom: 245px !important;
  }

  .pdb-pc--250 {
    padding-bottom: 250px !important;
  }
}

/* ---------------------------------------------
*   margin-top
--------------------------------------------- */

.mgt-sp--0 {
  margin-top: 0 !important;
}

.mgt-sp--5 {
  margin-top: 0.66667vw !important;
}

.mgt-sp--10 {
  margin-top: 1.33333vw !important;
}

.mgt-sp--15 {
  margin-top: 2vw !important;
}

.mgt-sp--20 {
  margin-top: 2.66667vw !important;
}

.mgt-sp--25 {
  margin-top: 3.33333vw !important;
}

.mgt-sp--30 {
  margin-top: 4vw !important;
}

.mgt-sp--35 {
  margin-top: 4.66667vw !important;
}

.mgt-sp--40 {
  margin-top: 5.33333vw !important;
}

.mgt-sp--45 {
  margin-top: 6vw !important;
}

.mgt-sp--50 {
  margin-top: 6.66667vw !important;
}

.mgt-sp--55 {
  margin-top: 7.33333vw !important;
}

.mgt-sp--60 {
  margin-top: 8vw !important;
}

.mgt-sp--65 {
  margin-top: 8.66667vw !important;
}

.mgt-sp--70 {
  margin-top: 9.33333vw !important;
}

.mgt-sp--75 {
  margin-top: 10vw !important;
}

.mgt-sp--80 {
  margin-top: 10.66667vw !important;
}

.mgt-sp--85 {
  margin-top: 11.33333vw !important;
}

.mgt-sp--90 {
  margin-top: 12vw !important;
}

.mgt-sp--95 {
  margin-top: 12.66667vw !important;
}

.mgt-sp--100 {
  margin-top: 13.33333vw !important;
}

.mgt-sp--105 {
  margin-top: 14vw !important;
}

.mgt-sp--110 {
  margin-top: 14.66667vw !important;
}

.mgt-sp--115 {
  margin-top: 15.33333vw !important;
}

.mgt-sp--120 {
  margin-top: 16vw !important;
}

.mgt-sp--125 {
  margin-top: 16.66667vw !important;
}

.mgt-sp--130 {
  margin-top: 17.33333vw !important;
}

.mgt-sp--135 {
  margin-top: 18vw !important;
}

.mgt-sp--140 {
  margin-top: 18.66667vw !important;
}

.mgt-sp--145 {
  margin-top: 19.33333vw !important;
}

.mgt-sp--150 {
  margin-top: 20vw !important;
}

.mgt-sp--155 {
  margin-top: 20.66667vw !important;
}

.mgt-sp--160 {
  margin-top: 21.33333vw !important;
}

.mgt-sp--165 {
  margin-top: 22vw !important;
}

.mgt-sp--170 {
  margin-top: 22.66667vw !important;
}

.mgt-sp--175 {
  margin-top: 23.33333vw !important;
}

.mgt-sp--180 {
  margin-top: 24vw !important;
}

.mgt-sp--185 {
  margin-top: 24.66667vw !important;
}

.mgt-sp--190 {
  margin-top: 25.33333vw !important;
}

.mgt-sp--195 {
  margin-top: 26vw !important;
}

.mgt-sp--200 {
  margin-top: 26.66667vw !important;
}

.mgt-sp--205 {
  margin-top: 27.33333vw !important;
}

.mgt-sp--210 {
  margin-top: 28vw !important;
}

.mgt-sp--215 {
  margin-top: 28.66667vw !important;
}

.mgt-sp--220 {
  margin-top: 29.33333vw !important;
}

.mgt-sp--225 {
  margin-top: 30vw !important;
}

.mgt-sp--230 {
  margin-top: 30.66667vw !important;
}

.mgt-sp--235 {
  margin-top: 31.33333vw !important;
}

.mgt-sp--240 {
  margin-top: 32vw !important;
}

.mgt-sp--245 {
  margin-top: 32.66667vw !important;
}

.mgt-sp--250 {
  margin-top: 33.33333vw !important;
}

@media screen and (min-width: 739px) and (max-width: 1259px) {
  .mgt-pc--0 {
    margin-top: 0 !important;
  }

  .mgt-pc--5 {
    margin-top: 0.39683vw !important;
  }

  .mgt-pc--10 {
    margin-top: 0.79365vw !important;
  }

  .mgt-pc--15 {
    margin-top: 1.19048vw !important;
  }

  .mgt-pc--20 {
    margin-top: 1.5873vw !important;
  }

  .mgt-pc--25 {
    margin-top: 1.98413vw !important;
  }

  .mgt-pc--30 {
    margin-top: 2.38095vw !important;
  }

  .mgt-pc--35 {
    margin-top: 2.77778vw !important;
  }

  .mgt-pc--40 {
    margin-top: 3.1746vw !important;
  }

  .mgt-pc--45 {
    margin-top: 3.57143vw !important;
  }

  .mgt-pc--50 {
    margin-top: 3.96825vw !important;
  }

  .mgt-pc--55 {
    margin-top: 4.36508vw !important;
  }

  .mgt-pc--60 {
    margin-top: 4.7619vw !important;
  }

  .mgt-pc--65 {
    margin-top: 5.15873vw !important;
  }

  .mgt-pc--70 {
    margin-top: 5.55556vw !important;
  }

  .mgt-pc--75 {
    margin-top: 5.95238vw !important;
  }

  .mgt-pc--80 {
    margin-top: 6.34921vw !important;
  }

  .mgt-pc--85 {
    margin-top: 6.74603vw !important;
  }

  .mgt-pc--90 {
    margin-top: 7.14286vw !important;
  }

  .mgt-pc--95 {
    margin-top: 7.53968vw !important;
  }

  .mgt-pc--100 {
    margin-top: 7.93651vw !important;
  }

  .mgt-pc--105 {
    margin-top: 8.33333vw !important;
  }

  .mgt-pc--110 {
    margin-top: 8.73016vw !important;
  }

  .mgt-pc--115 {
    margin-top: 9.12698vw !important;
  }

  .mgt-pc--120 {
    margin-top: 9.52381vw !important;
  }

  .mgt-pc--125 {
    margin-top: 9.92063vw !important;
  }

  .mgt-pc--130 {
    margin-top: 10.31746vw !important;
  }

  .mgt-pc--135 {
    margin-top: 10.71429vw !important;
  }

  .mgt-pc--140 {
    margin-top: 11.11111vw !important;
  }

  .mgt-pc--145 {
    margin-top: 11.50794vw !important;
  }

  .mgt-pc--150 {
    margin-top: 11.90476vw !important;
  }

  .mgt-pc--155 {
    margin-top: 12.30159vw !important;
  }

  .mgt-pc--160 {
    margin-top: 12.69841vw !important;
  }

  .mgt-pc--165 {
    margin-top: 13.09524vw !important;
  }

  .mgt-pc--170 {
    margin-top: 13.49206vw !important;
  }

  .mgt-pc--175 {
    margin-top: 13.88889vw !important;
  }

  .mgt-pc--180 {
    margin-top: 14.28571vw !important;
  }

  .mgt-pc--185 {
    margin-top: 14.68254vw !important;
  }

  .mgt-pc--190 {
    margin-top: 15.07937vw !important;
  }

  .mgt-pc--195 {
    margin-top: 15.47619vw !important;
  }

  .mgt-pc--200 {
    margin-top: 15.87302vw !important;
  }

  .mgt-pc--205 {
    margin-top: 16.26984vw !important;
  }

  .mgt-pc--210 {
    margin-top: 16.66667vw !important;
  }

  .mgt-pc--215 {
    margin-top: 17.06349vw !important;
  }

  .mgt-pc--220 {
    margin-top: 17.46032vw !important;
  }

  .mgt-pc--225 {
    margin-top: 17.85714vw !important;
  }

  .mgt-pc--230 {
    margin-top: 18.25397vw !important;
  }

  .mgt-pc--235 {
    margin-top: 18.65079vw !important;
  }

  .mgt-pc--240 {
    margin-top: 19.04762vw !important;
  }

  .mgt-pc--245 {
    margin-top: 19.44444vw !important;
  }

  .mgt-pc--250 {
    margin-top: 19.84127vw !important;
  }
}

@media screen and (min-width: 1260px) {
  .mgt-pc--0 {
    margin-top: 0 !important;
  }

  .mgt-pc--5 {
    margin-top: 5px !important;
  }

  .mgt-pc--10 {
    margin-top: 10px !important;
  }

  .mgt-pc--15 {
    margin-top: 15px !important;
  }

  .mgt-pc--20 {
    margin-top: 20px !important;
  }

  .mgt-pc--25 {
    margin-top: 25px !important;
  }

  .mgt-pc--30 {
    margin-top: 30px !important;
  }

  .mgt-pc--35 {
    margin-top: 35px !important;
  }

  .mgt-pc--40 {
    margin-top: 40px !important;
  }

  .mgt-pc--45 {
    margin-top: 45px !important;
  }

  .mgt-pc--50 {
    margin-top: 50px !important;
  }

  .mgt-pc--55 {
    margin-top: 55px !important;
  }

  .mgt-pc--60 {
    margin-top: 60px !important;
  }

  .mgt-pc--65 {
    margin-top: 65px !important;
  }

  .mgt-pc--70 {
    margin-top: 70px !important;
  }

  .mgt-pc--75 {
    margin-top: 75px !important;
  }

  .mgt-pc--80 {
    margin-top: 80px !important;
  }

  .mgt-pc--85 {
    margin-top: 85px !important;
  }

  .mgt-pc--90 {
    margin-top: 90px !important;
  }

  .mgt-pc--95 {
    margin-top: 95px !important;
  }

  .mgt-pc--100 {
    margin-top: 100px !important;
  }

  .mgt-pc--105 {
    margin-top: 105px !important;
  }

  .mgt-pc--110 {
    margin-top: 110px !important;
  }

  .mgt-pc--115 {
    margin-top: 115px !important;
  }

  .mgt-pc--120 {
    margin-top: 120px !important;
  }

  .mgt-pc--125 {
    margin-top: 125px !important;
  }

  .mgt-pc--130 {
    margin-top: 130px !important;
  }

  .mgt-pc--135 {
    margin-top: 135px !important;
  }

  .mgt-pc--140 {
    margin-top: 140px !important;
  }

  .mgt-pc--145 {
    margin-top: 145px !important;
  }

  .mgt-pc--150 {
    margin-top: 150px !important;
  }

  .mgt-pc--155 {
    margin-top: 155px !important;
  }

  .mgt-pc--160 {
    margin-top: 160px !important;
  }

  .mgt-pc--165 {
    margin-top: 165px !important;
  }

  .mgt-pc--170 {
    margin-top: 170px !important;
  }

  .mgt-pc--175 {
    margin-top: 175px !important;
  }

  .mgt-pc--180 {
    margin-top: 180px !important;
  }

  .mgt-pc--185 {
    margin-top: 185px !important;
  }

  .mgt-pc--190 {
    margin-top: 190px !important;
  }

  .mgt-pc--195 {
    margin-top: 195px !important;
  }

  .mgt-pc--200 {
    margin-top: 200px !important;
  }

  .mgt-pc--205 {
    margin-top: 205px !important;
  }

  .mgt-pc--210 {
    margin-top: 210px !important;
  }

  .mgt-pc--215 {
    margin-top: 215px !important;
  }

  .mgt-pc--220 {
    margin-top: 220px !important;
  }

  .mgt-pc--225 {
    margin-top: 225px !important;
  }

  .mgt-pc--230 {
    margin-top: 230px !important;
  }

  .mgt-pc--235 {
    margin-top: 235px !important;
  }

  .mgt-pc--240 {
    margin-top: 240px !important;
  }

  .mgt-pc--245 {
    margin-top: 245px !important;
  }

  .mgt-pc--250 {
    margin-top: 250px !important;
  }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */

.mgb-sp--0 {
  margin-bottom: 0 !important;
}

.mgb-sp--5 {
  margin-bottom: 0.66667vw !important;
}

.mgb-sp--10 {
  margin-bottom: 1.33333vw !important;
}

.mgb-sp--15 {
  margin-bottom: 2vw !important;
}

.mgb-sp--20 {
  margin-bottom: 2.66667vw !important;
}

.mgb-sp--25 {
  margin-bottom: 3.33333vw !important;
}

.mgb-sp--30 {
  margin-bottom: 4vw !important;
}

.mgb-sp--35 {
  margin-bottom: 4.66667vw !important;
}

.mgb-sp--40 {
  margin-bottom: 5.33333vw !important;
}

.mgb-sp--45 {
  margin-bottom: 6vw !important;
}

.mgb-sp--50 {
  margin-bottom: 6.66667vw !important;
}

.mgb-sp--55 {
  margin-bottom: 7.33333vw !important;
}

.mgb-sp--60 {
  margin-bottom: 8vw !important;
}

.mgb-sp--65 {
  margin-bottom: 8.66667vw !important;
}

.mgb-sp--70 {
  margin-bottom: 9.33333vw !important;
}

.mgb-sp--75 {
  margin-bottom: 10vw !important;
}

.mgb-sp--80 {
  margin-bottom: 10.66667vw !important;
}

.mgb-sp--85 {
  margin-bottom: 11.33333vw !important;
}

.mgb-sp--90 {
  margin-bottom: 12vw !important;
}

.mgb-sp--95 {
  margin-bottom: 12.66667vw !important;
}

.mgb-sp--100 {
  margin-bottom: 13.33333vw !important;
}

.mgb-sp--105 {
  margin-bottom: 14vw !important;
}

.mgb-sp--110 {
  margin-bottom: 14.66667vw !important;
}

.mgb-sp--115 {
  margin-bottom: 15.33333vw !important;
}

.mgb-sp--120 {
  margin-bottom: 16vw !important;
}

.mgb-sp--125 {
  margin-bottom: 16.66667vw !important;
}

.mgb-sp--130 {
  margin-bottom: 17.33333vw !important;
}

.mgb-sp--135 {
  margin-bottom: 18vw !important;
}

.mgb-sp--140 {
  margin-bottom: 18.66667vw !important;
}

.mgb-sp--145 {
  margin-bottom: 19.33333vw !important;
}

.mgb-sp--150 {
  margin-bottom: 20vw !important;
}

.mgb-sp--155 {
  margin-bottom: 20.66667vw !important;
}

.mgb-sp--160 {
  margin-bottom: 21.33333vw !important;
}

.mgb-sp--165 {
  margin-bottom: 22vw !important;
}

.mgb-sp--170 {
  margin-bottom: 22.66667vw !important;
}

.mgb-sp--175 {
  margin-bottom: 23.33333vw !important;
}

.mgb-sp--180 {
  margin-bottom: 24vw !important;
}

.mgb-sp--185 {
  margin-bottom: 24.66667vw !important;
}

.mgb-sp--190 {
  margin-bottom: 25.33333vw !important;
}

.mgb-sp--195 {
  margin-bottom: 26vw !important;
}

.mgb-sp--200 {
  margin-bottom: 26.66667vw !important;
}

.mgb-sp--205 {
  margin-bottom: 27.33333vw !important;
}

.mgb-sp--210 {
  margin-bottom: 28vw !important;
}

.mgb-sp--215 {
  margin-bottom: 28.66667vw !important;
}

.mgb-sp--220 {
  margin-bottom: 29.33333vw !important;
}

.mgb-sp--225 {
  margin-bottom: 30vw !important;
}

.mgb-sp--230 {
  margin-bottom: 30.66667vw !important;
}

.mgb-sp--235 {
  margin-bottom: 31.33333vw !important;
}

.mgb-sp--240 {
  margin-bottom: 32vw !important;
}

.mgb-sp--245 {
  margin-bottom: 32.66667vw !important;
}

.mgb-sp--250 {
  margin-bottom: 33.33333vw !important;
}

@media screen and (min-width: 739px) and (max-width: 1259px) {
  .mgb-pc--0 {
    margin-bottom: 0 !important;
  }

  .mgb-pc--5 {
    margin-bottom: 0.39683vw !important;
  }

  .mgb-pc--10 {
    margin-bottom: 0.79365vw !important;
  }

  .mgb-pc--15 {
    margin-bottom: 1.19048vw !important;
  }

  .mgb-pc--20 {
    margin-bottom: 1.5873vw !important;
  }

  .mgb-pc--25 {
    margin-bottom: 1.98413vw !important;
  }

  .mgb-pc--30 {
    margin-bottom: 2.38095vw !important;
  }

  .mgb-pc--35 {
    margin-bottom: 2.77778vw !important;
  }

  .mgb-pc--40 {
    margin-bottom: 3.1746vw !important;
  }

  .mgb-pc--45 {
    margin-bottom: 3.57143vw !important;
  }

  .mgb-pc--50 {
    margin-bottom: 3.96825vw !important;
  }

  .mgb-pc--55 {
    margin-bottom: 4.36508vw !important;
  }

  .mgb-pc--60 {
    margin-bottom: 4.7619vw !important;
  }

  .mgb-pc--65 {
    margin-bottom: 5.15873vw !important;
  }

  .mgb-pc--70 {
    margin-bottom: 5.55556vw !important;
  }

  .mgb-pc--75 {
    margin-bottom: 5.95238vw !important;
  }

  .mgb-pc--80 {
    margin-bottom: 6.34921vw !important;
  }

  .mgb-pc--85 {
    margin-bottom: 6.74603vw !important;
  }

  .mgb-pc--90 {
    margin-bottom: 7.14286vw !important;
  }

  .mgb-pc--95 {
    margin-bottom: 7.53968vw !important;
  }

  .mgb-pc--100 {
    margin-bottom: 7.93651vw !important;
  }

  .mgb-pc--105 {
    margin-bottom: 8.33333vw !important;
  }

  .mgb-pc--110 {
    margin-bottom: 8.73016vw !important;
  }

  .mgb-pc--115 {
    margin-bottom: 9.12698vw !important;
  }

  .mgb-pc--120 {
    margin-bottom: 9.52381vw !important;
  }

  .mgb-pc--125 {
    margin-bottom: 9.92063vw !important;
  }

  .mgb-pc--130 {
    margin-bottom: 10.31746vw !important;
  }

  .mgb-pc--135 {
    margin-bottom: 10.71429vw !important;
  }

  .mgb-pc--140 {
    margin-bottom: 11.11111vw !important;
  }

  .mgb-pc--145 {
    margin-bottom: 11.50794vw !important;
  }

  .mgb-pc--150 {
    margin-bottom: 11.90476vw !important;
  }

  .mgb-pc--155 {
    margin-bottom: 12.30159vw !important;
  }

  .mgb-pc--160 {
    margin-bottom: 12.69841vw !important;
  }

  .mgb-pc--165 {
    margin-bottom: 13.09524vw !important;
  }

  .mgb-pc--170 {
    margin-bottom: 13.49206vw !important;
  }

  .mgb-pc--175 {
    margin-bottom: 13.88889vw !important;
  }

  .mgb-pc--180 {
    margin-bottom: 14.28571vw !important;
  }

  .mgb-pc--185 {
    margin-bottom: 14.68254vw !important;
  }

  .mgb-pc--190 {
    margin-bottom: 15.07937vw !important;
  }

  .mgb-pc--195 {
    margin-bottom: 15.47619vw !important;
  }

  .mgb-pc--200 {
    margin-bottom: 15.87302vw !important;
  }

  .mgb-pc--205 {
    margin-bottom: 16.26984vw !important;
  }

  .mgb-pc--210 {
    margin-bottom: 16.66667vw !important;
  }

  .mgb-pc--215 {
    margin-bottom: 17.06349vw !important;
  }

  .mgb-pc--220 {
    margin-bottom: 17.46032vw !important;
  }

  .mgb-pc--225 {
    margin-bottom: 17.85714vw !important;
  }

  .mgb-pc--230 {
    margin-bottom: 18.25397vw !important;
  }

  .mgb-pc--235 {
    margin-bottom: 18.65079vw !important;
  }

  .mgb-pc--240 {
    margin-bottom: 19.04762vw !important;
  }

  .mgb-pc--245 {
    margin-bottom: 19.44444vw !important;
  }

  .mgb-pc--250 {
    margin-bottom: 19.84127vw !important;
  }
}

@media screen and (min-width: 1260px) {
  .mgb-pc--0 {
    margin-bottom: 0 !important;
  }

  .mgb-pc--5 {
    margin-bottom: 5px !important;
  }

  .mgb-pc--10 {
    margin-bottom: 10px !important;
  }

  .mgb-pc--15 {
    margin-bottom: 15px !important;
  }

  .mgb-pc--20 {
    margin-bottom: 20px !important;
  }

  .mgb-pc--25 {
    margin-bottom: 25px !important;
  }

  .mgb-pc--30 {
    margin-bottom: 30px !important;
  }

  .mgb-pc--35 {
    margin-bottom: 35px !important;
  }

  .mgb-pc--40 {
    margin-bottom: 40px !important;
  }

  .mgb-pc--45 {
    margin-bottom: 45px !important;
  }

  .mgb-pc--50 {
    margin-bottom: 50px !important;
  }

  .mgb-pc--55 {
    margin-bottom: 55px !important;
  }

  .mgb-pc--60 {
    margin-bottom: 60px !important;
  }

  .mgb-pc--65 {
    margin-bottom: 65px !important;
  }

  .mgb-pc--70 {
    margin-bottom: 70px !important;
  }

  .mgb-pc--75 {
    margin-bottom: 75px !important;
  }

  .mgb-pc--80 {
    margin-bottom: 80px !important;
  }

  .mgb-pc--85 {
    margin-bottom: 85px !important;
  }

  .mgb-pc--90 {
    margin-bottom: 90px !important;
  }

  .mgb-pc--95 {
    margin-bottom: 95px !important;
  }

  .mgb-pc--100 {
    margin-bottom: 100px !important;
  }

  .mgb-pc--105 {
    margin-bottom: 105px !important;
  }

  .mgb-pc--110 {
    margin-bottom: 110px !important;
  }

  .mgb-pc--115 {
    margin-bottom: 115px !important;
  }

  .mgb-pc--120 {
    margin-bottom: 120px !important;
  }

  .mgb-pc--125 {
    margin-bottom: 125px !important;
  }

  .mgb-pc--130 {
    margin-bottom: 130px !important;
  }

  .mgb-pc--135 {
    margin-bottom: 135px !important;
  }

  .mgb-pc--140 {
    margin-bottom: 140px !important;
  }

  .mgb-pc--145 {
    margin-bottom: 145px !important;
  }

  .mgb-pc--150 {
    margin-bottom: 150px !important;
  }

  .mgb-pc--155 {
    margin-bottom: 155px !important;
  }

  .mgb-pc--160 {
    margin-bottom: 160px !important;
  }

  .mgb-pc--165 {
    margin-bottom: 165px !important;
  }

  .mgb-pc--170 {
    margin-bottom: 170px !important;
  }

  .mgb-pc--175 {
    margin-bottom: 175px !important;
  }

  .mgb-pc--180 {
    margin-bottom: 180px !important;
  }

  .mgb-pc--185 {
    margin-bottom: 185px !important;
  }

  .mgb-pc--190 {
    margin-bottom: 190px !important;
  }

  .mgb-pc--195 {
    margin-bottom: 195px !important;
  }

  .mgb-pc--200 {
    margin-bottom: 200px !important;
  }

  .mgb-pc--205 {
    margin-bottom: 205px !important;
  }

  .mgb-pc--210 {
    margin-bottom: 210px !important;
  }

  .mgb-pc--215 {
    margin-bottom: 215px !important;
  }

  .mgb-pc--220 {
    margin-bottom: 220px !important;
  }

  .mgb-pc--225 {
    margin-bottom: 225px !important;
  }

  .mgb-pc--230 {
    margin-bottom: 230px !important;
  }

  .mgb-pc--235 {
    margin-bottom: 235px !important;
  }

  .mgb-pc--240 {
    margin-bottom: 240px !important;
  }

  .mgb-pc--245 {
    margin-bottom: 245px !important;
  }

  .mgb-pc--250 {
    margin-bottom: 250px !important;
  }
}

/* ---------------------------------------------
*   opt
--------------------------------------------- */

html.font-small {
  font-size: 75% !important;
}

html.font-small .mod-header__menu-link {
  font-size: 125% !important;
}

html.font-small .mod-header-float__menu-text {
  font-size: 100% !important;
}

html.font-small .mod-map-region__link-region,
html.font-small .mod-map-region--in-header__link-region {
  font-size: 150% !important;
}

html.font-small .mod-map-region__area h3,
html.font-small .mod-map-region--in-header__area h3 {
  font-size: 150% !important;
}

html.font-small .mod-map-region__link-area,
html.font-small .mod-map-region--in-header__link-area {
  font-size: 125% !important;
}

html.font-small .mod-map-region__returning,
html.font-small .mod-map-region--in-header__returning {
  font-size: 125% !important;
}

html.font-small .mod-map-region__all-link,
html.font-small .mod-map-region--in-header__all-link {
  font-size: 125% !important;
}

html.font-medium {
  font-size: 100% !important;
}

html.font-large {
  font-size: 200% !important;
}

html.font-large .mod-header__menu-link {
  font-size: 125% !important;
}

html.font-large .mod-header-float__menu-text {
  font-size: 100% !important;
}

html.font-large .mod-map-region__link-region,
html.font-large .mod-map-region--in-header__link-region {
  font-size: 150% !important;
}

html.font-large .mod-map-region__area h3,
html.font-large .mod-map-region--in-header__area h3 {
  font-size: 150% !important;
}

html.font-large .mod-map-region__link-area,
html.font-large .mod-map-region--in-header__link-area {
  font-size: 125% !important;
}

html.font-large .mod-map-region__returning,
html.font-large .mod-map-region--in-header__returning {
  font-size: 125% !important;
}

html.font-large .mod-map-region__all-link,
html.font-large .mod-map-region--in-header__all-link {
  font-size: 125% !important;
}


/*# sourceMappingURL=style-static.css.map*/