@charset "UTF-8";
/**************************************************
    sass
***************************************************/
/* -----------------------------------------------
  Variables
--------------------------------------------------*/
/* ---------- Font --------- */
/* ---------- container --------- */
/* -----------------------------------------------
  Mixins
--------------------------------------------------*/
/* ---------- Media Query --------- */
/* ---------- CSS Hack --------- */
/* ---------- Common --------- */
/* ---------- Arrow --------- */
/* ---------- Image --------- */
/* ---------- Animation --------- */
/* -----------------------------------------------
	Functions
-------------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**************************************************
	base
***************************************************/
/* -----------------------------------------------
	1. Body
-------------------------------------------------- */
html {
  font-size: 16px;
  font-size: min(16px, 1.3vw);
}
@media screen and (max-width: 767px) {
  html {
    font-size: 4.27vw;
  }
}

body, button, input, textarea, select {
  color: #000000;
  font-weight: 500;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  line-height: 1.7;
  text-align: justify;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 767px) {
  body, button, input, textarea, select {
    text-align: left;
  }
}
@media all and (-ms-high-contrast: none) {
  body, button, input, textarea, select {
    text-align: left;
  }
}

*:focus:not(:focus-visible),
*:before:focus:not(:focus-visible),
*:after:focus:not(:focus-visible) {
  outline: none;
}

@media print {
  html {
    font-size: 16px;
  }
  body {
    -webkit-print-color-adjust: exact;
    width: 1280px;
    zoom: 0.8;
  }
  #adminMinBox, #adminBox, .acms-box-medium {
    display: none;
  }
}
/* -----------------------------------------------
	2. Elements
-------------------------------------------------- */
/* ---------- base ---------- */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  margin: 0;
}

img, svg, video {
  border: 0;
  vertical-align: bottom;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
}

dl, dt, dd {
  margin: 0;
  padding: 0;
}

figure {
  margin: 0;
}

/* ---------- text ---------- */
p {
  margin: 0 0 1em;
}
p:last-child {
  margin-bottom: 0;
}

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

a:hover {
  color: #707070;
}

a[nohref] {
  color: inherit;
}

a[href^="tel:"] {
  color: inherit;
}
@media (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

.en {
  font-family: calibri, sans-serif;
}

/* ---------- image ---------- */
img {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

.caption, figcaption {
  display: block;
  margin-top: 1em;
  font-size: 0.88em;
}

/* ---------- plain ---------- */
ul.plain, .wysiwyg ul, .markdown ul, ol.plain, .wysiwyg ol, .markdown ol {
  margin-left: 1em;
  margin-bottom: 1em;
}

.plain ul, .wysiwyg ol ul, .wysiwyg ul ul, .markdown ol ul, .markdown ul ul, .plain ol, .wysiwyg ol ol, .wysiwyg ul ol, .markdown ol ol, .markdown ul ol {
  margin: 0 0 0 1em;
}

ul.plain, .wysiwyg ul, .markdown ul {
  list-style-type: disc;
}
ul.plain ul, .wysiwyg ul ul, .markdown ul ul {
  list-style-type: circle;
}
ul.plain ul ul, .wysiwyg ul ul ul, .markdown ul ul ul {
  list-style-type: square;
}

ol.plain, .wysiwyg ol, .markdown ol, ol.plain ol {
  list-style-type: decimal;
}

dl.plain {
  margin: 0 0 1em;
}
dl.plain dt {
  font-weight: bold;
}
dl.plain dd {
  margin-bottom: 1em;
}

/* -----------------------------------------------
	3. Helper Class
-------------------------------------------------- */
/* ---------- clear ---------- */
._clearfix {
  zoom: 1;
}
._clearfix:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}

._float-l {
  float: left;
}

._float-r {
  float: right;
}

._clear {
  clear: both;
}

._hidden {
  display: none;
}

/* ---------- text ---------- */
._bold {
  font-weight: bold;
}

._underline {
  text-decoration: underline;
}

._small {
  font-size: 88% !important;
}

._large {
  font-size: 113% !important;
}

._valignt {
  vertical-align: top !important;
}

._valignm {
  vertical-align: middle !important;
}

._valignb {
  vertical-align: bottom !important;
}

.text-center, .text-center th, .text-center td,
._txtc, ._txtc th, ._txtc td {
  text-align: center !important;
}

.text-right, .text-right th, .text-right td,
._txtr, ._txtr th, ._txtr td {
  text-align: right !important;
}

.text-left, .text-left th, .text-left td,
._txtl, ._txtl th, ._txtl td {
  text-align: left !important;
}

._wordbreak {
  word-break: break-all !important;
}

._nowrap {
  white-space: nowrap !important;
}

._image-text {
  overflow: hidden !important;
}

/* ---------- margin ---------- */
._zero {
  margin-bottom: 0 !important;
}

._half {
  margin-bottom: 0.625em !important;
}

._default {
  margin-bottom: 1.25em !important;
}

._double {
  margin-bottom: 2.5em !important;
}

._mr1 {
  margin-right: 1.25em;
}

/* ---------- devices ---------- */
@media (min-width: 769px) {
  .only-sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .only-pc {
    display: none !important;
  }
}
/**************************************************
    Header
***************************************************/
@keyframes sp-nav-in {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 85px;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.15);
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .site-header {
    height: 3.75em;
  }
}
.site-header .logo {
  margin: 0;
  width: 13.75em;
  padding-left: 1.875em;
}
@media screen and (max-width: 767px) {
  .site-header .logo {
    width: 8.75em;
    padding-left: 0.9375em;
  }
}
@media all and (-ms-high-contrast: none) {
  .site-header .logo {
    line-height: 0;
  }
}
.site-header .logo a {
  display: inline-block;
}
.site-header .logo a:hover {
  opacity: 0.8;
}
.site-header .wrapper {
  display: flex;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .site-header .wrapper {
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 3.75em;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100 - 3.75em);
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.9);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    transition: all 0.5s;
    opacity: 0;
    pointer-events: none;
  }
  .site-header .wrapper * {
    pointer-events: none;
  }
  .site-header .wrapper.-active {
    opacity: 1;
    pointer-events: all;
  }
  .site-header .wrapper.-active * {
    pointer-events: all;
  }
  .site-header .wrapper.-active .item, .site-header .wrapper.-active .site-search {
    opacity: 0;
    animation: sp-nav-in 0.5s ease-out;
    animation-fill-mode: forwards;
  }
  .site-header .wrapper.-active .item:nth-of-type(1), .site-header .wrapper.-active .site-search:nth-of-type(1) {
    animation-delay: 0s;
  }
  .site-header .wrapper.-active .item:nth-of-type(2), .site-header .wrapper.-active .site-search:nth-of-type(2) {
    animation-delay: 0.05s;
  }
  .site-header .wrapper.-active .item:nth-of-type(3), .site-header .wrapper.-active .site-search:nth-of-type(3) {
    animation-delay: 0.1s;
  }
  .site-header .wrapper.-active .item:nth-of-type(4), .site-header .wrapper.-active .site-search:nth-of-type(4) {
    animation-delay: 0.15s;
  }
  .site-header .wrapper.-active .item:nth-of-type(5), .site-header .wrapper.-active .site-search:nth-of-type(5) {
    animation-delay: 0.2s;
  }
  .site-header .wrapper.-active .item:nth-of-type(6), .site-header .wrapper.-active .site-search:nth-of-type(6) {
    animation-delay: 0.25s;
  }
  .site-header .wrapper.-active .item:nth-of-type(7), .site-header .wrapper.-active .site-search:nth-of-type(7) {
    animation-delay: 0.3s;
  }
}
.site-header .global-nav {
  display: flex;
  align-items: center;
}
.site-header .global-nav .item {
  margin: 0 0.8em;
}
.site-header .global-nav .link {
  display: inline-block;
  font-size: 0.875em;
  text-decoration: none;
}
.site-header .global-nav .link:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .site-header .global-nav {
    flex-direction: column;
    padding: 0 0 1.875em;
  }
  .site-header .global-nav .link {
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    padding: 0.5em 0;
  }
}
.site-header .languages {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  width: 145px;
  background: #000000;
  margin-left: 1.875em;
}
.site-header .languages .item {
  margin: 0 10px;
}
.site-header .languages .item.-active .link:after {
  border-color: #ffffff;
}
.site-header .languages .link {
  text-decoration: none;
  font-family: calibri, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  font-size: 1.25em;
  position: relative;
}
.site-header .languages .link:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid transparent;
  content: "";
}
.site-header .languages .link:hover:after {
  border-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .site-header .languages {
    width: auto;
    height: auto;
    background: none;
    margin-left: 0;
  }
  .site-header .languages .item {
    margin: 0;
  }
  .site-header .languages .item:first-child::after {
    content: "/";
    color: #FFF;
    margin: 0 1em;
  }
  .site-header .languages .link::after {
    display: none;
  }
}
.site-header .site-search {
  display: flex;
  align-items: center;
  margin-left: 1.25em;
}
.site-header .site-search .field {
  border: 0;
  width: 7em;
  outline: 0;
  border-bottom: 1px solid #000000;
  background: none;
  padding: 0;
  box-sizing: border-box;
}
.site-header .site-search .button {
  padding: 0;
  cursor: pointer;
  background: none;
  border: 0;
  margin-left: 0.625em;
}
.site-header .site-search .button span {
  display: inline-block;
  text-indent: -9999px;
}
.site-header .site-search .button::after {
  display: inline-block;
  content: "";
  width: 0.9375em;
  height: 1.0625em;
  background: url(../images/icon/icon_search.svg) no-repeat 0 0;
  background-size: 0.9375em 1.0625em;
}
@media screen and (max-width: 767px) {
  .site-header .site-search {
    width: 50%;
    margin: 0 auto 2.5em;
    padding: 0 0.9375em;
    box-sizing: border-box;
  }
  .site-header .site-search .field {
    width: 100%;
    color: #FFF;
    background: transparent;
    border-bottom: 1px solid #FFF;
    border-radius: 0;
  }
  .site-header .site-search .button::after {
    display: inline-block;
    content: "";
    width: 0.9375em;
    height: 1.0625em;
    background: url(../images/icon/icon_search_white.svg) no-repeat 0 0;
    background-size: 0.9375em 1.0625em;
    margin-left: -0.9375em;
  }
}
@media (min-width: 769px) {
  .site-header .button-menu {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .site-header .button-menu {
    background: #000000;
    width: 3.75em;
    height: 3.75em;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
  }
  .site-header .button-menu .bars {
    display: block;
    position: relative;
    width: 0.75em;
    height: 0.125em;
    background: #ffffff;
    transition: 0.3s;
  }
  .site-header .button-menu .bars:before, .site-header .button-menu .bars:after {
    display: block;
    position: absolute;
    left: 0;
    width: 1em;
    height: 0.125em;
    background: #ffffff;
    transition: 0.3s;
    content: "";
  }
  .site-header .button-menu .bars:before {
    transform: translate(0, -0.4375em);
  }
  .site-header .button-menu .bars:after {
    transform: translate(0, 0.4375em);
  }
  .site-header .button-menu.-active .bars {
    background: transparent;
  }
  .site-header .button-menu.-active .bars:before {
    transform: rotate(45deg);
  }
  .site-header .button-menu.-active .bars:after {
    transform: rotate(-45deg);
  }
}
@media print {
  .site-header {
    position: static;
  }
}

/**************************************************
    Footer
***************************************************/
.site-footer {
  background: #000000;
  color: #ffffff;
  margin-top: 6.25em;
  text-align: left;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .site-footer {
    margin-top: 3.125em;
  }
}
.site-footer > .inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .site-footer > .inner {
    padding: 0 0.9375rem;
  }
}
.site-footer .wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5625em 0;
  border-top: 1px solid #333333;
}
.site-footer .wrapper:last-child {
  flex-direction: column;
  padding-bottom: 2.1875em;
  margin-top: -1px;
}
@media screen and (max-width: 767px) {
  .site-footer .wrapper {
    flex-wrap: wrap;
    border-top: 0;
    padding: 0;
  }
}
.site-footer .logo {
  text-align: center;
  padding: 2.5em 0 1.875em;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .site-footer .logo {
    padding: 1.875em 0 1.25em;
  }
}
.site-footer .logo svg, .site-footer .logo img {
  width: 11.625em;
  height: 2.6875em;
  fill: #ffffff;
}
@media screen and (max-width: 767px) {
  .site-footer .logo svg, .site-footer .logo img {
    height: 2.0625em;
  }
}
@media (min-width: 769px) {
  .site-footer .wrapper > .sitemap {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -ms-grid-rows: 2em 1fr;
    grid-template-rows: 2em 1fr;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none) {
  .site-footer .wrapper > .sitemap {
    -ms-grid-columns: 10% 0% 18% 24% 15% 11% 22%;
    grid-template-columns: 10% 0% 18% 24% 15% 11% 22%;
    -ms-grid-rows: 2em auto;
    grid-template-rows: 2em auto;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(9) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(10) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(11) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(12) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(13) {
    -ms-grid-row: 2;
    -ms-grid-column: 6;
  }
  .site-footer .wrapper > .sitemap > *:nth-child(14) {
    -ms-grid-row: 2;
    -ms-grid-column: 7;
  }
  .site-footer .wrapper > .sitemap > li {
    margin-right: 1em;
  }
}
@media (min-width: 769px) {
  [lang=en] .site-footer .wrapper > .sitemap {
    -ms-grid-columns: (25%)[4];
    grid-template-columns: repeat(4, 25%);
  }
  .site-footer .wrapper > .sitemap > li:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/span 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/span 1;
  }
  .site-footer .wrapper > .sitemap > li:nth-child(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/span 1;
  }
  .site-footer .wrapper > .sitemap > li:nth-child(3),
  .site-footer .wrapper > .sitemap > li:nth-child(4),
  .site-footer .wrapper > .sitemap > li:nth-child(5),
  .site-footer .wrapper > .sitemap > li:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/span 2;
  }
  .site-footer .wrapper > .sitemap > li:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .site-footer .wrapper > .sitemap > li:nth-child(8) {
    -ms-grid-column-span: 1;
    grid-column: 6/span 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/span 1;
    -ms-grid-column: 7;
  }
  .site-footer .wrapper > .sitemap > li:nth-child(8) > ul {
    padding-top: 2em;
  }
  .site-footer .wrapper > .sitemap > li > a {
    display: inline-block;
    color: #ffffff;
    font-size: 0.875em;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 0.7142857143em;
  }
  .site-footer .wrapper > .sitemap > li > a[href=""] {
    display: none;
  }
  .site-footer .wrapper > .sitemap > li > ul {
    padding-right: 1em;
  }
  .site-footer .wrapper > .sitemap > li > ul > li {
    padding: 0.1875em 0;
  }
  .site-footer .wrapper > .sitemap > li > ul > li > a {
    display: block;
    color: #ffffff;
    font-size: 0.75em;
    text-decoration: none;
  }
  .site-footer .wrapper > .sitemap > li > ul > li > a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {
  .site-footer .wrapper > .sitemap {
    width: 100%;
  }
  .site-footer .wrapper > .sitemap > li {
    border-top: 1px solid #333333;
  }
  .site-footer .wrapper > .sitemap > li > a {
    display: block;
    color: #ffffff;
    font-size: 0.875em;
    font-weight: bold;
    text-decoration: none;
    padding: 1.25em 3em 1.25em 1em;
    position: relative;
  }
  .site-footer .wrapper > .sitemap > li > a.has-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.0714285714em;
    transform: translateY(-50%);
    width: 1em;
    border-bottom: 2px solid #ffffff;
  }
  .site-footer .wrapper > .sitemap > li > a.has-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.5em;
    transform: translateY(-50%);
    height: 1em;
    border-right: 2px solid #ffffff;
    transition: 0.15s transform;
  }
  .site-footer .wrapper > .sitemap > li > a.has-child.-active:after {
    transform: translateY(-50%) rotate(90deg);
  }
  .site-footer .wrapper > .sitemap > li > a:not(.has-child)::after {
    content: "";
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border-width: 2px 2px 0 0;
    border-color: #FFF;
    border-style: solid;
    transform-origin: 50% 50%;
    transform: rotate(45deg);
    vertical-align: 0.25em;
    position: absolute;
    right: 1.5em;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
  }
  .site-footer .wrapper > .sitemap > li > ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 1em 0.3125em;
    overflow: hidden;
    transition: all 0.5s;
  }
  .site-footer .wrapper > .sitemap > li > ul:not(.-active) {
    max-height: 0 !important;
    padding-bottom: 0;
  }
  .site-footer .wrapper > .sitemap > li > ul > li {
    width: 50%;
    padding: 0 0.3125em;
    box-sizing: border-box;
  }
  .site-footer .wrapper > .sitemap > li > ul > li > a {
    display: block;
    color: #ffffff;
    font-size: 0.6875em;
    padding: 0.5em 0;
    text-decoration: none;
  }
  .site-footer .wrapper > .sitemap > li > ul > li > a br {
    display: none;
  }
  .site-footer .wrapper > .sitemap > li > a[href="#"] {
    display: none;
  }
  .site-footer .wrapper > .sitemap > li > a[href="#"] + ul {
    display: none;
  }
}
.site-footer .wrapper .social-links {
  position: absolute;
  bottom: 30px;
  right: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .site-footer .wrapper .social-links {
    position: static;
    width: 100%;
    justify-content: center;
    border-top: 1px solid #333333;
    padding: 1.5625em 0;
  }
}
.site-footer .wrapper .social-links .item {
  margin: 0 1.25em;
}
.site-footer .site-nav {
  display: flex;
  font-size: 0.75em;
}
@media screen and (max-width: 767px) {
  .site-footer .site-nav {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 1.5625em;
    margin-bottom: 1.5625em;
    border-top: 1px solid #333333;
    font-size: 0.625em;
  }
}
@media (min-width: 769px) {
  .site-footer .site-nav .item:not(:last-child) {
    margin-right: 1.5625em;
  }
}
@media screen and (max-width: 767px) {
  .site-footer .site-nav .item {
    width: auto;
    box-sizing: border-box;
    padding-right: 1em;
  }
}
.site-footer .site-nav .link {
  color: #ffffff;
  text-decoration: none;
}
.site-footer .site-nav .link:hover {
  text-decoration: underline;
}
.site-footer .copyright {
  font-size: 0.75em;
}
.site-footer .pagetop {
  position: fixed;
  bottom: 1.25em;
  right: 1.25em;
  z-index: 100;
  cursor: pointer;
  display: none;
}

/**************************************************
    Content
***************************************************/
.site-content {
  padding-top: 85px;
}
@media screen and (max-width: 767px) {
  .site-content {
    padding-top: 3.75rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .site-content {
    overflow: hidden;
  }
}
.site-content > .inner {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .site-content > .inner {
    padding: 0 1.25rem;
  }
}
.site-content > .inner .section {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 767px) {
  .site-content > .inner .section {
    margin-bottom: 1.875rem;
  }
}
@media print {
  .site-content {
    padding-top: 0;
  }
}

.category-title {
  text-align: center;
  font-size: 1.75rem;
  padding: 3.125rem 0;
}
@media (min-width: 769px) {
  .category-title br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .category-title {
    padding: 1.875rem 0;
    font-size: 1.5rem;
  }
}

.breadcrumb {
  margin: 0.625rem auto;
  padding: 0 1.875rem;
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 0 0.9375rem;
    line-height: 1.2;
  }
}
.breadcrumb li {
  display: inline;
  font-size: 0.75rem;
}
.breadcrumb li + li:before {
  padding: 4px;
  content: ">";
  font-size: 0.625rem;
}
.breadcrumb a {
  text-decoration: none;
}
.breadcrumb a a:hover {
  text-decoration: underline;
}

/**************************************************
    Secondary
***************************************************/
/**************************************************
    icon
***************************************************/
/* -----------------------------------------------
  Image
-------------------------------------------------- */
/* -----------------------------------------------

-------------------------------------------------- */
.icon-external::before, .icon-target[target=_blank]::before {
  display: inline-block;
  content: "";
  width: 14px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.324' height='14.324' viewBox='0 0 14.324 14.324'%3E%3Cpath id='checkbox_multiple_blank_line' data-name='checkbox multiple blank line' d='M3.255,3.255V.651A.629.629,0,0,1,3.444.189.629.629,0,0,1,3.906,0H12.37a.629.629,0,0,1,.462.189.629.629,0,0,1,.189.462V9.115a.645.645,0,0,1-.651.651h-2.6v2.6a.645.645,0,0,1-.651.651H.651a.629.629,0,0,1-.462-.189A.629.629,0,0,1,0,12.37V3.906a.618.618,0,0,1,.2-.462.635.635,0,0,1,.456-.189Zm1.3,0H9.115a.645.645,0,0,1,.651.651V8.464h1.953V1.3H4.558ZM1.3,4.558v7.162H8.464V4.558Zm13.022,9.766'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  background-size: 14px 18px;
  margin-right: 0.5em;
  vertical-align: middle;
}
.icon-external-after::after, .entry-content p [target=_blank]:not([class*=icon-])::after, .entry-content li [target=_blank]:not([class*=icon-])::after, .entry-content dd [target=_blank]:not([class*=icon-])::after, .entry-content th [target=_blank]:not([class*=icon-])::after, .entry-content td [target=_blank]:not([class*=icon-])::after, .anchor-list li a[target=_blank]::after, .index-card > .body > .links a[target=_blank]::after, .category-list-a .link[target=_blank]::after, .search-list .link[target=_blank]:not(.icon-pdf-after)::after, .news-list-a .link[target=_blank]:not(.icon-pdf-after)::after, .icon-target-after[target=_blank]::after {
  display: inline-block;
  content: "";
  width: 14px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.324' height='14.324' viewBox='0 0 14.324 14.324'%3E%3Cpath id='checkbox_multiple_blank_line' data-name='checkbox multiple blank line' d='M3.255,3.255V.651A.629.629,0,0,1,3.444.189.629.629,0,0,1,3.906,0H12.37a.629.629,0,0,1,.462.189.629.629,0,0,1,.189.462V9.115a.645.645,0,0,1-.651.651h-2.6v2.6a.645.645,0,0,1-.651.651H.651a.629.629,0,0,1-.462-.189A.629.629,0,0,1,0,12.37V3.906a.618.618,0,0,1,.2-.462.635.635,0,0,1,.456-.189Zm1.3,0H9.115a.645.645,0,0,1,.651.651V8.464h1.953V1.3H4.558ZM1.3,4.558v7.162H8.464V4.558Zm13.022,9.766'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  background-size: 14px 18px;
  margin-left: 0.5em;
  vertical-align: middle;
}

.icon-download::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_download.svg) no-repeat 0 0;
  background-size: 1em 1em;
  vertical-align: middle;
  margin-right: 0.5em;
}

.icon-download-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_download.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}

/**************************************************
    button
***************************************************/
.button-group, .brand-action {
  display: flex;
  justify-content: space-between;
  margin: 0 -0.3125rem;
}
@media screen and (max-width: 767px) {
  .button-group, .brand-action {
    flex-direction: column;
  }
}
.button-group > *, .brand-action > * {
  width: 100%;
  padding: 0 0.3125rem;
  box-sizing: border-box;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .button-group > *, .brand-action > * {
    margin: 0 0 0.5rem;
    white-space: normal;
  }
}
.button-group .button-a, .brand-action .button-a, .button-group .form-button, .brand-action .form-button, .button-group .button-action > * .link, .brand-action .button-action > * .link, .button-action > * .button-group .link, .button-action > * .brand-action .link {
  min-width: 0;
  width: 100%;
}

.button-action {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 2.5rem -1.09375rem 6.25rem;
}
.button-action > * {
  margin: 0 1.09375rem;
}
.button-action > * .button-a, .button-action > * .form-button, .button-action > * .link {
  min-width: 17.0625rem;
}
@media screen and (max-width: 767px) {
  .button-action {
    flex-direction: column;
    margin: 1.25rem -1.09375rem 3.125rem;
  }
  .button-action > * {
    margin-bottom: 0.625rem;
  }
  .button-action > * .button-a, .button-action > * .form-button, .button-action > * .link {
    display: block;
  }
}

.button-a, .form-button, .button-action > * .link {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #000000;
  box-sizing: border-box;
  background: #000000;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  padding: 1.125rem;
  transition: all 0.15s;
  min-width: 20rem;
}
@media screen and (max-width: 767px) {
  .button-a, .form-button, .button-action > * .link {
    min-width: 0;
    width: calc(100vw - 2.5rem);
    font-size: 1rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .button-a, .form-button, .button-action > * .link {
    padding: 1.2em 1em 0.8em;
  }
}
.button-a:hover, .form-button:hover, .button-action > * .link:hover {
  background: #ffffff;
  color: #000000;
}
.button-a.icon-download::before, .icon-download.form-button::before, .button-action > * .icon-download.link::before {
  background-image: url(../images/icon/icon_download_white.svg);
}
.button-a.icon-download:hover::before, .icon-download.form-button:hover::before, .button-action > * .icon-download.link:hover::before {
  background-image: url(../images/icon/icon_download.svg);
}

.backnumber-link {
  margin-left: auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  font-size: 0.875rem;
  text-decoration: none;
  margin-top: 0.3125rem;
}
.backnumber-link:hover {
  text-decoration: none;
  opacity: 0.7;
}
.backnumber-link:after {
  display: inline-block;
  vertical-align: -0.25rem;
  margin-left: 0.5em;
  width: 1.8125rem;
  height: 1.0625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.25' height='17.234' viewBox='0 0 29.25 17.234'%3E%3Cpath id='Path_298' data-name='Path 298' d='M831.005,3319.162a1.133,1.133,0,0,0-.3.838,1.174,1.174,0,0,0,1.219,1.219h23.842l-5.18,5.256a1.186,1.186,0,1,0,1.676,1.675l7.313-7.312a.739.739,0,0,0,.3-.381,1.412,1.412,0,0,0,0-.914.739.739,0,0,0-.3-.381l-7.313-7.312a1.186,1.186,0,1,0-1.676,1.675l5.18,5.256H831.919A1.247,1.247,0,0,0,831.005,3319.162Z' transform='translate(-830.7 -3311.383)'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

/**************************************************
    Heading
***************************************************/
.section-heading {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 1.125rem;
}
.section-heading > .en {
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  font-family: calibri, sans-serif;
}
@media screen and (max-width: 767px) {
  .section-heading > .en {
    font-size: 1.875rem;
  }
}
.section-heading > .jp {
  display: block;
  font-weight: 600;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .section-heading > .jp {
    font-size: 1rem;
  }
}
[lang=ja] .section-heading > .jp {
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
}

.heading-a, .playfashion-entry .richeditor-content h2, #ir.mail .site-content .inner .header {
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: 1px solid #E2E2E6;
  padding: 0.6em 0;
  margin: 3em 0 1em;
}
@media screen and (max-width: 767px) {
  .heading-a, .playfashion-entry .richeditor-content h2, #ir.mail .site-content .inner .header {
    margin-top: 1.5em;
  }
}
.heading-a.-no-border, .playfashion-entry .richeditor-content h2.-no-border, #ir.mail .site-content .inner .-no-border.header {
  border-bottom: 0;
  padding-bottom: 0;
}
.heading-a:first-child, .playfashion-entry .richeditor-content h2:first-child, #ir.mail .site-content .inner .header:first-child {
  margin-top: 0;
}
.js-edit_inplace .heading-a, .js-edit_inplace .playfashion-entry .richeditor-content h2, .playfashion-entry .richeditor-content .js-edit_inplace h2, .js-edit_inplace #ir.mail .site-content .inner .header, #ir.mail .site-content .inner .js-edit_inplace .header {
  margin-top: 3em;
}

.heading-b {
  font-size: 1.125em;
  font-weight: bold;
  position: relative;
  padding-left: 1.6666666667em;
  margin: 2rem 0 1rem;
}
.heading-b:before {
  position: absolute;
  top: 0.7222222222em;
  left: 0;
  width: 0.9444444444em;
  border-bottom: 0.1111111111em solid #000000;
  content: "";
}
.heading-b + .heading-c {
  margin-top: 0;
}

.heading-c {
  font-weight: bold;
  margin: 2rem 0 1rem;
}

/**************************************************
  list
***************************************************/
/* -----------------------------------------------
  News List
-------------------------------------------------- */
.news-list-a .item {
  border-bottom: 1px solid #E6E6E6;
}
.news-list-a .item:first-child {
  border-top: 1px solid #E6E6E6;
}
.news-list-a .link {
  display: flex;
  text-decoration: none;
  padding: 0.625em 0;
  align-items: center;
  position: relative;
  min-height: 92px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .news-list-a .link {
    min-height: 0;
  }
}
.news-list-a .link::after {
  display: block;
  content: "";
  width: 14px;
  margin-left: 1em;
}
.news-list-a .link:hover {
  background: #f6f6f6;
}
.news-list-a .link:hover .thumbnail img {
  transform: translate(-50%, -50%) scale(1.1, 1.1);
}
.news-list-a .thumbnail {
  flex-shrink: 0;
  width: 4.5em;
  margin-right: 1.5em;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.news-list-a .thumbnail::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.news-list-a .thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s ease-out;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}
@media screen and (max-width: 767px) {
  .news-list-a .thumbnail {
    margin-right: 0.9375em;
  }
}
.news-list-a .body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.news-list-a .meta {
  order: -1;
  margin-bottom: 0.3125em;
  display: flex;
  align-items: center;
}
.news-list-a .meta .date {
  display: inline-block;
  font-size: 0.75em;
  color: #666666;
  margin-right: 1em;
}
.news-list-a .meta .category {
  display: inline-block;
  width: 8em;
  text-align: center;
  font-size: 0.625em;
  padding: 0.1em 1em;
  border: 1px solid #000000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media all and (-ms-high-contrast: none) {
  .news-list-a .meta .category {
    line-height: 1;
    padding: 0.5em 1em 0.2em;
    margin-bottom: 0.5em;
  }
}
.news-list-a .title {
  font-size: 0.875em;
}
.news-list-a.-without-thumb .link {
  min-height: auto;
  padding: 1em;
}
@media screen and (max-width: 767px) {
  .news-list-a.-without-thumb .link {
    padding: 1em 0;
  }
}
.news-list-a.-without-thumb .link:after {
  display: none;
}
.news-list-a.-without-thumb .thumbnail {
  display: none;
}
.news-list-a.-without-thumb .body {
  margin: 0;
}
@media (min-width: 769px) {
  .news-list-a.-without-thumb .body {
    flex-direction: row;
  }
  .news-list-a.-without-thumb .body .date {
    margin-right: 2em;
  }
  .news-list-a.-without-thumb .body .title {
    margin-left: 1em;
  }
}

/* -----------------------------------------------
  Search List
-------------------------------------------------- */
.search-list .item {
  border-bottom: 1px solid #E6E6E6;
}
.search-list .item:first-child {
  border-top: 1px solid #E6E6E6;
}
.search-list .link {
  display: flex;
  text-decoration: none;
  padding: 1.25em 0;
  align-items: flex-start;
  position: relative;
  min-height: 92px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .search-list .link {
    min-height: 0;
  }
}
.search-list .link::after {
  display: block;
  content: "";
  width: 14px;
  margin-left: 1em;
}
.search-list .link:hover {
  background: #f6f6f6;
}
.search-list .link:hover .thumbnail img {
  transform: translate(-50%, -50%) scale(1.1, 1.1);
}
.search-list .thumbnail {
  flex-shrink: 0;
  width: 4.5em;
  margin-right: 1.5em;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.search-list .thumbnail::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.search-list .thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s ease-out;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}
@media screen and (max-width: 767px) {
  .search-list .thumbnail {
    margin-right: 0.9375em;
  }
}
.search-list .body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.search-list .meta {
  order: -1;
  margin-bottom: 0.3125em;
  display: flex;
  align-items: center;
}
.search-list .meta .date {
  display: inline-block;
  font-size: 0.75em;
  color: #666666;
  margin-right: 1em;
}
.search-list .meta .category {
  display: inline-block;
  width: 8em;
  text-align: center;
  font-size: 0.625em;
  padding: 0.1em 1em;
  border: 1px solid #000000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search-list .title {
  font-weight: bold;
}
.search-list .url {
  color: #009933;
  font-size: 0.75em;
}
.search-list .summary {
  font-size: 0.75em;
}

/* -----------------------------------------------
  Category List
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  .scroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: flex;
    padding-left: 1.25rem;
  }
  .scroll::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 769px) {
  .scroll .category-list-a {
    flex-wrap: wrap;
  }
}

.category-list-a {
  margin: 0 auto 3.75rem;
  display: flex;
  justify-content: center;
}
.category-list-a .list {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.category-list-a .item {
  margin: 0 0.9375em;
}
.category-list-a .link {
  position: relative;
  display: block;
  font-weight: bold;
  border-bottom: 1px solid #E2E2E6;
  padding: 0.7142857143em 0;
  text-decoration: none;
  white-space: nowrap;
}
.category-list-a .link::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: 0.15s all;
  width: 0;
  height: 2px;
  background: #000;
}
.category-list-a .link:hover::before, .category-list-a .link.-active::before {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .category-list-a {
    margin-bottom: 1.875em;
  }
  .category-list-a .item {
    margin: 0 0.5em;
  }
  .category-list-a .link {
    font-size: 0.875em;
  }
}
@media all and (-ms-high-contrast: none) {
  .category-list-a {
    margin: 0 -500% 3.75rem;
  }
}

.category-list-c {
  display: flex;
  flex-wrap: wrap;
  margin: 3.125rem -0.375rem 2.5rem;
}
.category-list-c li {
  width: 25%;
  padding: 0 6px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .category-list-c li {
    width: 50%;
  }
}
.category-list-c .link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 5rem;
  border: 1px solid #E9E9EC;
  box-sizing: border-box;
  font-size: 0.875rem;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.15s;
}
@media screen and (max-width: 767px) {
  .category-list-c .link {
    width: 100%;
    font-size: 0.75rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .category-list-c .link {
    min-height: 0;
    height: 80px;
  }
}
@media (min-width: 769px) {
  .category-list-c .link:hover {
    background: #E9E9EC;
  }
}
@media screen and (max-width: 767px) {
  .category-list-c {
    margin: 1.25rem -0.375rem 0;
  }
}

/* -----------------------------------------------
  Index List
-------------------------------------------------- */
.index-list {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.75rem;
  padding-right: 1px;
}
.index-list > .item,
.index-list > .index-card {
  width: calc(33.33% - 1px);
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .index-list > .item,
  .index-list > .index-card {
    width: calc(50% - 1px);
  }
}

.index-card > .image {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.index-card > .image::before {
  content: "";
  display: block;
  padding-bottom: 66.6%;
}
.index-card > .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s ease-out;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  width: auto;
  max-width: none;
  height: 100%;
}
.index-card > .image a:hover img {
  transform: translate(-50%, -50%) scale(1.1, 1.1);
}
.index-card > .image a:after {
  display: none !important;
}
.index-card > .body {
  padding: 1.25em;
}
@media screen and (max-width: 767px) {
  .index-card > .body {
    padding: 0.3125em 0.625em;
  }
}
.index-card > .body > .title {
  margin: 0 0 0.3125em;
}
.index-card > .body > .title > a {
  font-size: 1.125em;
  text-decoration: none;
}
.index-card > .body > .title > a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .index-card > .body > .title > a {
    font-size: 0.875rem;
  }
}
.index-card > .body > .links a {
  font-size: 0.875em;
}
@media screen and (max-width: 767px) {
  .acms-grid > .index-list {
    margin: 2.5rem -1.25rem 0;
  }
}
@media screen and (max-width: 767px) {
  .acms-grid > .column-module .index-list {
    margin: 2.5rem -1.25rem 0;
  }
}
.acms-grid > .column-module:first-child .index-list {
  margin-top: 0;
}

/* -----------------------------------------------
  Document List
-------------------------------------------------- */
.document-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1.875rem;
}
.document-list.-separate {
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #E2E2E6;
}
.document-list.-column1 > .item {
  width: 100%;
}
.document-list.-column2 > .item {
  width: 50%;
}
.document-list.-column3 > .item {
  width: 33.3333333333%;
}
.document-list > .item {
  width: 33.3333333333%;
  margin-bottom: 0.625em;
  box-sizing: border-box;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .document-list > .item {
    width: 100% !important;
  }
}
.document-list > .item.-full {
  width: 100%;
}

/* -----------------------------------------------
  Text List
-------------------------------------------------- */
.acms-grid .plain, .acms-grid .wysiwyg ol, .wysiwyg .acms-grid ol, .acms-grid .wysiwyg ul, .wysiwyg .acms-grid ul, .acms-grid .markdown ol, .markdown .acms-grid ol, .acms-grid .markdown ul, .markdown .acms-grid ul {
  margin-left: 1.7em;
}

.list-a li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 1em;
}
.list-a li:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #000000;
  content: "";
}

.bracket-list {
  counter-reset: bracket-list;
  margin-bottom: 1.25rem;
}
.bracket-list li {
  text-indent: -1.7em;
  padding-left: 1.7em;
}
.bracket-list li:before {
  padding-right: 0.4166666667em;
  white-space: nowrap;
  counter-increment: bracket-list;
  content: "(" counter(bracket-list) ")";
}
.acms-grid .bracket-list {
  margin-left: 10px;
}

.annotate-list {
  counter-reset: annotate-list;
  margin-bottom: 1.25rem;
}
.annotate-list li {
  font-size: 0.75em;
}
.annotate-list li:before {
  padding-right: 0.4166666667em;
  white-space: nowrap;
  counter-increment: annotate-list;
  content: "※ " counter(annotate-list);
}
.acms-grid .annotate-list {
  margin-left: 10px;
}
.annotate-list.-unordered li::before {
  content: "※ ";
}

.anchor-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 10px 3.75rem;
}
.anchor-list.-center {
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .anchor-list {
    display: block;
    overflow: hidden;
  }
}
.anchor-list li {
  position: relative;
  min-width: 16.6666666667%;
  margin-bottom: 0.625em;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .anchor-list li {
    float: left;
    min-width: 25%;
    font-size: 0.875em;
  }
}
.anchor-list li::before, .anchor-list li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1em;
  background: #707070;
  transform: translateY(-50%);
}
.anchor-list li::after {
  left: auto;
  right: -1px;
}
.anchor-list li a {
  display: block;
  text-align: center;
  padding: 0 1em;
  white-space: nowrap;
}
.anchor-list li a.-active {
  font-weight: bold;
  text-decoration: none;
}

.faq-list {
  border-top: 1px solid #E2E2E6;
  margin-bottom: 3.75rem;
}
.faq-list dt, .faq-list dd {
  border-bottom: 1px solid #E2E2E6;
  position: relative;
  padding-left: 2.625em;
  padding-right: 3.125em;
}
.faq-list dt:before, .faq-list dd:before {
  font-size: 1.75em;
  position: absolute;
  top: 0.8214285714em;
  left: 0;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  padding-right: 0.7142857143em;
  line-height: 1;
}
.faq-list dt {
  cursor: pointer;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  transition: all 0.15s;
}
.faq-list dt:hover {
  background: #E2E2E6;
}
.faq-list dt:before {
  content: "Q";
}
.faq-list dt:after {
  position: absolute;
  top: 2em;
  right: 1.25em;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  transition: all 0.15s;
  transform: rotate(135deg);
  content: "";
}
.faq-list dt.-active:after {
  top: 2.375em;
  transform: rotate(-45deg);
  transition: all 0.15s;
}
.faq-list dd {
  display: none;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.faq-list dd:before {
  content: "A";
}

.accordion-list {
  margin-bottom: 3.75rem;
}
.accordion-list dt, .accordion-list dd {
  border-bottom: 1px solid #E2E2E6;
  position: relative;
  padding: 1.5em 0;
}
.accordion-list dt {
  cursor: pointer;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  transition: all 0.15s;
  font-weight: bold;
}
.accordion-list dt:hover {
  background: #E2E2E6;
}
.accordion-list dt:after {
  position: absolute;
  top: 2em;
  right: 1.25em;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  transition: all 0.15s;
  transform: rotate(135deg);
  content: "";
}
.accordion-list dt.-active:after {
  top: 2.375em;
  transform: rotate(-45deg);
  transition: all 0.15s;
}
.accordion-list dd {
  display: none;
}

/**************************************************
    Table
***************************************************/
.table-a, .ir-calendar, .column-table- table:not(.table-b):not(.shop-list):not(.table-c), .wysiwyg table, .markdown table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #E6E6E6;
  margin: 0 0 1.25rem;
}
.table-a th, .ir-calendar th, .column-table- table:not(.table-b):not(.shop-list):not(.table-c) th, .wysiwyg table th, .markdown table th, .table-a td, .ir-calendar td, .column-table- table:not(.table-b):not(.shop-list):not(.table-c) td, .wysiwyg table td, .markdown table td {
  font-size: 0.875em;
  border: 1px solid #E6E6E6;
  vertical-align: top;
  padding: 1em 1.5em;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .table-a th, .ir-calendar th, .column-table- table:not(.table-b):not(.shop-list):not(.table-c) th, .wysiwyg table th, .markdown table th, .table-a td, .ir-calendar td, .column-table- table:not(.table-b):not(.shop-list):not(.table-c) td, .wysiwyg table td, .markdown table td {
    padding: 0.5em 1em;
  }
}
.table-a th, .ir-calendar th, .column-table- table:not(.table-b):not(.shop-list):not(.table-c) th, .wysiwyg table th, .markdown table th {
  text-align: center;
  font-weight: normal;
  background: #EDEEEF;
}
@media (min-width: 769px) {
  .table-a th, .ir-calendar th, .column-table- table:not(.table-b):not(.shop-list):not(.table-c) th, .wysiwyg table th, .markdown table th {
    width: 25%;
  }
}

.table-b, .shop-detail .shop-information, .shop-list {
  border-collapse: collapse;
  border-top: 1px solid #E2E2E6;
  margin: 0 0 1.25rem;
}
.table-b th, .shop-detail .shop-information th, .shop-list th, .table-b td, .shop-detail .shop-information td, .shop-list td {
  padding: 1em;
  font-size: 0.875em;
  border-bottom: 1px solid #E2E2E6;
}
.table-b th, .shop-detail .shop-information th, .shop-list th {
  text-align: left;
  padding-left: 0;
}

.table-c th {
  text-align: left;
  width: 50%;
  font-size: 1em;
  font-weight: bold;
}
.table-c td {
  width: 50%;
  font-size: 0.875em;
  padding: 0.5em 0;
}
@media screen and (max-width: 767px) {
  .table-c tr, .table-c th, .table-c td {
    display: block;
    width: auto;
  }
}

/**************************************************
    Form
***************************************************/
.form-content {
  margin: 2.5rem auto;
}
@media screen and (max-width: 767px) {
  .form-content {
    margin: 0 0 1.25rem;
  }
}

.form-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  margin: 0;
}
.form-row:not(:first-child) {
  border-top: none;
}
.form-row > .form-col:first-child {
  position: relative;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 0.875em;
  background-color: #EDEEEF;
}
.form-row > .form-col:last-child {
  box-sizing: border-box;
  text-align: left;
}
@media (min-width: 769px) {
  .form-row > .form-col:first-child {
    width: 30%;
    padding: 1.25em;
  }
  .form-row > .form-col:last-child {
    width: 70%;
    padding: 0.8em 1em;
  }
}
@media screen and (max-width: 767px) {
  .form-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .form-row > .form-col:first-child {
    margin-bottom: 0;
    width: 100%;
    padding: 0.8em 1em;
  }
  .form-row > .form-col:last-child {
    width: 100%;
    padding: 1em;
  }
}

.field-row {
  display: flex;
}
.field-row .field-col .text-field.-inline, .field-row .field-col .text-area.-inline, .field-row .field-col .select-box.-inline {
  width: auto;
}
.field-row .field-col .text {
  display: inline-block;
  min-width: 2em;
}
@media screen and (max-width: 767px) {
  .field-row {
    flex-direction: column;
  }
  .field-row .field-col:not(:last-child) {
    margin-bottom: 0.5em;
  }
}

.form-inline {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.form-inline:not(:last-child) {
  margin-bottom: 0.5em;
}
.form-inline > .form-col {
  margin-right: 0.5em;
}

.form-table {
  width: 100%;
  margin-bottom: 1.25rem;
}
.form-table th, .form-table td {
  zoom: 1;
  border-bottom: 1px solid #dddddd;
}
.form-table th:after, .form-table td:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}
.form-table th table th, .form-table th table td, .form-table td table th, .form-table td table td {
  border-bottom: none;
}
.form-table th {
  font-size: 0.94em;
  vertical-align: top;
  padding: 1em;
  width: 27%;
}
.form-table td {
  padding: 1em;
}
.form-table tr:last-child th, .form-table tr:last-child td {
  border-bottom: 0;
}

.text-field, .text-area, .select-box {
  width: 100%;
  max-width: 100%;
  font-size: 0.875rem;
  background: #fff !important;
  padding: 0.7em !important;
  box-shadow: none !important;
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .text-field, .text-area, .select-box {
    font-size: 1rem;
  }
}
.text-field.-error, .text-area.-error, .select-box.-error {
  background: #fff0f0;
  border-color: #f4c2c2;
}
.text-field.-inline, .text-area.-inline, .select-box.-inline {
  width: 20%;
  margin-right: 1em;
}
.text + .text-field.-inline, .text + .text-area.-inline, .text + .select-box.-inline {
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  .text-field.-inline, .text-area.-inline, .select-box.-inline {
    margin-right: 0.3em;
  }
  .text + .text-field.-inline, .text + .text-area.-inline, .text + .select-box.-inline {
    margin-left: 0.3em;
  }
}
.text-field[type=text], .text-area[type=text], .select-box[type=text] {
  -webkit-appearance: none;
}
.text-field.select-box, .text-area.select-box, .select-box.select-box {
  width: auto;
  -webkit-appearance: menulist;
}
.text-field[disabled], .text-field[readonly], .text-area[disabled], .text-area[readonly], .select-box[disabled], .select-box[readonly] {
  color: #999;
  background: #DDD;
  border: 1px solid #CCC;
}
.text-field[name=postalcode1], .text-field[name=postalcode2], .text-area[name=postalcode1], .text-area[name=postalcode2], .select-box[name=postalcode1], .select-box[name=postalcode2] {
  min-width: 6em;
}
.text-field[name=telephone1], .text-field[name=telephone2], .text-field[name=telephone3], .text-field[name=fax1], .text-field[name=fax2], .text-field[name=fax3], .text-area[name=telephone1], .text-area[name=telephone2], .text-area[name=telephone3], .text-area[name=fax1], .text-area[name=fax2], .text-area[name=fax3], .select-box[name=telephone1], .select-box[name=telephone2], .select-box[name=telephone3], .select-box[name=fax1], .select-box[name=fax2], .select-box[name=fax3] {
  min-width: 5.1em;
}
.text-field[name=telephone1][name=telephone3], .text-field[name=telephone1][name=fax3], .text-field[name=telephone2][name=telephone3], .text-field[name=telephone2][name=fax3], .text-field[name=telephone3][name=telephone3], .text-field[name=telephone3][name=fax3], .text-field[name=fax1][name=telephone3], .text-field[name=fax1][name=fax3], .text-field[name=fax2][name=telephone3], .text-field[name=fax2][name=fax3], .text-field[name=fax3][name=telephone3], .text-field[name=fax3][name=fax3], .text-area[name=telephone1][name=telephone3], .text-area[name=telephone1][name=fax3], .text-area[name=telephone2][name=telephone3], .text-area[name=telephone2][name=fax3], .text-area[name=telephone3][name=telephone3], .text-area[name=telephone3][name=fax3], .text-area[name=fax1][name=telephone3], .text-area[name=fax1][name=fax3], .text-area[name=fax2][name=telephone3], .text-area[name=fax2][name=fax3], .text-area[name=fax3][name=telephone3], .text-area[name=fax3][name=fax3], .select-box[name=telephone1][name=telephone3], .select-box[name=telephone1][name=fax3], .select-box[name=telephone2][name=telephone3], .select-box[name=telephone2][name=fax3], .select-box[name=telephone3][name=telephone3], .select-box[name=telephone3][name=fax3], .select-box[name=fax1][name=telephone3], .select-box[name=fax1][name=fax3], .select-box[name=fax2][name=telephone3], .select-box[name=fax2][name=fax3], .select-box[name=fax3][name=telephone3], .select-box[name=fax3][name=fax3] {
  margin-right: 0;
}
.text-field[name=address], .text-area[name=address], .select-box[name=address] {
  margin-top: 0.5em;
}
.text-field[name=inquiry], .text-area[name=inquiry], .select-box[name=inquiry] {
  height: 8em;
  margin-top: 0.5em;
}

.radio-button, .check-box {
  margin-right: 1em;
}

.required, .any {
  float: right;
  font-size: 0.875em;
  margin: 0 1em;
}
.required.required, .any.required {
  color: #F00;
}
.required.any, .any.any {
  background: #ccc;
}

.check-agree {
  display: inline-block;
  margin: 1.5em 0 0;
  padding: 1em 2em;
  background: #EEE;
}

.form-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.form-action > li {
  margin: 0 10px 20px;
}

.form-button.-back {
  border: transparent;
  background: #AAA;
}
.form-button.-back:hover {
  background: #CCC;
}
.form-button.-disabled {
  pointer-events: none;
  cursor: not-allowed;
  border-color: transparent;
  background: #AAA !important;
}

.error {
  display: block;
  color: #ff0000;
  font-size: 0.88em;
  padding-top: 0.5em;
}

.form-info {
  background-color: #EDEEEF;
  padding: 35px 20px 30px;
  text-align: center;
  margin-bottom: 40px;
}
.form-info > .list {
  padding: 0;
  width: 20em;
  margin: 0 auto;
}
.form-info > .list > li {
  display: inline-block;
  font-weight: 600;
  padding-left: 1em;
  position: relative;
  line-height: 2;
}
.form-info > .list > li::before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .form-info > .list {
    width: auto;
    font-size: 0.875em;
  }
}

.form-notes {
  font-size: 0.75em;
  line-height: 2;
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .form-notes {
    margin-top: 3.125rem;
  }
}

.form-tel {
  margin-top: 3.75rem;
  border: 1px solid #E6E6E6;
  padding: 35px;
  text-align: center;
}
.form-tel .heading {
  font-weight: 600;
  margin: 0;
  font-size: 1.125em;
}
.form-tel .sub {
  display: block;
  margin: 0;
  font-size: 0.875em;
}
.form-tel .tel {
  display: block;
  font-weight: 600;
  font-size: 1.75em;
  position: relative;
  display: inline-block;
  line-height: 1;
  padding-left: 50px;
  margin: 20px 0 0;
}
.form-tel .tel::before {
  content: "";
  display: block;
  width: 40px;
  height: 24px;
  background: url("/themes/adastria/images/icon/icon_freecall.png") no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.45em;
}
.form-tel .notes {
  display: block;
  font-size: 0.75em;
  margin: 15px 0 0;
}
@media screen and (max-width: 767px) {
  .form-tel {
    margin-top: 30px;
  }
}

/**************************************************
    Others
***************************************************/
/* -----------------------------------------------
  Copy guard
-------------------------------------------------- */
.copy-guard {
  position: relative;
}
.copy-guard:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media print {
  .copy-guard:after {
    background: #EEE;
  }
}

/* -----------------------------------------------
  Slider
-------------------------------------------------- */
.swiper-container .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 20px;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  margin: 0 8px;
  outline: 0;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background: #000000;
}

/* -----------------------------------------------
  Photo
-------------------------------------------------- */
.photo-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[5];
  grid-template-columns: repeat(5, auto);
  -ms-grid-rows: (auto)[5];
  grid-template-rows: repeat(5, auto);
  margin: 2.5rem 5px;
  /* 連続するギャラリーのとき */
  /* ギャラリーの前の見出し */
  /* ギャラリーの後のキャプション */
  /* ギャラリーの後の囲み */
}
.photo-grid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.photo-grid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.photo-grid > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.photo-grid > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.photo-grid > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.photo-grid > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.photo-grid > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.photo-grid > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.photo-grid > *:nth-child(9) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
.photo-grid > *:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}
.photo-grid > *:nth-child(11) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.photo-grid > *:nth-child(12) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.photo-grid > *:nth-child(13) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.photo-grid > *:nth-child(14) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}
.photo-grid > *:nth-child(15) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.photo-grid > *:nth-child(16) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.photo-grid > *:nth-child(17) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
.photo-grid > *:nth-child(18) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}
.photo-grid > *:nth-child(19) {
  -ms-grid-row: 4;
  -ms-grid-column: 4;
}
.photo-grid > *:nth-child(20) {
  -ms-grid-row: 4;
  -ms-grid-column: 5;
}
.photo-grid > *:nth-child(21) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.photo-grid > *:nth-child(22) {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
}
.photo-grid > *:nth-child(23) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.photo-grid > *:nth-child(24) {
  -ms-grid-row: 5;
  -ms-grid-column: 4;
}
.photo-grid > *:nth-child(25) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
.photo-grid > .grid {
  padding: 5px;
}
.photo-grid.-column2 {
  -ms-grid-columns: (50%)[2];
  grid-template-columns: repeat(2, 50%);
  -ms-grid-rows: (auto)[10];
  grid-template-rows: repeat(10, auto);
}
.photo-grid.-column2 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.photo-grid.-column2 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.photo-grid.-column2 > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.photo-grid.-column2 > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.photo-grid.-column2 > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.photo-grid.-column2 > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.photo-grid.-column2 > *:nth-child(7) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.photo-grid.-column2 > *:nth-child(8) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
.photo-grid.-column2 > *:nth-child(9) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.photo-grid.-column2 > *:nth-child(10) {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
}
.photo-grid.-column2 > *:nth-child(11) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.photo-grid.-column2 > *:nth-child(12) {
  -ms-grid-row: 6;
  -ms-grid-column: 2;
}
.photo-grid.-column2 > *:nth-child(13) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.photo-grid.-column2 > *:nth-child(14) {
  -ms-grid-row: 7;
  -ms-grid-column: 2;
}
.photo-grid.-column2 > *:nth-child(15) {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
}
.photo-grid.-column2 > *:nth-child(16) {
  -ms-grid-row: 8;
  -ms-grid-column: 2;
}
.photo-grid.-column2 > *:nth-child(17) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.photo-grid.-column2 > *:nth-child(18) {
  -ms-grid-row: 9;
  -ms-grid-column: 2;
}
.photo-grid.-column2 > *:nth-child(19) {
  -ms-grid-row: 10;
  -ms-grid-column: 1;
}
.photo-grid.-column2 > *:nth-child(20) {
  -ms-grid-row: 10;
  -ms-grid-column: 2;
}
.photo-grid.-column3 {
  -ms-grid-columns: (33.3%)[3];
  grid-template-columns: repeat(3, 33.3%);
  -ms-grid-rows: (auto)[10];
  grid-template-rows: repeat(10, auto);
}
.photo-grid.-column3 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.photo-grid.-column3 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.photo-grid.-column3 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.photo-grid.-column3 > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.photo-grid.-column3 > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.photo-grid.-column3 > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.photo-grid.-column3 > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.photo-grid.-column3 > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.photo-grid.-column3 > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.photo-grid.-column3 > *:nth-child(10) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.photo-grid.-column3 > *:nth-child(11) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
.photo-grid.-column3 > *:nth-child(12) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}
.photo-grid.-column3 > *:nth-child(13) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.photo-grid.-column3 > *:nth-child(14) {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
}
.photo-grid.-column3 > *:nth-child(15) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.photo-grid.-column3 > *:nth-child(16) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.photo-grid.-column3 > *:nth-child(17) {
  -ms-grid-row: 6;
  -ms-grid-column: 2;
}
.photo-grid.-column3 > *:nth-child(18) {
  -ms-grid-row: 6;
  -ms-grid-column: 3;
}
.photo-grid.-column3 > *:nth-child(19) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.photo-grid.-column3 > *:nth-child(20) {
  -ms-grid-row: 7;
  -ms-grid-column: 2;
}
.photo-grid.-column3 > *:nth-child(21) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}
.photo-grid.-column3 > *:nth-child(22) {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
}
.photo-grid.-column3 > *:nth-child(23) {
  -ms-grid-row: 8;
  -ms-grid-column: 2;
}
.photo-grid.-column3 > *:nth-child(24) {
  -ms-grid-row: 8;
  -ms-grid-column: 3;
}
.photo-grid.-column3 > *:nth-child(25) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.photo-grid.-column3 > *:nth-child(26) {
  -ms-grid-row: 9;
  -ms-grid-column: 2;
}
.photo-grid.-column3 > *:nth-child(27) {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
}
.photo-grid.-column3 > *:nth-child(28) {
  -ms-grid-row: 10;
  -ms-grid-column: 1;
}
.photo-grid.-column3 > *:nth-child(29) {
  -ms-grid-row: 10;
  -ms-grid-column: 2;
}
.photo-grid.-column3 > *:nth-child(30) {
  -ms-grid-row: 10;
  -ms-grid-column: 3;
}
.photo-grid.-column4 {
  -ms-grid-columns: (25%)[4];
  grid-template-columns: repeat(4, 25%);
  -ms-grid-rows: (auto)[10];
  grid-template-rows: repeat(10, auto);
}
.photo-grid.-column4 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.photo-grid.-column4 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.photo-grid.-column4 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.photo-grid.-column4 > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.photo-grid.-column4 > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.photo-grid.-column4 > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.photo-grid.-column4 > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.photo-grid.-column4 > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
.photo-grid.-column4 > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.photo-grid.-column4 > *:nth-child(10) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.photo-grid.-column4 > *:nth-child(11) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.photo-grid.-column4 > *:nth-child(12) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}
.photo-grid.-column4 > *:nth-child(13) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.photo-grid.-column4 > *:nth-child(14) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
.photo-grid.-column4 > *:nth-child(15) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}
.photo-grid.-column4 > *:nth-child(16) {
  -ms-grid-row: 4;
  -ms-grid-column: 4;
}
.photo-grid.-column4 > *:nth-child(17) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.photo-grid.-column4 > *:nth-child(18) {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
}
.photo-grid.-column4 > *:nth-child(19) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.photo-grid.-column4 > *:nth-child(20) {
  -ms-grid-row: 5;
  -ms-grid-column: 4;
}
.photo-grid.-column4 > *:nth-child(21) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.photo-grid.-column4 > *:nth-child(22) {
  -ms-grid-row: 6;
  -ms-grid-column: 2;
}
.photo-grid.-column4 > *:nth-child(23) {
  -ms-grid-row: 6;
  -ms-grid-column: 3;
}
.photo-grid.-column4 > *:nth-child(24) {
  -ms-grid-row: 6;
  -ms-grid-column: 4;
}
.photo-grid.-column4 > *:nth-child(25) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.photo-grid.-column4 > *:nth-child(26) {
  -ms-grid-row: 7;
  -ms-grid-column: 2;
}
.photo-grid.-column4 > *:nth-child(27) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}
.photo-grid.-column4 > *:nth-child(28) {
  -ms-grid-row: 7;
  -ms-grid-column: 4;
}
.photo-grid.-column4 > *:nth-child(29) {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
}
.photo-grid.-column4 > *:nth-child(30) {
  -ms-grid-row: 8;
  -ms-grid-column: 2;
}
.photo-grid.-column4 > *:nth-child(31) {
  -ms-grid-row: 8;
  -ms-grid-column: 3;
}
.photo-grid.-column4 > *:nth-child(32) {
  -ms-grid-row: 8;
  -ms-grid-column: 4;
}
.photo-grid.-column4 > *:nth-child(33) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.photo-grid.-column4 > *:nth-child(34) {
  -ms-grid-row: 9;
  -ms-grid-column: 2;
}
.photo-grid.-column4 > *:nth-child(35) {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
}
.photo-grid.-column4 > *:nth-child(36) {
  -ms-grid-row: 9;
  -ms-grid-column: 4;
}
.photo-grid.-column4 > *:nth-child(37) {
  -ms-grid-row: 10;
  -ms-grid-column: 1;
}
.photo-grid.-column4 > *:nth-child(38) {
  -ms-grid-row: 10;
  -ms-grid-column: 2;
}
.photo-grid.-column4 > *:nth-child(39) {
  -ms-grid-row: 10;
  -ms-grid-column: 3;
}
.photo-grid.-column4 > *:nth-child(40) {
  -ms-grid-row: 10;
  -ms-grid-column: 4;
}
.photo-grid.-column5 {
  -ms-grid-columns: (20%)[5];
  grid-template-columns: repeat(5, 20%);
  -ms-grid-rows: (auto)[10];
  grid-template-rows: repeat(10, auto);
}
.photo-grid.-column5 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.photo-grid.-column5 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.photo-grid.-column5 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.photo-grid.-column5 > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.photo-grid.-column5 > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.photo-grid.-column5 > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.photo-grid.-column5 > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.photo-grid.-column5 > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.photo-grid.-column5 > *:nth-child(9) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
.photo-grid.-column5 > *:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}
.photo-grid.-column5 > *:nth-child(11) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.photo-grid.-column5 > *:nth-child(12) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.photo-grid.-column5 > *:nth-child(13) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.photo-grid.-column5 > *:nth-child(14) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}
.photo-grid.-column5 > *:nth-child(15) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.photo-grid.-column5 > *:nth-child(16) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.photo-grid.-column5 > *:nth-child(17) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
.photo-grid.-column5 > *:nth-child(18) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}
.photo-grid.-column5 > *:nth-child(19) {
  -ms-grid-row: 4;
  -ms-grid-column: 4;
}
.photo-grid.-column5 > *:nth-child(20) {
  -ms-grid-row: 4;
  -ms-grid-column: 5;
}
.photo-grid.-column5 > *:nth-child(21) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.photo-grid.-column5 > *:nth-child(22) {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
}
.photo-grid.-column5 > *:nth-child(23) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.photo-grid.-column5 > *:nth-child(24) {
  -ms-grid-row: 5;
  -ms-grid-column: 4;
}
.photo-grid.-column5 > *:nth-child(25) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
.photo-grid.-column5 > *:nth-child(26) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.photo-grid.-column5 > *:nth-child(27) {
  -ms-grid-row: 6;
  -ms-grid-column: 2;
}
.photo-grid.-column5 > *:nth-child(28) {
  -ms-grid-row: 6;
  -ms-grid-column: 3;
}
.photo-grid.-column5 > *:nth-child(29) {
  -ms-grid-row: 6;
  -ms-grid-column: 4;
}
.photo-grid.-column5 > *:nth-child(30) {
  -ms-grid-row: 6;
  -ms-grid-column: 5;
}
.photo-grid.-column5 > *:nth-child(31) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.photo-grid.-column5 > *:nth-child(32) {
  -ms-grid-row: 7;
  -ms-grid-column: 2;
}
.photo-grid.-column5 > *:nth-child(33) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}
.photo-grid.-column5 > *:nth-child(34) {
  -ms-grid-row: 7;
  -ms-grid-column: 4;
}
.photo-grid.-column5 > *:nth-child(35) {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
}
.photo-grid.-column5 > *:nth-child(36) {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
}
.photo-grid.-column5 > *:nth-child(37) {
  -ms-grid-row: 8;
  -ms-grid-column: 2;
}
.photo-grid.-column5 > *:nth-child(38) {
  -ms-grid-row: 8;
  -ms-grid-column: 3;
}
.photo-grid.-column5 > *:nth-child(39) {
  -ms-grid-row: 8;
  -ms-grid-column: 4;
}
.photo-grid.-column5 > *:nth-child(40) {
  -ms-grid-row: 8;
  -ms-grid-column: 5;
}
.photo-grid.-column5 > *:nth-child(41) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.photo-grid.-column5 > *:nth-child(42) {
  -ms-grid-row: 9;
  -ms-grid-column: 2;
}
.photo-grid.-column5 > *:nth-child(43) {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
}
.photo-grid.-column5 > *:nth-child(44) {
  -ms-grid-row: 9;
  -ms-grid-column: 4;
}
.photo-grid.-column5 > *:nth-child(45) {
  -ms-grid-row: 9;
  -ms-grid-column: 5;
}
.photo-grid.-column5 > *:nth-child(46) {
  -ms-grid-row: 10;
  -ms-grid-column: 1;
}
.photo-grid.-column5 > *:nth-child(47) {
  -ms-grid-row: 10;
  -ms-grid-column: 2;
}
.photo-grid.-column5 > *:nth-child(48) {
  -ms-grid-row: 10;
  -ms-grid-column: 3;
}
.photo-grid.-column5 > *:nth-child(49) {
  -ms-grid-row: 10;
  -ms-grid-column: 4;
}
.photo-grid.-column5 > *:nth-child(50) {
  -ms-grid-row: 10;
  -ms-grid-column: 5;
}
.photo-grid + .clearHidden + .photo-grid {
  margin: -1.875rem 5px 2.5rem;
}
.heading-a + .clearHidden + .photo-grid, .playfashion-entry .richeditor-content h2 + .clearHidden + .photo-grid, #ir.mail .site-content .inner .header + .clearHidden + .photo-grid, .heading-b + .clearHidden + .photo-grid {
  margin-top: 0;
}
.photo-grid + .caption {
  text-align: left;
  margin-top: -1.875rem;
}
.photo-grid + .box-a, .photo-grid + .box-b {
  margin-top: -0.625rem !important;
}

/**************************************************
  a-blog cms
***************************************************/
/* -----------------------------------------------
  Base
-------------------------------------------------- */
#adminBox {
  margin: 0;
}

.acms-admin-form-edit {
  font-weight: normal;
}

.entryFormColumn #more {
  display: none !important;
}

/* -----------------------------------------------
  Lite Editor
-------------------------------------------------- */
.color-red {
  font-weight: bold;
  color: #F00;
}

.color-orange {
  font-weight: bold;
  color: #F60;
}

.color-green {
  font-weight: bold;
  color: #096;
}

.color-blue {
  font-weight: bold;
  color: #06C;
}

.color-pink {
  font-weight: bold;
  color: #F06;
}

.color-gray {
  font-weight: bold;
  color: #888;
}

.color-yellow {
  font-weight: bold;
  color: #FC3;
}

.color-yGreen {
  font-weight: bold;
  color: #9C3;
}

.lite-editor-toolbox span[class*=color-],
.acms-admin-form-radio span[class*=color-] {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
}
.lite-editor-toolbox .color-red,
.acms-admin-form-radio .color-red {
  background-color: #F00;
}
.lite-editor-toolbox .color-orange,
.acms-admin-form-radio .color-orange {
  background-color: #F60;
}
.lite-editor-toolbox .color-green,
.acms-admin-form-radio .color-green {
  background-color: #096;
}
.lite-editor-toolbox .color-blue,
.acms-admin-form-radio .color-blue {
  background-color: #06C;
}
.lite-editor-toolbox .color-pink,
.acms-admin-form-radio .color-pink {
  background-color: #F06;
}
.lite-editor-toolbox .color-gray,
.acms-admin-form-radio .color-gray {
  background-color: #888;
}
.lite-editor-toolbox .color-yellow,
.acms-admin-form-radio .color-yellow {
  background-color: #FC3;
}
.lite-editor-toolbox .color-yGreen,
.acms-admin-form-radio .color-yGreen {
  background-color: #9C3;
}

/* -----------------------------------------------
  Grid Custom
-------------------------------------------------- */
@media (min-width: 769px) {
  .acms-entry [class*=column-eximage-],
  .acms-entry [class*=column-image-],
  .acms-entry [class*=column-media-],
  .acms-entry [class*=column-file-] {
    margin-bottom: 1.875rem;
  }
  .acms-grid > .column-image-left,
  .acms-grid > .column-media-left,
  [class*=box-] > .column-image-left,
  [class*=box-] > .column-media-left {
    padding-right: 1.875rem;
  }
  .acms-grid > .column-image-right,
  .acms-grid > .column-media-right,
  [class*=box-] > .column-image-right,
  [class*=box-] > .column-media-right {
    padding-left: 1.875rem;
  }
  [class*=box-] > [class*=column-image],
  [class*=box-] > [class*=column-media] {
    margin-bottom: 0;
  }
  .js-edit_inplace p:last-child {
    margin-bottom: 1em;
  }
  .js-edit_inplace.align_left + .js-edit_inplace {
    overflow: hidden;
  }
}
.acms-grid > .list-a,
.acms-grid > .list-b,
.acms-grid > .plain,
.wysiwyg .acms-grid > ol,
.wysiwyg .acms-grid > ul,
.markdown .acms-grid > ol,
.markdown .acms-grid > ul {
  padding-left: 10px;
}

.acms-grid > [class*=box-] {
  margin-left: 10px;
  margin-right: 10px;
}

.caption {
  display: block;
  font-size: 0.75em;
  margin-top: 0.5em;
  margin-bottom: 0;
  text-align: center;
}

[class*=column-eximage] a, [class*=column-image] a, [class*=column-media] a {
  text-decoration: none;
}

/**************************************************
  group setting for a-blog cms post page
***************************************************/
/* -----------------------------------------------
  Column
-------------------------------------------------- */
.column-2, .column-3, .column-4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 -10px;
}
.column-2 .clearHidden, .column-3 .clearHidden, .column-4 .clearHidden {
  display: none;
}
.column-2 > .column, .column-2 .column-image-left, .column-3 > .column, .column-3 .column-image-left, .column-4 > .column, .column-4 .column-image-left {
  box-sizing: border-box;
  padding: 0 10px;
  margin-bottom: 20px;
  text-align: center;
}
.column-2 > .column img, .column-2 .column-image-left img, .column-3 > .column img, .column-3 .column-image-left img, .column-4 > .column img, .column-4 .column-image-left img {
  max-width: 100%;
}
.column-2.column-2 > .column, .column-2.column-2 [class*=column-image], .column-2.column-2 [class*=column-media], .column-3.column-2 > .column, .column-3.column-2 [class*=column-image], .column-3.column-2 [class*=column-media], .column-4.column-2 > .column, .column-4.column-2 [class*=column-image], .column-4.column-2 [class*=column-media] {
  width: 50% !important;
}
.column-2.column-3 > .column, .column-2.column-3 [class*=column-image], .column-2.column-3 [class*=column-media], .column-3.column-3 > .column, .column-3.column-3 [class*=column-image], .column-3.column-3 [class*=column-media], .column-4.column-3 > .column, .column-4.column-3 [class*=column-image], .column-4.column-3 [class*=column-media] {
  width: 33.3% !important;
}
.column-2.column-3::after, .column-3.column-3::after, .column-4.column-3::after {
  content: "";
  display: block;
  width: 33.3% !important;
}
.column-2.column-4 > .column, .column-2.column-4 [class*=column-image], .column-2.column-4 [class*=column-media], .column-3.column-4 > .column, .column-3.column-4 [class*=column-image], .column-3.column-4 [class*=column-media], .column-4.column-4 > .column, .column-4.column-4 [class*=column-image], .column-4.column-4 [class*=column-media] {
  width: 25% !important;
}
.column-2.column-4::before, .column-2.column-4::after, .column-3.column-4::before, .column-3.column-4::after, .column-4.column-4::before, .column-4.column-4::after {
  order: 1;
  content: "";
  display: block;
  width: 25% !important;
}

/* -----------------------------------------------
  Box
-------------------------------------------------- */
.box-a, .box-b {
  clear: both;
  zoom: 1;
  padding: 1.5em 1em;
  margin: 1.875rem 0;
}
.box-a:after, .box-b:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}
.box-a:first-child, .box-b:first-child {
  margin-top: 0;
}
.box-a.box-a, .box-b.box-a {
  border: 1px solid #dddddd;
}
.box-a.box-b, .box-b.box-b {
  background: #f2f2f2;
}

/* -----------------------------------------------
  Photo Gallery
-------------------------------------------------- */
.photo-gallery {
  position: relative;
  margin: 0 0 1.875rem;
  overflow: hidden;
}
.photo-gallery .swiper-wrapper .swiper-slide {
  width: 100% !important;
}
.photo-gallery .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.photo-gallery .swiper-pagination-bullets {
  bottom: 0;
}
.photo-gallery .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #000;
}

/**************************************************
	unit setting for a-blog cms post page
***************************************************/
/* -----------------------------------------------
  Text Unit
-------------------------------------------------- */
/* ---------- heading ---------- */
/* ---------- wysiwyg ---------- */
.wysiwyg ol, .wysiwyg ul, .markdown ol, .markdown ul {
  padding-left: 10px;
}
.wysiwyg blockquote, .markdown blockquote {
  margin-left: 10px;
}
.wysiwyg table, .markdown table {
  max-width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  border: 0;
}

/* ---------- inline ---------- */
.highlight {
  background: linear-gradient(transparent 60%, #ffd400 60%);
  font-style: normal;
}

/* -----------------------------------------------
	Table
-------------------------------------------------- */
[class*=acms-col-] .column-table- table {
  width: 100%;
}

/* -----------------------------------------------
	File Unit
-------------------------------------------------- */
[class*=column-file] {
  background: repeating-linear-gradient(-45deg, #EEE 0, #EEE 1px, transparent 0, transparent 50%);
  background-size: 4px 4px;
  margin: 1.25rem 0.625rem 1.25rem;
  padding: 1em;
}

.icon-pdf::before {
  display: inline-block;
  content: "";
  width: 14px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.457' height='15.7' viewBox='0 0 13.457 15.7'%3E%3Cpath id='file_pdf_o' data-name='file pdf o' d='M12.862,3.329A2.038,2.038,0,0,1,13.282,4a2.023,2.023,0,0,1,.175.771V14.859a.838.838,0,0,1-.841.841H.841a.811.811,0,0,1-.6-.245.811.811,0,0,1-.245-.6V.841a.811.811,0,0,1,.245-.6A.811.811,0,0,1,.841,0h7.85a2.023,2.023,0,0,1,.771.175A2.038,2.038,0,0,1,10.128.6ZM8.972,1.192V4.486h3.294a.957.957,0,0,0-.193-.359L9.331,1.384A.957.957,0,0,0,8.972,1.192Zm3.364,13.387V5.607H8.691a.838.838,0,0,1-.841-.841V1.121H1.121V14.579Zm-4.5-5.2a6.666,6.666,0,0,0,.736.491,8.694,8.694,0,0,1,1.025-.061q1.288,0,1.551.429a.423.423,0,0,1,.018.456.025.025,0,0,1-.009.018l-.018.018v.009q-.053.333-.622.333A3.614,3.614,0,0,1,9.506,10.9a6.387,6.387,0,0,1-1.139-.464,15.777,15.777,0,0,0-3.434.727q-1.34,2.3-2.12,2.3a.509.509,0,0,1-.245-.061l-.21-.105L2.3,13.247a.362.362,0,0,1-.053-.315,1.9,1.9,0,0,1,.491-.8A4.234,4.234,0,0,1,3.9,11.284a.128.128,0,0,1,.2.053.05.05,0,0,1,.018.035q.456-.745.937-1.726a13.37,13.37,0,0,0,.911-2.3,7.082,7.082,0,0,1-.267-1.4,3.407,3.407,0,0,1,.057-1.117q.1-.35.368-.35h.193a.369.369,0,0,1,.307.131.7.7,0,0,1,.079.6.19.19,0,0,1-.035.07.228.228,0,0,1,.009.07v.263A11.472,11.472,0,0,1,6.553,7.3,4.432,4.432,0,0,0,7.833,9.383Zm-5.046,3.6a3.868,3.868,0,0,0,1.2-1.384,5,5,0,0,0-.767.736A2.912,2.912,0,0,0,2.786,12.984Zm3.487-8.06A2.605,2.605,0,0,0,6.256,6.08q.009-.061.061-.385,0-.026.061-.377a.2.2,0,0,1,.035-.07A.025.025,0,0,1,6.4,5.23.067.067,0,0,1,6.4,5.2a.5.5,0,0,0-.114-.315.025.025,0,0,1-.009.018ZM5.187,10.715a12.85,12.85,0,0,1,2.488-.71,1.324,1.324,0,0,1-.114-.083,1.566,1.566,0,0,1-.14-.118A4.641,4.641,0,0,1,6.308,8.262a11.706,11.706,0,0,1-.727,1.726Q5.318,10.478,5.187,10.715Zm5.66-.14a2.1,2.1,0,0,0-1.227-.21,3.314,3.314,0,0,0,1.086.245.849.849,0,0,0,.158-.009Q10.864,10.592,10.846,10.575Zm2.611,2.882'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  background-size: 14px 15px;
  margin-right: 8px;
  vertical-align: middle;
}
.icon-pdf-after::after {
  display: inline-block;
  content: "";
  width: 14px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.457' height='15.7' viewBox='0 0 13.457 15.7'%3E%3Cpath id='file_pdf_o' data-name='file pdf o' d='M12.862,3.329A2.038,2.038,0,0,1,13.282,4a2.023,2.023,0,0,1,.175.771V14.859a.838.838,0,0,1-.841.841H.841a.811.811,0,0,1-.6-.245.811.811,0,0,1-.245-.6V.841a.811.811,0,0,1,.245-.6A.811.811,0,0,1,.841,0h7.85a2.023,2.023,0,0,1,.771.175A2.038,2.038,0,0,1,10.128.6ZM8.972,1.192V4.486h3.294a.957.957,0,0,0-.193-.359L9.331,1.384A.957.957,0,0,0,8.972,1.192Zm3.364,13.387V5.607H8.691a.838.838,0,0,1-.841-.841V1.121H1.121V14.579Zm-4.5-5.2a6.666,6.666,0,0,0,.736.491,8.694,8.694,0,0,1,1.025-.061q1.288,0,1.551.429a.423.423,0,0,1,.018.456.025.025,0,0,1-.009.018l-.018.018v.009q-.053.333-.622.333A3.614,3.614,0,0,1,9.506,10.9a6.387,6.387,0,0,1-1.139-.464,15.777,15.777,0,0,0-3.434.727q-1.34,2.3-2.12,2.3a.509.509,0,0,1-.245-.061l-.21-.105L2.3,13.247a.362.362,0,0,1-.053-.315,1.9,1.9,0,0,1,.491-.8A4.234,4.234,0,0,1,3.9,11.284a.128.128,0,0,1,.2.053.05.05,0,0,1,.018.035q.456-.745.937-1.726a13.37,13.37,0,0,0,.911-2.3,7.082,7.082,0,0,1-.267-1.4,3.407,3.407,0,0,1,.057-1.117q.1-.35.368-.35h.193a.369.369,0,0,1,.307.131.7.7,0,0,1,.079.6.19.19,0,0,1-.035.07.228.228,0,0,1,.009.07v.263A11.472,11.472,0,0,1,6.553,7.3,4.432,4.432,0,0,0,7.833,9.383Zm-5.046,3.6a3.868,3.868,0,0,0,1.2-1.384,5,5,0,0,0-.767.736A2.912,2.912,0,0,0,2.786,12.984Zm3.487-8.06A2.605,2.605,0,0,0,6.256,6.08q.009-.061.061-.385,0-.026.061-.377a.2.2,0,0,1,.035-.07A.025.025,0,0,1,6.4,5.23.067.067,0,0,1,6.4,5.2a.5.5,0,0,0-.114-.315.025.025,0,0,1-.009.018ZM5.187,10.715a12.85,12.85,0,0,1,2.488-.71,1.324,1.324,0,0,1-.114-.083,1.566,1.566,0,0,1-.14-.118A4.641,4.641,0,0,1,6.308,8.262a11.706,11.706,0,0,1-.727,1.726Q5.318,10.478,5.187,10.715Zm5.66-.14a2.1,2.1,0,0,0-1.227-.21,3.314,3.314,0,0,0,1.086.245.849.849,0,0,0,.158-.009Q10.864,10.592,10.846,10.575Zm2.611,2.882'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  background-size: 14px 15px;
  margin-left: 8px;
  vertical-align: middle;
}

.icon-xls::before, .icon-xlsx::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/icon/icon_xls.svg) no-repeat 0 0;
  background-size: 18px 18px;
  margin-right: 8px;
  vertical-align: middle;
}

.icon-doc::before, .icon-docx::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/icon/icon_doc.svg) no-repeat 0 0;
  background-size: 18px 18px;
  margin-right: 8px;
  vertical-align: middle;
}

.icon-ppt::before, .icon-pptx::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../images/icon/icon_ppt.svg) no-repeat 0 0;
  background-size: 18px 18px;
  margin-right: 8px;
  vertical-align: middle;
}

/* -----------------------------------------------
	Divider
-------------------------------------------------- */
.divider {
  height: 1px;
}
.divider.-x0\.5 {
  margin-bottom: 0.5em;
}
.divider.-x1 {
  margin-bottom: 1em;
}
.divider.-x2 {
  margin-bottom: 2em;
}
.divider.-x3 {
  margin-bottom: 3em;
}
.divider.-x4 {
  margin-bottom: 4em;
}
.divider.-separate {
  border-bottom: 1px solid #E2E2E6;
}
.divider.-separate.-x0\.5 {
  padding-bottom: 0.5em;
}
.divider.-separate.-x1 {
  padding-bottom: 1em;
}
.divider.-separate.-x2 {
  padding-bottom: 2em;
}
.divider.-separate.-x3 {
  padding-bottom: 3em;
}
.divider.-separate.-x4 {
  padding-bottom: 4em;
}

/* -----------------------------------------------
	Video
-------------------------------------------------- */
.videoplayer {
  display: block;
  margin: 0 10px 20px;
}

.video-js .vjs-big-play-button {
  font-size: 6em !important;
  width: 1.6em !important;
  height: 1.6em !important;
  border-radius: 50% !important;
  margin-left: -0.8em !important;
}
.fancybox-container .video-js .vjs-big-play-button {
  display: none !important;
}

/**************************************************
    Top
***************************************************/
#top .section {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s;
}
#top .section.-fade-in {
  opacity: 1;
  transform: translateY(0);
}
#top .section .section-heading {
  margin-bottom: 1.875rem;
}

/* -----------------------------------------------
  Hero
-------------------------------------------------- */
.top-hero .swiper-slide {
  position: relative;
  height: 42.1875vw;
  overflow: hidden;
}
.top-hero .swiper-slide .image {
  display: block;
  width: 100%;
  height: 100%;
}
.top-hero .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: none;
  height: 100%;
}
.top-hero .swiper-button-prev,
.top-hero .swiper-button-next {
  outline: 0;
}
.top-hero .swiper-button-prev::after,
.top-hero .swiper-button-next::after {
  display: none;
}
.top-hero .swiper-button-prev::before,
.top-hero .swiper-button-next::before {
  display: inline-block;
  content: "";
  width: 1.625rem;
  height: 3.125rem;
  background: url(../images/arrow_a.svg) no-repeat 0 0;
  background-size: 1.625rem 3.125rem;
}
@media screen and (max-width: 767px) {
  .top-hero .swiper-button-prev::before,
  .top-hero .swiper-button-next::before {
    display: inline-block;
    content: "";
    width: 0.8125rem;
    height: 1.5625rem;
    background: url(../images/arrow_a.svg) no-repeat 0 0;
    background-size: 0.8125rem 1.5625rem;
  }
}
.top-hero .swiper-button-prev::before {
  transform: scale(-1, 1);
}
.top-hero .swiper-pagination {
  bottom: 20px;
}

/* -----------------------------------------------
  Notice
-------------------------------------------------- */
.top-notice {
  display: flex;
  justify-content: center;
  font-weight: bold;
  margin: 1.875rem 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top-notice {
    margin: 1.25rem;
    font-size: 0.875rem;
  }
}

/* -----------------------------------------------
  Navigation
-------------------------------------------------- */
.top-navigation {
  display: flex;
  justify-content: space-between;
  margin: 1.875rem 0 0;
}
@media screen and (max-width: 767px) {
  .top-navigation {
    flex-wrap: wrap;
    margin: 1.25rem 0 0;
  }
}
.top-navigation .item {
  width: calc(33.3333333333% - 1px);
}
@media screen and (max-width: 767px) {
  .top-navigation .item {
    margin-bottom: 1px;
  }
}
.top-navigation .link {
  display: block;
  background: #000000;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  border: 3px solid #000000;
  transition: 0.15s all;
  padding: 1.0714285714em 0;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .top-navigation .link {
    padding: 0.5em 0 0.8em;
    white-space: nowrap;
  }
}
.top-navigation .link > .en {
  font-size: 1.75rem;
  font-family: calibri, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.1;
}
@media screen and (max-width: 767px) {
  .top-navigation .link > .en {
    font-size: 1rem;
  }
}
.top-navigation .link > .jp {
  display: block;
  font-size: 1.125rem;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  .top-navigation .link > .jp {
    font-size: 0.625rem;
  }
}
[lang=en] .top-navigation .link > .jp {
  display: none;
}
.top-navigation .link:hover {
  background: #ffffff;
  color: #000000;
}

/* -----------------------------------------------
  Pickup
-------------------------------------------------- */
.top-pickup {
  overflow: hidden;
  max-width: 1280px;
  margin: 3.75rem auto;
  /* company pickup */
  /* brand pickup */
}
@media screen and (max-width: 767px) {
  .top-pickup {
    margin: 1.875rem 0;
  }
}
.top-pickup .swiper-container {
  width: 100%;
  overflow: visible;
  padding-bottom: 60px;
}
.top-pickup > .slider .swiper-slide img {
  width: 100%;
}
.top-pickup > .slider .swiper-pagination {
  position: static;
  bottom: auto;
  left: 0;
  padding: 1.875em 0 1.125em;
}
@media screen and (max-width: 767px) {
  .top-pickup > .slider .swiper-pagination {
    justify-content: flex-start;
    padding: 1.5em;
  }
}
.top-pickup > .slider .button-control {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  width: 120px;
  height: 60px;
  box-sizing: border-box;
  z-index: 10;
}
.top-pickup > .slider .button-control > div {
  outline: 0;
  width: 60px;
  height: 100%;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: #000000;
}
.top-pickup > .slider .button-control .swiper-button-disabled {
  background: #707070;
}
.top-pickup.-company .swiper-container {
  height: 42.1875vw;
}
@media (min-width: 769px) {
  .top-pickup.-company .swiper-container {
    max-height: 540px;
  }
}
@media screen and (max-width: 767px) {
  .top-pickup.-company .swiper-container {
    height: 168.75vw;
  }
}
.top-pickup.-company .swiper-slide {
  width: 100%;
  height: 21.09375vw;
}
@media (min-width: 769px) {
  .top-pickup.-company .swiper-slide {
    max-height: 270px;
  }
}
@media screen and (max-width: 767px) {
  .top-pickup.-company .swiper-slide {
    height: 42.1875vw;
  }
}
.top-pickup.-company .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-pickup.-brand .swiper-container {
  height: 50vw;
  max-height: 640px;
}
@media screen and (max-width: 767px) {
  .top-pickup.-brand .swiper-container {
    height: 100vw;
  }
}
.top-pickup.-brand .swiper-slide .inner {
  position: relative;
  width: 100%;
  height: 50vw;
  max-height: 640px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top-pickup.-brand .swiper-slide .inner {
    height: 100vw;
  }
}
.top-pickup.-brand .swiper-slide .inner a {
  position: static;
}
.top-pickup.-brand .swiper-slide .inner .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: none;
  height: 100%;
  transform: translate(-50%, -50%);
}
.top-pickup.-brand .swiper-slide:nth-child(2n) .inner {
  display: flex;
  flex-wrap: wrap;
}
.top-pickup.-brand .swiper-slide:nth-child(2n) .inner .image {
  width: 50%;
  height: 50%;
  position: relative;
  overflow: hidden;
}

/* -----------------------------------------------
  Play Fashion
-------------------------------------------------- */
.top-magazine {
  background: #F8F8F8;
  padding: 3.125rem 0 3.75rem;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .top-magazine {
    margin-top: 2.5rem;
    padding: 1.875em 0;
  }
}
.top-magazine > .heading {
  text-align: center;
  font-size: 3em;
  font-family: calibri, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
  margin-bottom: 0.375em;
}
@media screen and (max-width: 767px) {
  .top-magazine > .heading {
    font-size: 1.875em;
  }
}
.top-magazine > .heading svg {
  width: 7em;
  height: 1.58em;
}
.top-magazine > .text {
  text-align: center;
  font-size: 0.875em;
}
@media screen and (max-width: 767px) {
  .top-magazine > .text {
    text-align: left;
    padding: 0 1.4285714286em;
  }
}
.top-magazine > .text br {
  display: none;
}
.top-magazine .playfashion-list {
  margin: 1.875rem auto;
}
.top-magazine .playfashion-list > .item {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .top-magazine .playfashion-list {
    margin: 1.25rem 0 0;
  }
  .top-magazine .playfashion-list > .item:first-child {
    width: 100%;
  }
}
.top-magazine > .read-more {
  text-align: center;
}
.top-magazine > .read-more .button-a, .top-magazine > .read-more .button-action > * .link, .button-action > * .top-magazine > .read-more .link, .top-magazine > .read-more .form-button {
  padding: 0.8em;
}

/* -----------------------------------------------
  News
-------------------------------------------------- */
.top-news {
  padding: 5rem 0;
}
@media screen and (max-width: 767px) {
  .top-news {
    padding: 1.25rem 1.25rem 0;
  }
}
.top-news > .inner {
  max-width: 1280px;
  padding: 0 3.75rem;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .top-news > .inner {
    width: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
  }
}
.top-news .news-box {
  width: calc(50% - 30px);
}
@media screen and (max-width: 767px) {
  .top-news .news-box {
    width: 100%;
    margin-bottom: 1.875rem;
  }
}
.top-news .news-box > .heading {
  font-size: 1.75em;
  font-family: calibri, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .top-news .news-box > .heading {
    font-size: 1.875em;
  }
}

/* -----------------------------------------------
  brand
-------------------------------------------------- */
.top-brand {
  padding-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .top-brand {
    padding: 0 1.25rem 0;
  }
}
.top-brand > .inner {
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .top-brand > .inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.top-brand .logos {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .top-brand .logos {
    margin: 0;
  }
}
.top-brand .logos .item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  margin-bottom: 2.5rem;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .top-brand .logos .item {
    width: 33.3333333333%;
    padding: 0 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 0.625rem;
  }
}
.top-brand .logos .item a {
  display: block;
}
.top-brand .logos .item a:hover {
  opacity: 0.6;
}
.top-brand .logos .item img, .top-brand .logos .item svg {
  vertical-align: middle;
  width: auto;
  max-height: 2em;
}
.top-brand .logos .item img[src*=svg], .top-brand .logos .item svg[src*=svg] {
  min-width: 6em;
}
@media screen and (max-width: 767px) {
  .top-brand .logos .item img[src*=svg], .top-brand .logos .item svg[src*=svg] {
    max-height: 1.25em;
  }
}
.top-brand .brand-slide-tab .list {
  transform: none !important;
}
.top-brand .brand-slide-tab .item {
  width: auto;
}
.top-brand .brand-slide-main-container {
  position: relative;
}
.top-brand .brand-slide-main {
  overflow: hidden;
  position: relative;
}
.top-brand .category-list-a .link {
  cursor: pointer;
}
.top-brand .category-list-a .swiper-slide-thumb-active .link::before {
  width: 100%;
}

/* -----------------------------------------------

-------------------------------------------------- */
.top-alc {
  margin: 0 0 3.125em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top-alc {
    margin: 0 1.25rem 1.875em;
  }
}
.top-alc a:hover {
  opacity: 0.7;
}

/* -----------------------------------------------
  Dot ST
-------------------------------------------------- */
.top-dotst {
  background: #F8F8F8;
  padding: 3.125em 0;
}
@media screen and (max-width: 767px) {
  .top-dotst {
    padding: 1.875em 1.25em;
    margin: 1.875rem 0;
  }
}
.top-dotst a {
  text-decoration: none;
}
.top-dotst .dotst-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .top-dotst .dotst-logo {
    flex-wrap: wrap;
  }
}
.top-dotst .dotst-logo .logo {
  margin-right: 2em;
}
@media screen and (max-width: 767px) {
  .top-dotst .dotst-logo .logo {
    width: 50%;
    margin-right: 0;
    margin-bottom: 0.625rem;
  }
}
.top-dotst .dotst-logo .caption {
  margin-top: 0;
  font-size: 0.875rem;
  text-align: left;
}

/* -----------------------------------------------
  Instagram
-------------------------------------------------- */
.top-instagram {
  padding: 4.375rem 0 0;
}
@media screen and (max-width: 767px) {
  .top-instagram {
    padding: 1.875rem 0 0;
  }
}
.top-instagram > .heading {
  font-family: "Josefin Sans", sans-serif;
  text-align: center;
  font-size: 1.875rem;
  margin-bottom: 2.1875rem;
}
@media screen and (max-width: 767px) {
  .top-instagram > .heading {
    margin-bottom: 1.25rem;
  }
}
.top-instagram .instagram-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (25%)[4];
  grid-template-columns: repeat(4, 25%);
  -ms-grid-rows: (auto)[2];
  grid-template-rows: repeat(2, auto);
  max-width: 1280px;
  margin: 0 auto;
}
.top-instagram .instagram-list > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.top-instagram .instagram-list > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.top-instagram .instagram-list > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.top-instagram .instagram-list > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.top-instagram .instagram-list > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.top-instagram .instagram-list > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.top-instagram .instagram-list > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.top-instagram .instagram-list > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
@media (min-width: 769px) {
  .top-instagram .instagram-list > .item:nth-child(9) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .top-instagram .instagram-list {
    -ms-grid-columns: (33%)[3];
    grid-template-columns: repeat(3, 33%);
  }
}
.top-instagram .instagram-card {
  display: block;
  position: relative;
  overflow: hidden;
}
.top-instagram .instagram-card::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.top-instagram .instagram-card img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s ease-out;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}
.top-instagram .instagram-card:hover img {
  transform: translate(-50%, -50%) scale(1.1, 1.1);
}
.top-instagram .instagram-card:hover .body {
  color: #FFF;
  opacity: 1;
}
.top-instagram .instagram-card .body {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 1em 0 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.8);
  border: 2em solid transparent;
  transition: all 0.5s;
  overflow-x: hidden;
  word-wrap: break-word;
  text-align: left;
}
.top-instagram .instagram-card .body::-webkit-scrollbar {
  width: 5px;
}
.top-instagram .instagram-card .body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}
.top-instagram .instagram-card .body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**************************************************
  Entry
***************************************************/
@media screen and (max-width: 767px) {
  .entry-body {
    font-size: 0.875rem;
  }
  .entry-body .columnImage:not([src*=".svg"]) {
    width: auto;
  }
}

.entry-header {
  padding-bottom: 0.625em;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #E2E2E6;
}
.entry-header .meta {
  margin-bottom: 0.625em;
}
.entry-header .meta > .date, .entry-header .meta > .category {
  display: inline-block;
}
.entry-header .meta > .date {
  color: #666666;
  font-size: 0.75em;
  margin-right: 1em;
  vertical-align: -1px;
}
.entry-header .meta > .category {
  font-size: 0.625em;
  border: 1px solid #000000;
  padding: 0 1em;
}
@media all and (-ms-high-contrast: none) {
  .entry-header .meta > .category {
    line-height: 1;
    padding: 0.5em 1em 0.2em;
  }
}
.entry-header .title {
  font-size: 1.25rem;
}

.entry-compatible .news-image {
  text-align: center;
  margin: 1em 0 2em;
}
.entry-compatible .news-body {
  padding: 0 10px;
  margin: 1em 0;
}
.entry-compatible .news-body:first-child {
  margin-top: 0;
}

.entry-footer .back-top {
  text-align: center;
  margin-top: 2.5rem;
  padding: 1.25em 0 1.25em;
  border-top: 1px solid #E2E2E6;
}
.entry-footer .back-top a {
  font-size: 0.875em;
  text-decoration: none;
}
.entry-footer .back-top a:before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.25' height='17.234' viewBox='0 0 29.25 17.234'%3E%3Cpath id='Path_298' data-name='Path 298' d='M831.005,3319.162a1.133,1.133,0,0,0-.3.838,1.174,1.174,0,0,0,1.219,1.219h23.842l-5.18,5.256a1.186,1.186,0,1,0,1.676,1.675l7.313-7.312a.739.739,0,0,0,.3-.381,1.412,1.412,0,0,0,0-.914.739.739,0,0,0-.3-.381l-7.313-7.312a1.186,1.186,0,1,0-1.676,1.675l5.18,5.256H831.919A1.247,1.247,0,0,0,831.005,3319.162Z' transform='translate(-830.7 -3311.383)'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  background-size: 1em 1em;
  background-position: 0 50%;
  vertical-align: middle;
  margin-right: 1em;
  transform: scale(-1, -1);
  content: "";
}
@media all and (-ms-high-contrast: none) {
  .entry-footer .back-top a:before {
    background-size: 1em auto;
  }
}

.pager-square {
  display: flex;
  justify-content: center;
  margin: 3.75rem 0;
}
.pager-square li {
  margin: 0 0.5em;
}
.pager-square li a, .pager-square li span {
  width: 2.5em;
  height: 2.5em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.pager-square li.back-link a, .pager-square li.back-link span, .pager-square li.forward-link a, .pager-square li.forward-link span {
  display: block;
  text-indent: -9999px;
}
.pager-square li.back-link span:before, .pager-square li.forward-link span:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5em;
  height: 0.5em;
  border-right: 1.5px solid #000;
  border-bottom: 1.5px solid #000;
  content: "";
}
.pager-square li.back-link span:before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.pager-square li.forward-link span:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.pager-square li:not(.back-link):not(.forward-link) a {
  background: #EEE;
  font-weight: bold;
  transition: 0.15s all;
}
.pager-square li:not(.back-link):not(.forward-link) a:hover {
  color: #ffffff;
  background: #000000;
}
.pager-square li:not(.back-link):not(.forward-link).current a, .pager-square li:not(.back-link):not(.forward-link).current span {
  color: #ffffff;
  background: #000000;
}

.entry-social {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2em 0 0;
}
.entry-social::before {
  content: "Share";
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 1em;
}
.entry-social > li {
  margin: 0 0.63em;
}
.entry-social > li a {
  display: inline-block;
  background: #DDD;
  width: 2.5rem;
  height: 2.5rem;
  text-indent: -9999px;
  transition: all 0.2s;
}
.entry-social > li a.facebook {
  background: #3b5998 url(../images/icon/icon_share_facebook_white.svg) no-repeat 50% 50%;
  background-size: 1.5em 1.5em;
  border: 1px solid #3b5998;
}
.entry-social > li a.facebook:hover {
  background-color: transparent;
  background-image: url(../images/icon/icon_share_facebook.svg);
}
.entry-social > li a.twitter {
  background: #000 url(../images/icon/icon_share_x_white.svg) no-repeat 50% 50%;
  background-size: 1.5em 1.5em;
  border: 1px solid #000;
}
.entry-social > li a.twitter:hover {
  background-color: transparent;
  background-image: url(../images/icon/icon_share_x.svg);
}
.entry-social > li a.line {
  background: #00B900 url(../images/icon/icon_share_line_white.svg) no-repeat 50% 50%;
  background-size: 1.5em 1.5em;
  border: 1px solid #00B900;
}
.entry-social > li a.line:hover {
  background-color: transparent;
  background-image: url(../images/icon/icon_share_line.svg);
}

/**************************************************
  Index
***************************************************/
.news-filter {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .news-filter {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
[lang=en] .news-filter {
  justify-content: flex-end;
  margin-top: -5rem;
}
.news-filter .category-list-a {
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .news-filter .category-list-a {
    width: 100%;
    box-sizing: border-box;
    padding-right: 3.75rem;
    justify-content: space-between;
  }
  .news-filter .category-list-a .overlay {
    width: 100%;
  }
  .news-filter .category-list-a .overlay .list {
    width: 100%;
    justify-content: space-between;
  }
}
.news-filter .select-year {
  position: relative;
  width: 8.125em;
}
@media screen and (max-width: 767px) {
  .news-filter .select-year {
    margin-top: 1.25em;
  }
}
.news-filter .select-year .select {
  font-size: 0.875em;
  border: 0;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #000000;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .news-filter .select-year .select {
    font-size: 1em;
    padding: 0.625em 0 0.3125em;
  }
}
.news-filter .select-year .select::-ms-expand {
  display: none;
}
.news-filter .select-year:after {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  transform: translateY(-50%) rotate(45deg);
  content: "";
}

/**************************************************
  Shop
***************************************************/
/* -----------------------------------------------
  Search Index
-------------------------------------------------- */
#shop .intro-text {
  text-align: center;
  font-size: 0.875em;
  margin-bottom: 0;
}
@media (min-width: 769px) {
  #shop .intro-text br {
    display: none;
  }
}
#shop .category-list-a {
  margin: 1.875rem 0;
}
@media screen and (max-width: 767px) {
  #shop .category-list-a {
    margin: 1.25rem 0 2.5rem;
  }
}

.checkbox-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.3125rem;
}
.checkbox-list > .item {
  width: 20%;
  box-sizing: border-box;
  margin-bottom: 0.625rem;
  padding: 0 0.3125rem;
}
@media screen and (max-width: 767px) {
  .checkbox-list > .item {
    width: 33.33%;
  }
}

.area-checkbox, .brand-checkbox {
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  position: relative;
  height: 100%;
}
.area-checkbox:hover .name, .brand-checkbox:hover .name, .area-checkbox:hover .figure, .brand-checkbox:hover .figure {
  border-color: #999999;
}
.area-checkbox input, .brand-checkbox input {
  position: absolute;
  left: 0;
  outline: 0;
  opacity: 0;
}
.area-checkbox input:checked + .name, .brand-checkbox input:checked + .name, .area-checkbox input:checked + .figure, .brand-checkbox input:checked + .figure {
  border-color: #999999;
  background: #F0F0F0;
}

.brand-checkbox {
  text-decoration: none;
}
.brand-checkbox .figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 100%;
  min-height: 7em;
  padding: 0.875em;
  box-sizing: border-box;
  border: 1px solid #E9E9EC;
}
@media screen and (max-width: 767px) {
  .brand-checkbox .figure {
    min-height: 4em;
  }
}
.brand-checkbox .figure .image {
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .brand-checkbox .figure .image {
    height: 1.5em;
  }
}
@media all and (-ms-high-contrast: none) {
  .brand-checkbox .figure .image img {
    width: 100px;
  }
}
.brand-checkbox .figure .image img {
  max-height: 100%;
}
.brand-checkbox .figure .text {
  display: block;
  font-size: 0.75em;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .brand-checkbox .figure .text {
    font-size: 0.5em;
  }
}

.area-checkbox {
  text-decoration: none;
}
.area-checkbox .name {
  display: block;
  text-align: center;
  border: 1px solid #E9E9EC;
  font-size: 0.75em;
  padding: 1em;
}

/* -----------------------------------------------
  Search Result
-------------------------------------------------- */
#shop .anchor-list {
  margin-bottom: 1.25rem;
}

/* ----------- list ---------- */
.shop-list {
  width: 100%;
}
.shop-list td {
  text-align: left;
  box-sizing: border-box;
  padding: 1em 0.5em;
}
.shop-list td:first-child {
  width: 35%;
  padding-left: 0;
}
.shop-list td:nth-child(2) {
  width: 36%;
}
@media screen and (max-width: 767px) {
  .shop-list td:nth-child(2) {
    display: none;
  }
}
.shop-list td:nth-child(3) {
  width: 15%;
}
@media screen and (max-width: 767px) {
  .shop-list td:nth-child(3) {
    display: none;
  }
}
.shop-list td:last-child {
  width: 14%;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .shop-list td:last-child {
    display: none;
  }
}

#country-other-asia:has(+ #country-other-asia) {
  margin-bottom: 0;
}
#country-other-asia:has(+ #country-other-asia) .shop-list {
  margin-bottom: -1px;
}
#country-other-asia + #country-other-asia .heading-b {
  display: none;
}

/* -----------------------------------------------
  Shop Detail
-------------------------------------------------- */
/* ----------- map ---------- */
.shop-map {
  width: 100%;
  height: 25em;
}
@media screen and (max-width: 767px) {
  .shop-map {
    height: 14.6875em;
  }
}
.shop-map iframe {
  width: 100%;
  height: 100%;
}
.shop-map img {
  max-width: none;
}

/* ----------- detail ---------- */
.shop-detail {
  margin-top: 1.875rem;
}
.shop-detail .shop-logo {
  margin-bottom: 1.25rem;
}
.shop-detail .shop-logo img, .shop-detail .shop-logo svg {
  width: auto;
  max-width: 22%;
  min-height: 50px;
}
@media all and (-ms-high-contrast: none) {
  .shop-detail .shop-logo img, .shop-detail .shop-logo svg {
    max-width: none;
    height: 50px;
  }
}
.shop-detail .shop-information {
  width: 100%;
}
.shop-detail .shop-information th, .shop-detail .shop-information td {
  padding: 1.4285714286em 0;
}
@media screen and (max-width: 767px) {
  .shop-detail .shop-information th, .shop-detail .shop-information td {
    display: block;
  }
}
.shop-detail .shop-information th {
  text-align: left;
}
@media (min-width: 769px) {
  .shop-detail .shop-information th {
    width: 33%;
  }
}
@media screen and (max-width: 767px) {
  .shop-detail .shop-information th {
    width: auto;
    border-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .shop-detail .shop-information td {
    padding-top: 0;
  }
}

/* ----------- common ---------- */
.genre-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5em;
}
.genre-list li {
  display: inline-block;
  font-size: 0.8571428571em;
  background: #E2E2E6;
  padding: 0.2em 0.5em;
  margin-right: 0.5em;
}

.link-list {
  display: flex;
  flex-wrap: wrap;
}
.link-list > li {
  margin-right: 2em;
}

/**************************************************
  Brand
***************************************************/
/* -----------------------------------------------
  specific setting
-------------------------------------------------- */
#brands .brand-section {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  #brands .brand-section {
    margin-top: 2.5rem;
  }
}

/* -----------------------------------------------
  brand-section
-------------------------------------------------- */
.brand-section {
  padding-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .brand-section {
    padding: 0 1.25rem 0;
  }
}
.brand-section > .inner {
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .brand-section > .inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.brand-section .logos {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .brand-section .logos {
    margin: 1.25rem 0 0;
  }
}
.brand-section .logos .item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  margin-bottom: 2.5rem;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .brand-section .logos .item {
    width: 33.3333333333%;
    padding: 0 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 0.625rem;
  }
}
.brand-section .logos .item a {
  display: block;
}
.brand-section .logos .item a:hover {
  opacity: 0.6;
}
.brand-section .logos .item img, .brand-section .logos .item svg {
  vertical-align: middle;
  width: auto;
  max-height: 2em;
}
.brand-section .logos .item img[src*=svg], .brand-section .logos .item svg[src*=svg] {
  min-width: 6em;
}
@media screen and (max-width: 767px) {
  .brand-section .logos .item img[src*=svg], .brand-section .logos .item svg[src*=svg] {
    max-height: 1.25em;
  }
}

/* -----------------------------------------------
  brand-list
-------------------------------------------------- */
.brand-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -0.4375rem 3.125rem;
}
.brand-list > .item {
  width: 25%;
  padding: 0 0.4375rem;
  margin-bottom: 1.25rem;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .brand-list {
    margin: 0 -0.3125rem 3.125rem;
  }
  .brand-list > .item {
    width: 50%;
    padding: 0 0.3125rem;
    margin-bottom: 0.625rem;
  }
}
.brand-list.-store > .item {
  width: 33.3333333333%;
}

.brand-card {
  text-decoration: none;
  height: 100%;
  display: block;
  border: 1px solid #E9E9EC;
  box-sizing: border-box;
  padding: 1.5625rem 1.5625rem 1.25rem;
  font-size: 0.75rem;
  line-height: 2;
  text-align: center;
  text-decoration: none;
}
.brand-card:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .brand-card {
    padding: 1.5625rem 0.625rem 1.25rem;
  }
}
.brand-card .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.625rem;
  height: 2rem;
}
.brand-card .logo img {
  max-height: 2rem;
  vertical-align: middle;
}
.brand-card .logo img[src*=svg] {
  min-width: 6rem;
}
@media all and (-ms-high-contrast: none) {
  .brand-card .logo img[src*=svg] {
    min-width: 0;
  }
}
[lang=en] .brand-card .logo {
  margin-bottom: 1.25rem;
}
.brand-card .name {
  display: block;
  margin-bottom: 1.25em;
  line-height: 1.7;
}
.brand-card .name a {
  text-decoration: none;
}
[lang=en] .brand-card .name {
  display: none;
}
.brand-card .visual {
  margin-bottom: 0.3125em;
}
.brand-card.-store .body {
  margin-bottom: 0;
}
.brand-card.-store .body .name {
  margin-bottom: 0;
}
.brand-card.-store .concept {
  margin-top: 1.5em;
  line-height: 1.7;
  text-align: left;
}
.brand-card.-babylone .logo img {
  height: 1rem;
}
.brand-card.-caleido_et_bice .logo img, .brand-card.-barnyardstorm .logo img {
  height: 0.8rem;
}

/* -----------------------------------------------
  brand-info
-------------------------------------------------- */
.brand-info {
  display: flex;
  align-items: stretch;
  margin: 2.5rem 0 3.75rem;
}
@media screen and (max-width: 767px) {
  .brand-info {
    margin-top: 1.875rem;
    flex-direction: column;
  }
}
.brand-info .thumbnail {
  width: 48%;
  flex-shrink: 0;
}
.brand-info .thumbnail > img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .brand-info .thumbnail {
    width: 100%;
    margin-bottom: 1.875rem;
  }
}
.brand-info .body {
  width: 52%;
  padding-left: 2.5rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .brand-info .body {
    width: 100%;
    padding-left: 0;
  }
}
.brand-info .body .logo img, .brand-info .body .logo svg {
  width: auto;
  max-width: 60%;
  min-height: 60px;
}
.brand-info .body .logo img[src*=".png"], .brand-info .body .logo img[src*=".jpg"], .brand-info .body .logo svg[src*=".png"], .brand-info .body .logo svg[src*=".jpg"] {
  min-height: 0;
}
@media all and (-ms-high-contrast: none) {
  .brand-info .body .logo img, .brand-info .body .logo svg {
    max-width: none;
    height: 30px;
  }
}
.brand-info .body .concept {
  font-size: 0.875rem;
  margin: 1.875rem 0 1.875rem;
}
@media screen and (max-width: 767px) {
  .brand-info .body .concept {
    margin: 1.25rem 0 1.25rem;
  }
}
.brand-info .body .button-group .button-a, .brand-info .body .brand-action .button-a, .brand-info .body .button-group .button-action > * .link, .brand-info .body .brand-action .button-action > * .link, .button-action > * .brand-info .body .button-group .link, .button-action > * .brand-info .body .brand-action .link, .brand-info .body .button-group .form-button, .brand-info .body .brand-action .form-button {
  font-family: calibri, sans-serif;
  letter-spacing: 0.1em;
  padding: 0.625rem;
}
.brand-info .body .follow-us {
  margin-top: 1.875rem;
  overflow: hidden;
}
.brand-info .body .follow-us > .title {
  font-size: 1.125em;
  font-family: calibri, sans-serif;
  margin-bottom: 0.6666666667em;
}
.brand-info .body .follow-us > .social {
  display: flex;
}
.brand-info .body .follow-us > .social li {
  margin-right: 2.5rem;
}
.brand-info .body .follow-us > .social li svg {
  vertical-align: middle;
}
.brand-info .body .follow-us > .social li svg path {
  fill: #000000;
}
.brand-info .body .follow-us > .social li a {
  display: block;
}
.brand-info .body .follow-us > .social li a:hover {
  opacity: 0.8;
}

/* -----------------------------------------------
  brand-detail
-------------------------------------------------- */
.brand-detail {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #707070;
  margin-top: 1.4375em;
}
.brand-detail th, .brand-detail td {
  width: 50%;
  font-size: 0.875rem;
  box-sizing: border-box;
  border-bottom: 1px solid #707070;
  padding: 1em;
  text-align: center;
}
.brand-detail th {
  background: #EDEEEF;
}
@media screen and (max-width: 767px) {
  .brand-detail th {
    width: 35%;
  }
}
.brand-detail .note td {
  text-align: left;
  padding: 3em 4em;
}
@media screen and (max-width: 767px) {
  .brand-detail .note td {
    padding: 2em;
  }
}

/* -----------------------------------------------
  brand-search
-------------------------------------------------- */
.brand-search {
  display: flex;
  justify-content: center;
  margin: 3.125rem auto;
}
@media screen and (max-width: 767px) {
  .brand-search {
    margin: 1.25rem 0;
  }
}
.brand-search form {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 0.625em 1.25em;
  background: #EDEEEF;
}
@media screen and (max-width: 767px) {
  .brand-search form {
    width: 100%;
  }
}
.brand-search form legend {
  font-size: 0.9375rem;
  font-weight: bold;
  margin: 0 1em 0 0;
}
.brand-search form legend::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url("../images/icon/icon_search.svg") no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0.5em;
  vertical-align: middle;
}
.brand-search form fieldset {
  border: 0;
  padding: 0;
}
.brand-search form .select-box {
  min-width: 10em;
  border: 0;
  border-radius: 0;
}

/* -----------------------------------------------
  brand-action
-------------------------------------------------- */
@media (min-width: 769px) {
  .brand-action {
    width: 60%;
    margin: 0 auto;
  }
  .brand-action > * {
    margin: 0 0.625rem;
  }
}

/**************************************************
  About Us
***************************************************/
#aboutus .index-card .links {
  display: none;
}
#aboutus .category-list-a .sports {
  display: none;
}

/* -----------------------------------------------
  /aboutus/message/
-------------------------------------------------- */
#aboutus.message .statement {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.5rem 0;
}
#aboutus.message .statement .logo {
  width: 20rem;
  margin: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  #aboutus.message .statement .logo {
    width: 10rem;
    margin: 0 0.625rem 0 0;
  }
}
#aboutus.message .statement .text {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#aboutus.message .signature {
  display: flex;
  justify-content: center;
  margin: 1.875rem 0;
}
#aboutus.message .signature .column {
  width: 50%;
  text-align: center;
}
#aboutus.message .signature .column .position {
  display: block;
}
#aboutus.message .signature .column .image img {
  width: auto;
  height: 44px;
}
@media screen and (max-width: 767px) {
  #aboutus.message .signature .column .image img {
    height: 1.875rem;
  }
}
#aboutus.message .signature .column:last-child .image img {
  height: 48px;
}
@media screen and (max-width: 767px) {
  #aboutus.message .signature .column:last-child .image img {
    height: 1.875rem;
  }
}

/* -----------------------------------------------
  /aboutus/identity/
-------------------------------------------------- */
@media (min-width: 769px) {
  #aboutus.identity .anchor-list {
    flex-wrap: nowrap;
    justify-content: center;
  }
  #aboutus.identity .anchor-list > li {
    width: auto;
    min-width: 0;
  }
}
#aboutus.identity .personal-color {
  zoom: 1;
  margin: 0 10px 0;
}
#aboutus.identity .personal-color:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}
#aboutus.identity .personal-color li {
  float: left;
  width: 25%;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #aboutus.identity .personal-color li {
    width: 50%;
  }
}
#aboutus.identity .personal-color li::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 9px;
  margin-right: 5px;
}
#aboutus.identity .personal-color li.color1::before {
  background: #231815;
}
#aboutus.identity .personal-color li.color2::before {
  background: #00a0e9;
}
#aboutus.identity .personal-color li.color3::before {
  background: #f08300;
}
#aboutus.identity .personal-color li.color4::before {
  background: #a73900;
}
#aboutus.identity .personal-color li.color5::before {
  background: #e60012;
}
#aboutus.identity .personal-color li.color6::before {
  background: #dcdddd;
}
#aboutus.identity .personal-color li.color7::before {
  background: #00a73c;
}
#aboutus.identity .personal-color li.color8::before {
  background: #fff100;
}

/* -----------------------------------------------
  /aboutus/outline/
-------------------------------------------------- */
@media (min-width: 769px) {
  #aboutus.outline .column-table- table th {
    width: 20%;
  }
  [lang=en] #aboutus.outline .column-table- table th {
    width: 25%;
  }
}

.officer-table {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .officer-table dt {
    width: 12em;
  }
  [lang=en] .officer-table dt {
    width: 18em;
  }
  .officer-table dd {
    margin: -1.7em 0 0 12em !important;
  }
  [lang=en] .officer-table dd {
    margin: -1.7em 0 0 18em !important;
  }
}

/**************************************************
  Sustainability
***************************************************/
/* -----------------------------------------------
  Variables
-------------------------------------------------- */
/* -----------------------------------------------
  Common
-------------------------------------------------- */
.site-footer .wrapper > .sitemap > li > ul {
  display: flex;
  flex-direction: column;
}
.site-footer .wrapper > .sitemap > li > ul .-subject {
  order: 1;
}
.site-footer .wrapper > .sitemap > li > ul .-theme {
  order: 2;
}
.site-footer .wrapper > .sitemap > li > ul .-reports {
  order: 3;
}
.site-footer .wrapper > .sitemap > li > ul .-sdgs {
  order: 4;
}
.site-footer .wrapper > .sitemap > li > ul .-process {
  order: 5;
}
.site-footer .wrapper > .sitemap > li > ul .-news {
  order: 6;
}
.site-footer .wrapper > .sitemap > li > ul .-governance {
  order: 7;
}
.site-footer .wrapper > .sitemap > li > ul .-engagement {
  order: 8;
}

#sustainability .category-list-a .-top {
  order: 1;
}
#sustainability .category-list-a .-subject {
  order: 2;
}
#sustainability .category-list-a .-theme {
  order: 3;
}
#sustainability .category-list-a .-news {
  order: 4;
}
#sustainability .category-list-a .-governance {
  order: 5;
}
#sustainability .category-list-a .-reports {
  order: 6;
}
#sustainability .category-list-a .-engagement {
  order: 7;
}
#sustainability .category-list-a .-sdgs, #sustainability .category-list-a .-process {
  display: none;
}
#sustainability .category-list-c .-top {
  order: 1;
}
#sustainability .category-list-c .-subject {
  order: 2;
}
#sustainability .category-list-c .-theme {
  order: 3;
}
#sustainability .category-list-c .-news {
  order: 4;
}
#sustainability .category-list-c .-governance {
  order: 5;
}
#sustainability .category-list-c .-sdgs {
  order: 7;
}
#sustainability .category-list-c .-process {
  order: 8;
}
#sustainability .category-list-c .-reports {
  order: 9;
}
#sustainability .category-list-c .-engagement {
  order: 10;
}
#sustainability .index-list {
  justify-content: center;
}
#sustainability .index-list .index-card {
  margin-right: 1px;
  text-align: center;
}
#sustainability .index-list .index-card.-sdgs .image, #sustainability .index-list .index-card.-process .image {
  border: 1px solid #000000;
}
@media screen and (max-width: 767px) {
  #sustainability .index-list {
    justify-content: flex-start;
  }
}
#sustainability .document-list {
  font-size: 0.875rem;
}
#sustainability .site-content {
  overflow: hidden;
}

.box-environment {
  overflow: hidden;
  margin: 2.5rem 10px;
  padding: 2.5rem 1.875rem;
  border: 4px solid #00A73C;
}
@media screen and (max-width: 767px) {
  .box-environment {
    padding: 1.25rem 0.625rem;
    margin: 1.25rem 10px;
  }
}
.box-environment .heading-c {
  color: #00A73C;
  font-size: 1.5rem;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  font-weight: bold;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .box-environment .heading-c {
    font-size: 1.125rem;
  }
}
.box-environment .photo-grid:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .box-environment .photo-grid {
    margin-top: 0;
  }
}

.box-people {
  overflow: hidden;
  margin: 2.5rem 10px;
  padding: 2.5rem 1.875rem;
  border: 4px solid #EE7602;
}
@media screen and (max-width: 767px) {
  .box-people {
    padding: 1.25rem 0.625rem;
    margin: 1.25rem 10px;
  }
}
.box-people .heading-c {
  color: #EE7602;
  font-size: 1.5rem;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  font-weight: bold;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .box-people .heading-c {
    font-size: 1.125rem;
  }
}
.box-people .photo-grid:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .box-people .photo-grid {
    margin-top: 0;
  }
}

.box-community {
  overflow: hidden;
  margin: 2.5rem 10px;
  padding: 2.5rem 1.875rem;
  border: 4px solid #0296E6;
}
@media screen and (max-width: 767px) {
  .box-community {
    padding: 1.25rem 0.625rem;
    margin: 1.25rem 10px;
  }
}
.box-community .heading-c {
  color: #0296E6;
  font-size: 1.5rem;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  font-weight: bold;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .box-community .heading-c {
    font-size: 1.125rem;
  }
}
.box-community .photo-grid:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .box-community .photo-grid {
    margin-top: 0;
  }
}

/* -----------------------------------------------
  Top
-------------------------------------------------- */
.top-cover {
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-cover {
    margin: 0 -1.25rem;
  }
}
.top-cover::before {
  content: "";
  display: block;
  width: 100%;
  height: 33.75rem;
  background: url(../sustainability/images/bg_sustainability.jpg) no-repeat 100% 50%;
  background-size: cover;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .top-cover::before {
    height: 132.8vw;
    margin-bottom: 1.875rem;
  }
}
.top-cover .main {
  font-size: 2.625rem;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 1px;
  position: absolute;
}
@media (min-width: 769px) {
  .top-cover .main {
    top: 11rem;
    left: 50%;
    transform: translateX(-50%);
    width: 940px;
  }
}
@media screen and (max-width: 767px) {
  .top-cover .main {
    font-size: 1.75rem;
    left: 1.25rem;
    top: 23.125rem;
  }
  .top-cover .main span {
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    margin: 0.1em 0;
  }
}
.top-cover .sub {
  text-align: center;
  font-size: 1.5rem;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .top-cover .sub {
    font-size: 1.125rem;
    text-align: left;
    margin: 0 1.875rem 0.625rem;
  }
}
.top-cover .lead {
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .top-cover .lead {
    font-size: 0.75rem;
    text-align: left;
    margin: 0 1.25rem;
  }
}

#sustainability .top-cover + .clearHidden + .index-list {
  justify-content: flex-start;
}

/* -----------------------------------------------
  Theme
-------------------------------------------------- */
.theme-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.75rem;
}
.theme-title > .icon {
  width: 5rem;
  margin-right: 1.25em;
}
.theme-title > .icon span {
  display: block;
  text-align: center;
  font-size: 0.625rem;
  margin-top: 0.5em;
}
.theme-title > .title {
  font-size: 1.5rem;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .theme-title {
    margin-bottom: 1.875rem;
  }
  .theme-title > .title {
    font-size: 1.25rem;
  }
}
.theme-title.-environment > .title {
  color: #00A73C;
}
.theme-title.-people > .title {
  color: #EE7602;
}
.theme-title.-community > .title {
  color: #0296E6;
}

#sustainability.theme .acms-col-sm-4 {
  float: left;
  width: 33%;
}
#sustainability.theme .box-environment .column-media-left img[src*=".svg"] + .caption {
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #sustainability.theme .box-environment .column-media-left {
    float: none;
    text-align: center;
  }
}
#sustainability.theme .box-environment [class*=column-module] {
  margin-bottom: -0.625rem;
}
#sustainability.theme .box-environment .index-list {
  margin-top: 1.25rem;
  margin-bottom: -0.625rem;
}
#sustainability.theme .box-environment .index-list .body {
  padding: 0.625rem 0.625rem 0;
}
#sustainability.theme .box-environment .index-list .body .title {
  text-align: center;
}
#sustainability.theme .box-environment .index-list .body .title a {
  font-size: 1em;
}
@media screen and (max-width: 767px) {
  #sustainability.theme .box-environment .index-list {
    margin: 1.25rem 0 -0.625rem;
  }
  #sustainability.theme .box-environment .index-list > .index-card {
    width: 100%;
  }
}
#sustainability.theme .box-environment + .clearHidden + .column-module > * {
  margin-top: 1.25rem;
}
#sustainability.theme .box-people .column-media-left img[src*=".svg"] + .caption {
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #sustainability.theme .box-people .column-media-left {
    float: none;
    text-align: center;
  }
}
#sustainability.theme .box-people [class*=column-module] {
  margin-bottom: -0.625rem;
}
#sustainability.theme .box-people .index-list {
  margin-top: 1.25rem;
  margin-bottom: -0.625rem;
}
#sustainability.theme .box-people .index-list .body {
  padding: 0.625rem 0.625rem 0;
}
#sustainability.theme .box-people .index-list .body .title {
  text-align: center;
}
#sustainability.theme .box-people .index-list .body .title a {
  font-size: 1em;
}
@media screen and (max-width: 767px) {
  #sustainability.theme .box-people .index-list {
    margin: 1.25rem 0 -0.625rem;
  }
  #sustainability.theme .box-people .index-list > .index-card {
    width: 100%;
  }
}
#sustainability.theme .box-people + .clearHidden + .column-module > * {
  margin-top: 1.25rem;
}
#sustainability.theme .box-community .column-media-left img[src*=".svg"] + .caption {
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #sustainability.theme .box-community .column-media-left {
    float: none;
    text-align: center;
  }
}
#sustainability.theme .box-community [class*=column-module] {
  margin-bottom: -0.625rem;
}
#sustainability.theme .box-community .index-list {
  margin-top: 1.25rem;
  margin-bottom: -0.625rem;
}
#sustainability.theme .box-community .index-list .body {
  padding: 0.625rem 0.625rem 0;
}
#sustainability.theme .box-community .index-list .body .title {
  text-align: center;
}
#sustainability.theme .box-community .index-list .body .title a {
  font-size: 1em;
}
@media screen and (max-width: 767px) {
  #sustainability.theme .box-community .index-list {
    margin: 1.25rem 0 -0.625rem;
  }
  #sustainability.theme .box-community .index-list > .index-card {
    width: 100%;
  }
}
#sustainability.theme .box-community + .clearHidden + .column-module > * {
  margin-top: 1.25rem;
}

/**************************************************
  IR
***************************************************/
/* -----------------------------------------------
  /ir/
-------------------------------------------------- */
.ir-banner {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 66% 1fr;
  grid-template-columns: 66% 1fr;
  -ms-grid-rows: 80px 80px 80px;
  grid-template-rows: 80px 80px 80px;
  margin: 0 10px 3.75rem;
}
.ir-banner > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.ir-banner > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.ir-banner > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.ir-banner > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.ir-banner > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.ir-banner > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
@media all and (-ms-high-contrast: none) {
  .ir-banner > :nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 767px) {
  .ir-banner {
    display: block;
    margin-bottom: 2.1875rem;
  }
}
.ir-banner > .item {
  margin-bottom: 10px;
}
.ir-banner > .item > .banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 1.25rem;
  box-sizing: border-box;
  font-size: 1.1875em;
  font-weight: bold;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  text-decoration: none;
  background: #F8F8F9;
}
@media screen and (max-width: 767px) {
  .ir-banner > .item > .banner {
    font-size: 1.3125em;
  }
}
.ir-banner > .item > .banner::after {
  display: inline-block;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: url(../images/icon/icon_library.svg) no-repeat 0 0;
  background-size: 2.5rem 2.5rem;
}
.ir-banner > .item > .banner.-highlights::after {
  background-image: url(../images/icon/icon_highlights.svg);
}
.ir-banner > .item > .banner.-message::after {
  background-image: url(../images/icon/icon_message.svg);
}
.ir-banner > .item > .banner.-stock::after {
  background-image: url(../images/icon/icon_stock.svg);
}
.ir-banner > .item:first-child {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .ir-banner > .item:first-child {
    margin-right: 0;
  }
}
@media (min-width: 769px) {
  .ir-banner > .item:first-child > .banner {
    padding: 3.75rem;
  }
  .ir-banner > .item:first-child > .banner::after {
    display: inline-block;
    content: "";
    width: 7.5rem;
    height: 7.5rem;
    background: url(../images/icon/icon_library.svg) no-repeat 0 0;
    background-size: 7.5rem 7.5rem;
    margin-right: -10px;
  }
}
.ir-banner > .item:first-child > .banner .heading {
  font-size: 1.75rem;
  margin-bottom: 0.3571428571em;
}
@media screen and (max-width: 767px) {
  .ir-banner > .item:first-child > .banner .heading {
    font-size: 1.3125rem;
  }
}
.ir-banner > .item:first-child > .banner .list {
  font-size: 0.875rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
  font-weight: normal;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .ir-banner > .item:first-child > .banner .list {
    line-height: 1.5;
  }
}
.ir-banner > .item:first-child > .banner .list a {
  text-decoration: none;
}

/* -----------------------------------------------
  /ir/calendar/
-------------------------------------------------- */
.ir-calendar th {
  text-align: right;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .ir-calendar th {
    width: 14%;
  }
}
.ir-calendar td:first-of-type {
  background: #F5F5F5;
  text-align: right;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .ir-calendar td:first-of-type {
    width: 10%;
  }
}

/* -----------------------------------------------
  /ir/highlights/
-------------------------------------------------- */
.financial-results {
  overflow-y: auto;
  margin-bottom: 3.125em;
}
.financial-results .inner {
  width: 100%;
  border-collapse: collapse;
}
.financial-results th, .financial-results td {
  font-size: 0.875em;
  border: 1px solid #cccccc;
  padding: 0.3571428571em 0.7142857143em;
  text-align: right;
}
.financial-results thead th {
  background: #f5f5f5;
  text-align: center;
}
.financial-results thead .bg1 {
  background: #dddddd;
}
.financial-results tbody th {
  white-space: nowrap;
}
.financial-results tbody th .anchor {
  color: #000;
  font-weight: normal;
  text-decoration: none;
}
.financial-results tbody th .anchor:before {
  display: inline-block;
  vertical-align: 0.2142857143em;
  border-style: solid;
  margin-right: 0.3571428571em;
  border-width: 4px 4px 0 4px;
  border-color: currentColor transparent transparent transparent;
  content: "";
}
.financial-results tbody th .anchor:hover {
  text-decoration: underline;
}
.financial-results tbody th a.coming {
  background: none;
}
.financial-results .quarter th, .financial-results .quarter td {
  background: #f0f0f0;
}
.financial-results .quarter th {
  text-align: left;
}
.financial-results .halfyear th, .financial-results .halfyear td {
  background: #dddddd;
}
.financial-results .halfyear th {
  text-align: left;
}
.financial-results .fullyear th, .financial-results .fullyear td {
  background: #bbbbbb;
}
.financial-results .fullyear th {
  text-align: left;
}

.sales-activities .summary a {
  display: inline-block;
  font-size: 0.875rem;
  margin-left: 1.5em;
  text-decoration: none;
  border-bottom: 1px dotted #000000;
}
.sales-activities .detail {
  display: none;
  padding: 1.5em 1em;
  background: #f2f2f2;
  margin: 1em 0;
}

/* -----------------------------------------------
  /ir/mail/
-------------------------------------------------- */
/**************************************************
  Playfashion
***************************************************/
/* -----------------------------------------------
  Common
-------------------------------------------------- */
.playfashion-title {
  text-align: center;
  margin: 1.875rem 0;
}
.playfashion-title a {
  text-decoration: none;
}
.playfashion-title .logo {
  width: 19.75rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .playfashion-title .logo {
    width: 14.75rem;
  }
}
.playfashion-title .lead {
  font-size: 1rem;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  font-weight: bold;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .playfashion-title .lead {
    font-size: 0.75rem;
  }
}

.playfashion-label {
  padding: 0.3em 1em;
  color: #FFF;
  font-family: "Josefin Sans", sans-serif;
  font-weight: bold;
  white-space: nowrap;
}
.playfashion-label.-players {
  background: #D8232A;
}
.playfashion-label.-people {
  color: #000000;
  background: #FFF101;
}
.playfashion-label.-cross {
  background: #0092E5;
}

.playfashion-category {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3.75rem;
}
.playfashion-category .playfashion-label {
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 1.875rem;
}
.playfashion-category .lead {
  font-size: 0.875rem;
}

.playfashion-slide a {
  text-decoration: none;
}
.playfashion-slide a:hover {
  color: #000000;
}
.playfashion-slide .playfashion-cover .body {
  position: absolute;
  bottom: 3.75rem;
  left: 1.25rem;
  margin: 0;
  min-height: 0;
}
.playfashion-slide .playfashion-cover .interviewee {
  display: none;
}

.playfashion-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
}
.playfashion-list > .item {
  width: 33.3333333333%;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 767px) {
  .playfashion-list > .item {
    width: 50%;
    margin-bottom: 0;
  }
}
.playfashion-list.-recent > .item {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .playfashion-list.-recent > .item {
    width: 50%;
    margin-bottom: 0;
  }
}
.playfashion-list.-recent > .item .meta .playfashion-label {
  font-size: 1rem;
}
.playfashion-list + .pager-square {
  margin-top: 0;
}

.playfashion-card {
  position: relative;
  text-decoration: none;
}
.playfashion-card .thumbnail {
  position: relative;
  overflow: hidden;
}
.playfashion-card .thumbnail::before {
  content: "";
  display: block;
  padding-bottom: 66.6%;
}
.playfashion-card .thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s ease-out;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}
.playfashion-card .body {
  padding: 1em;
}
.playfashion-card .title {
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .playfashion-card .title {
    font-size: 0.875rem;
  }
}
.playfashion-card .meta .date {
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .playfashion-card .meta .date {
    font-size: 0.5rem;
  }
}
.playfashion-card .meta .playfashion-label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.3125rem;
}
@media screen and (max-width: 767px) {
  .playfashion-card .meta .playfashion-label {
    font-size: 0.5625rem;
  }
}
.playfashion-card .meta .interviewee {
  font-size: 0.875rem;
  margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
  .playfashion-card .meta .interviewee {
    font-size: 0.625rem;
  }
}
.playfashion-card:hover .thumbnail img {
  transform: translate(-50%, -50%) scale(1.1, 1.1);
}

/* -----------------------------------------------
  Top
-------------------------------------------------- */
.playfashion-introduction {
  background: #F8F8F8;
  padding: 3.75rem 0;
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 767px) {
  .playfashion-introduction {
    padding: 1.875rem 1.25rem 0.9375rem;
    margin-bottom: 1.875rem;
  }
}
.playfashion-introduction > .lead {
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .playfashion-introduction > .lead {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  .playfashion-introduction > .lead br {
    display: none;
  }
}
.playfashion-introduction .index-list {
  max-width: 1280px;
  margin: 3.75rem auto 0;
}
@media screen and (max-width: 767px) {
  .playfashion-introduction .index-list {
    flex-direction: column;
    margin: 1.25rem auto 0;
  }
  .playfashion-introduction .index-list > .item {
    width: 100%;
  }
}
.playfashion-introduction .index-list .index-card {
  display: block;
  position: relative;
  text-decoration: none;
}
.playfashion-introduction .index-list .index-card .image {
  position: relative;
  overflow: hidden;
}
.playfashion-introduction .index-list .index-card .image::before {
  content: "";
  display: block;
  padding-bottom: 44%;
}
.playfashion-introduction .index-list .index-card .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s ease-out;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  width: auto;
  max-width: none;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .playfashion-introduction .index-list .index-card .image {
    margin-bottom: 0.5em;
  }
}
.playfashion-introduction .index-list .index-card .title {
  position: absolute;
  top: calc(50% - 1.875rem);
  left: 50%;
  color: #000000;
  font-size: 2.25rem;
  font-family: "Josefin Sans", sans-serif;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.8);
  transform: translate(-50%, -50%);
  padding: 0 1em;
}
@media screen and (max-width: 767px) {
  .playfashion-introduction .index-list .index-card .title {
    top: calc(50% - 1.25rem);
    font-size: 1.75rem;
  }
}
.playfashion-introduction .index-list .index-card .lead {
  font-size: 0.875rem;
  text-align: center;
}
.playfashion-introduction .index-list .index-card:hover .image img {
  transform: translate(-50%, -50%) scale(1.1, 1.1);
}

/* -----------------------------------------------
  Indivisual
-------------------------------------------------- */
.playfashion-cover {
  position: relative;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .playfashion-cover {
    margin-bottom: 2.5rem;
  }
}
.playfashion-cover .image {
  overflow: hidden;
}
.playfashion-cover .image img {
  width: 100%;
  transition: all 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 769px) {
  .playfashion-cover .body {
    position: absolute;
    top: 50%;
    left: calc(50% - 33.75rem);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .playfashion-cover .body {
    position: relative;
    margin: -15rem 0.9375rem 0;
    min-height: 15rem;
    transform: none;
  }
}
.playfashion-cover .meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  transition: width 520ms cubic-bezier(0.215, 0.61, 0.355, 1) 720ms;
}
.playfashion-cover .meta .playfashion-label {
  font-size: 1.3125rem;
  margin-bottom: 0.4375rem;
}
@media screen and (max-width: 767px) {
  .playfashion-cover .meta .playfashion-label {
    font-size: 0.9375rem;
  }
}
.playfashion-cover .meta .date {
  display: inline-block;
  font-size: 0.875rem;
  background: rgba(255, 255, 255, 0.8);
  padding: 0 0.5em;
}
@media screen and (max-width: 767px) {
  .playfashion-cover .meta .date {
    font-size: 0.75rem;
  }
}
.playfashion-cover .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1.5rem;
}
.playfashion-cover .title span {
  display: block;
  background: rgba(255, 255, 255, 0.8);
  font-size: 2.625rem;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  font-feature-settings: "palt";
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.1;
  padding: 0 0 0.1em 0.1em;
  margin-bottom: 0.4375rem;
  white-space: nowrap;
  transition: all 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.playfashion-cover .title span:nth-of-type(1) {
  transition-delay: 320ms;
}
.playfashion-cover .title span:nth-of-type(2) {
  transition-delay: 400ms;
}
.playfashion-cover .title span:nth-of-type(3) {
  transition-delay: 480ms;
}
.playfashion-cover .title span:nth-of-type(4) {
  transition-delay: 560ms;
}
@media screen and (max-width: 767px) {
  .playfashion-cover .title span {
    font-size: 1.75rem;
    white-space: pre-line;
  }
}
.playfashion-cover .interviewee {
  display: inline-block;
  margin-top: 1.25rem;
  border: 2px solid #000;
  background: rgba(255, 255, 255, 0.8);
  padding: 1em;
  min-width: 16.25em;
  box-sizing: border-box;
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1200ms;
}
.playfashion-cover .interviewee .item:not(:last-child) {
  margin-bottom: 0.5em;
}
.playfashion-cover .interviewee .position {
  display: block;
  font-size: 0.75rem;
}
.playfashion-cover .interviewee .name {
  display: block;
  font-weight: bold;
  font-size: 1.125rem;
}
.playfashion-cover.js-inview .image img, .playfashion-cover.js-slide .image img {
  opacity: 0;
  transform: scale(1.05, 1.05);
}
.playfashion-cover.js-inview .meta, .playfashion-cover.js-slide .meta {
  width: 0;
}
.playfashion-cover.js-inview .title span, .playfashion-cover.js-slide .title span {
  opacity: 0;
  transform: translateY(32px);
}
.playfashion-cover.js-inview .interviewee, .playfashion-cover.js-slide .interviewee {
  opacity: 0;
}
.playfashion-cover.js-slide {
  margin-bottom: 0;
}
.playfashion-cover.js-slide .image img {
  opacity: 0;
  transform: translateX(-2.5%);
  transition: all 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.playfashion-cover.js-inview-visible .image img, .playfashion-cover.js-slide-visible .image img {
  opacity: 1;
  transform: none;
}
.playfashion-cover.js-inview-visible .meta, .playfashion-cover.js-slide-visible .meta {
  width: 10em;
}
.playfashion-cover.js-inview-visible .title span, .playfashion-cover.js-slide-visible .title span {
  opacity: 1;
  transform: translateY(0);
}
.playfashion-cover.js-inview-visible .interviewee, .playfashion-cover.js-slide-visible .interviewee {
  opacity: 1;
}

.playfashion-entry {
  max-width: 750px;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .playfashion-entry {
    font-size: 0.875em;
    padding: 0 0.9375rem;
  }
}
.playfashion-entry .heading-a, .playfashion-entry .richeditor-content h2, .playfashion-entry #ir.mail .site-content .inner .header, #ir.mail .site-content .inner .playfashion-entry .header {
  border-bottom: 0;
  padding: 0;
  font-size: 1.5em;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
}
.playfashion-entry .heading-b {
  margin-top: 3em;
}
.playfashion-entry .richeditor-content h2 {
  margin-left: 10px;
  margin-right: 10px;
}
.playfashion-entry .column-media-center,
.playfashion-entry .column-video-auto {
  margin: 2.5em auto;
}
@media screen and (max-width: 767px) {
  .playfashion-entry .column-media-center,
  .playfashion-entry .column-video-auto {
    margin: 2.5em calc(10px - 0.9375rem);
    padding: 0;
    width: 100vw;
  }
}
.playfashion-entry .column-media-center .caption,
.playfashion-entry .column-video-auto .caption {
  margin-top: 1em !important;
}
.playfashion-entry .column-table- {
  margin: 1.875em 0;
}
.playfashion-entry .column-table- table {
  width: 100%;
}
.playfashion-entry .box-a, .playfashion-entry .box-b {
  margin: 4.5em 10px 1.875em;
}
@media screen and (max-width: 767px) {
  .playfashion-entry .box-a, .playfashion-entry .box-b {
    margin: 1.25em 10px;
  }
}
.playfashion-entry .box-a + .box-a, .playfashion-entry .box-a + .box-b, .playfashion-entry .box-b + .box-a, .playfashion-entry .box-b + .box-b {
  margin: 1.875em 10px;
}
.playfashion-entry .box-a .heading-a, .playfashion-entry .box-a #ir.mail .site-content .inner .header, #ir.mail .site-content .inner .playfashion-entry .box-a .header, .playfashion-entry .box-a .richeditor-content h2, .playfashion-entry .richeditor-content .box-a h2, .playfashion-entry .box-a .heading-b, .playfashion-entry .box-a .heading-c, .playfashion-entry .box-b .heading-a, .playfashion-entry .box-b #ir.mail .site-content .inner .header, #ir.mail .site-content .inner .playfashion-entry .box-b .header, .playfashion-entry .box-b .richeditor-content h2, .playfashion-entry .richeditor-content .box-b h2, .playfashion-entry .box-b .heading-b, .playfashion-entry .box-b .heading-c {
  margin-top: 0;
}
.playfashion-entry .box-a .photo-grid, .playfashion-entry .box-b .photo-grid {
  margin: 1.25rem 0 0;
}

.playfashion-recent {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .playfashion-recent {
    margin-top: 2.5rem;
  }
}
.playfashion-recent .heading {
  font-size: 1.5625rem;
  font-weight: bold;
  font-family: "a-otf-midashi-go-mb31-pr6n", sans-serif;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1.875rem;
}
/*# sourceMappingURL=adastria.css.map */