@charset "UTF-8";
/*!
 * Theme Name: Albero Pro
 * Theme URI: http://underscores.me/
 * Author: innocent
 * Author URI: http://innocent.ne.jp
 * Description: Created by INNOCENT INC.
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: LICENSE
 * Text Domain: alberopro
 * Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned with others.
 * Albero Pro is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
 * Underscores is distributed under the terms of the GNU GPL v2 or later.
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
 * */
/*----------------------------------------------------------------- */
/* normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/* -------------------------------------------------------------------------- */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

/* normalize: html5 display definitions */
/* -------------------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

/* normalize: links */
/* -------------------------------------------------------------------------- */
a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

/* normalize: text-level semantics */
/* -------------------------------------------------------------------------- */
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* normalize: embedded content */
/* -------------------------------------------------------------------------- */
img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

/* normalize: grouping content */
/* -------------------------------------------------------------------------- */
figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* normalize: forms */
/* -------------------------------------------------------------------------- */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/* normalize: tables */
/* -------------------------------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* ---------------------------------------------------------------- */
/* initialize styles */
/* ---------------------------------------------------------------- */
*,
*::after,
*::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  overflow-x: hidden;
  background-color: #fff;
  font-family: source-han-sans-japanese, sans-serif;
  -ms-font-feature-settings: "normal";
  line-height: 1.6;
  color: #3d3b3b;
}

@media screen and (max-width: 60em) {
  body {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 46em) {
  body {
    font-size: 4vw;
  }
}
@media print {
  html,
body {
    width: 1024px;
    -webkit-print-color-adjust: exact;
  }
}
img,
video {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}

figure {
  margin: 0;
}

hr {
  border: 0;
  border-top: 1px dotted #e5e5e5;
  margin: 1.5em 0;
}

a {
  color: #3d3b3b;
}

.isnt-touch a:focus, .isnt-touch a:hover {
  color: #bfaa69;
}

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

dl dt {
  font-weight: 700;
}
dl dd {
  margin-left: 0;
}

.button,
button,
dd,
dt,
li {
  margin-bottom: 0.5em;
}

fieldset,
input,
select,
textarea {
  margin-bottom: 0.5em;
}

blockquote,
dl,
figure,
ol,
p,
pre,
table,
ul {
  margin-bottom: 1.5em;
}

table {
  border-spacing: 0;
  width: 100%;
}
table td,
table th {
  text-align: left;
}

b,
strong {
  font-weight: 700;
}

em {
  font-style: normal;
  color: #ea8c8c;
}

address {
  font-style: normal;
}

p {
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  margin-bottom: 1em;
  margin-top: 0;
}

h1 {
  font-size: 3em;
  line-height: 1.2;
}

h2 {
  font-size: 2em;
  line-height: 1.2;
}

h3 {
  font-size: 1.5em;
  line-height: 1.3;
}

h4 {
  font-size: 1.25em;
  line-height: 1.4;
}

h5 {
  font-size: 1.125em;
  line-height: 1.5;
}

h6 {
  font-size: 1em;
  line-height: 1.6;
}

/* ---------------------------------------------------------------- */
/* global-header */
/* ---------------------------------------------------------------- */
/* global-header: print */
.global-header {
  min-height: 10em;
}
@media screen and (max-width: 46em) {
  .global-header {
    min-height: inherit;
  }
}
@media print {
  .global-header {
    display: none;
  }
}

/* description */
.global-header .description {
  background-color: #fafafa;
  border-bottom: 1px solid #f2f2f2;
}
@media screen and (max-width: 46em) {
  .global-header .description {
    overflow: hidden;
  }
}
.global-header .description .text {
  max-width: 96em;
  margin: 0 auto;
  margin-bottom: 0;
  padding: 0.666em 0;
  font-size: 0.625em;
  color: #999;
}
@media screen and (max-width: 46em) {
  .global-header .description .text {
    display: inline-block;
    width: auto;
    max-width: inherit;
    min-width: 60em;
    padding-left: 100%;
    font-size: 0.75em;
    white-space: nowrap;
    -webkit-animation: marquee 10s linear infinite;
            animation: marquee 10s linear infinite;
  }
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/* information */
.global-header .information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 60em;
  margin: 0 auto;
  padding: 1em 0;
}
@media screen and (max-width: 46em) {
  .global-header .information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding: 1.5em 0;
    border-bottom: 1px solid #f2f2f2;
  }
}
.global-header .information .logo {
  width: 12em;
  margin-bottom: 0;
  font-size: 1em;
}
@media screen and (max-width: 46em) {
  .global-header .information .logo {
    width: 15em;
  }
}
.global-header .information .phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.global-header .information .phone a {
  text-decoration: none;
}
@media screen and (max-width: 46em) {
  .global-header .information .phone {
    position: fixed;
    bottom: 3.5em;
    left: 1em;
    z-index: 12;
    color: #fff;
  }
  .global-header .information .phone a {
    color: #fff;
  }
  .global-header .information .phone strong {
    font-size: 125%;
  }
  .global-header .information .phone .fax {
    display: none;
  }
}
.global-header .information .phone .phone-item {
  font-size: 0.875em;
}
.global-header .information .phone .phone-item + .phone-item {
  margin-left: 1em;
}
@media screen and (max-width: 46em) {
  .global-header .information .phone .phone-item + .phone-item {
    margin-left: 0;
  }
}
.global-header .information .inquiry {
  width: 12em;
}
@media screen and (max-width: 46em) {
  .global-header .information .inquiry {
    position: fixed;
    bottom: 0.75em;
    left: 1em;
    z-index: 12;
    width: calc(100% - 7.5em);
  }
}
.global-header .information .inquiry .button {
  width: 100%;
  max-width: 20em;
  margin-bottom: 0;
  font-size: 0.875em;
}

.isnt-touch .global-header .information .logo:focus, .isnt-touch .global-header .information .logo:hover {
  opacity: 0.666;
}

/* global-navi */
.global-header .global-navi {
  position: relative;
  z-index: 10;
  width: 100%;
  border-top: 2px solid #000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(82, 82, 82)), color-stop(2%, rgb(82, 82, 82)), color-stop(2%, rgb(61, 61, 61)), color-stop(50%, rgb(39, 39, 39)), color-stop(50%, rgb(26, 26, 26)), to(rgb(0, 0, 0)));
  background: linear-gradient(to bottom, rgb(82, 82, 82) 0, rgb(82, 82, 82) 2%, rgb(61, 61, 61) 2%, rgb(39, 39, 39) 50%, rgb(26, 26, 26) 50%, rgb(0, 0, 0) 100%);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
}
.global-header .global-navi a {
  text-decoration: none;
  color: #fff;
}
@media screen and (max-width: 46em) {
  .global-header .global-navi {
    position: fixed;
    top: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    left: 0;
    z-index: 10;
    background: rgba(41, 40, 40, 0.96);
    -webkit-transition: top 0.2s ease-out;
    transition: top 0.2s ease-out;
  }
  .global-header .global-navi.open {
    top: 0;
  }
}
@media screen and (min-width: 46em) {
  .global-header .global-navi.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
  }
}

/* global-navi: primary-navi */
.global-header .global-navi .primary-navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 60em;
  margin: 0 auto;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .primary-navi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-right: 0;
    border-left: 0;
  }
}
.global-header .global-navi .primary-navi .primary-navi-item {
  width: 12.5%;
  text-align: center;
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .primary-navi .primary-navi-item {
    width: 100%;
  }
}
.global-header .global-navi .primary-navi .primary-navi-item + .primary-navi-item {
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .primary-navi .primary-navi-item + .primary-navi-item {
    border-left: 0;
  }
  .global-header .global-navi .primary-navi .primary-navi-item + .primary-navi-item:last-child {
    margin-bottom: 5.5em;
  }
}
.global-header .global-navi .primary-navi .primary-navi-item > a {
  display: inline-block;
  width: 100%;
  padding: 1em 0;
  font-size: 0.875em;
  line-height: 1.2;
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .primary-navi .primary-navi-item > a {
    height: 3.6em;
    padding: 0.5em 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(82, 82, 82)), color-stop(2%, rgb(82, 82, 82)), color-stop(2%, rgb(61, 61, 61)), color-stop(50%, rgb(39, 39, 39)), color-stop(50%, rgb(26, 26, 26)), to(rgb(0, 0, 0)));
    background: linear-gradient(to bottom, rgb(82, 82, 82) 0, rgb(82, 82, 82) 2%, rgb(61, 61, 61) 2%, rgb(39, 39, 39) 50%, rgb(26, 26, 26) 50%, rgb(0, 0, 0) 100%);
    font-size: 1em;
  }
}
.global-header .global-navi .primary-navi .primary-navi-item .en {
  font-size: 75%;
  color: #bfaa69;
  opacity: 0.5;
}
.global-header .global-navi .primary-navi .primary-navi-item:last-child {
  position: relative;
}
.global-header .global-navi .primary-navi .primary-navi-item:last-child::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1%;
  left: 0;
  width: 1px;
  height: 98%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(191, 170, 105, 0.1)), color-stop(50%, rgb(191, 170, 105)), to(rgba(191, 170, 105, 0.1)));
  background: linear-gradient(to bottom, rgba(191, 170, 105, 0.1) 0, rgb(191, 170, 105) 50%, rgba(191, 170, 105, 0.1) 100%);
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .primary-navi .primary-navi-item:last-child::before {
    content: none;
  }
}

/* global-navi: secondary-navi */
.global-header .global-navi .secondary-navi {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: rgba(41, 40, 40, 0.96);
  text-align: left;
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .secondary-navi {
    display: block;
    position: relative;
    top: auto;
    left: auto;
  }
}
.global-header .global-navi .secondary-navi .navi-wraper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 60em;
  margin: 0 auto;
  padding: 0.5em 0 1em;
  -webkit-transition: padding 0.2s ease-out;
  transition: padding 0.2s ease-out;
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .secondary-navi .navi-wraper {
    padding: 0;
  }
}
.global-header .global-navi .secondary-navi .secondary-navi-item {
  width: calc(33.333% - 0.5em);
  margin: 0.5em 0 0 0.5em;
  padding: 0 0.5em 0.5em 0;
  border-right: 1px dotted rgba(255, 255, 255, 0.2);
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
  font-size: 0.75em;
  line-height: 3.5;
}
.global-header .global-navi .secondary-navi .secondary-navi-item a {
  display: block;
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .secondary-navi .secondary-navi-item {
    width: 92%;
    height: 0;
    max-height: 0;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    border-right: 0;
    border-bottom: 0;
    font-size: 0.875em;
    line-height: 1.6;
    opacity: 0;
    -webkit-transition-property: max-height, padding, opacity;
    transition-property: max-height, padding, opacity;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
  }
}
.global-header .global-navi .secondary-navi .secondary-navi-item.wide {
  width: 100%;
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .secondary-navi .secondary-navi-item.wide {
    width: 92%;
  }
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .secondary-navi .secondary-navi-item.only-text {
    padding: 0 1em 0 2em;
    text-indent: -1.5em;
  }
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .secondary-navi .secondary-navi-item.blank {
    display: none;
  }
}
.global-header .global-navi .secondary-navi .secondary-navi-item .thumbnail-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.global-header .global-navi .secondary-navi .secondary-navi-item .thumbnail-link .thumbnail {
  width: 3.5em;
  vertical-align: middle;
  margin-right: 1em;
  border: 2px solid #3d3b3b;
}
.global-header .global-navi .secondary-navi .secondary-navi-item .thumbnail-link .text {
  display: inline-block;
  width: calc(100% - 4.5em);
  line-height: 1.6;
}
@media screen and (max-width: 46em) {
  .global-header .global-navi .secondary-navi.open .navi-wraper {
    padding: 0.5em 0 1em;
  }
  .global-header .global-navi .secondary-navi.open .secondary-navi-item {
    height: auto;
    max-height: 7em;
    padding: 0.5em 0;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    opacity: 1;
  }
  .global-header .global-navi .secondary-navi.open .secondary-navi-item.only-text {
    padding: 1em 1em 1em 2em;
  }
}

.isnt-touch .global-header a:focus, .isnt-touch .global-header a:hover {
  color: #bfaa69;
}
@media screen and (min-width: 46em) {
  .isnt-touch .global-header .primary-navi-item:focus .secondary-navi, .isnt-touch .global-header .primary-navi-item:hover .secondary-navi {
    display: block !important;
    z-index: 10;
  }
}
.isnt-touch .global-header .secondary-navi-item:focus .thumbnail, .isnt-touch .global-header .secondary-navi-item:hover .thumbnail {
  border-color: #bfaa69;
}

/* global-navi: primary-toggle-button */
.global-header .primary-toggle-button {
  display: none;
  position: relative;
  cursor: pointer;
  width: 5.5em;
  height: 5.5em;
  margin-left: calc(100% - 5.5em);
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
@media screen and (max-width: 46em) {
  .global-header .primary-toggle-button {
    display: block;
  }
}
.global-header .primary-toggle-button .line {
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 40%;
  height: 0.125em;
  margin-left: -20%;
  background-color: #bfaa69;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.global-header .primary-toggle-button .line:nth-of-type(1) {
  -webkit-transform: translateY(-500%);
          transform: translateY(-500%);
}
.global-header .primary-toggle-button .line:nth-of-type(3) {
  -webkit-transform: translateY(500%);
          transform: translateY(500%);
}
.global-header .primary-toggle-button::after {
  content: "MENU";
  display: inline-block;
  position: absolute;
  top: 75%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: 700;
  font-size: 0.75em;
  line-height: 0;
  color: #fff;
  opacity: 0.333;
}
.global-header .primary-toggle-button.close .line:nth-of-type(1) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.global-header .primary-toggle-button.close .line:nth-of-type(2) {
  opacity: 0;
}
.global-header .primary-toggle-button.close .line:nth-of-type(3) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.global-header .primary-toggle-button.close::after {
  content: "CLOSE";
}

/* sglobal-navi: econdary-toggle-button */
@media screen and (max-width: 46em) {
  .global-header .primary-navi-item.toggle {
    position: relative;
  }
}
.global-header .primary-navi-item.toggle .secondary-toggle-button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 3.6em;
  height: 3.6em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(226, 212, 168)), color-stop(2%, rgb(226, 212, 168)), color-stop(0%, rgb(212, 196, 146)), color-stop(50%, rgb(196, 177, 115)), color-stop(50%, rgb(184, 162, 96)), to(rgb(160, 133, 64)));
  background: linear-gradient(to bottom, rgb(226, 212, 168) 0, rgb(226, 212, 168) 2%, rgb(212, 196, 146) 0%, rgb(196, 177, 115) 50%, rgb(184, 162, 96) 50%, rgb(160, 133, 64) 100%);
}
@media screen and (max-width: 46em) {
  .global-header .primary-navi-item.toggle .secondary-toggle-button {
    display: block;
  }
}
.global-header .primary-navi-item.toggle .secondary-toggle-button .line {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 0.125em;
  margin-left: -20%;
  background-color: #3d3b3b;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.global-header .primary-navi-item.toggle .secondary-toggle-button .line:nth-of-type(1) {
  -webkit-transform: translateY(-400%);
          transform: translateY(-400%);
}
.global-header .primary-navi-item.toggle .secondary-toggle-button .line:nth-of-type(3) {
  -webkit-transform: translateY(400%);
          transform: translateY(400%);
}
.global-header .primary-navi-item.toggle .secondary-toggle-button.close .line:nth-of-type(1) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.global-header .primary-navi-item.toggle .secondary-toggle-button.close .line:nth-of-type(2) {
  opacity: 0;
}
.global-header .primary-navi-item.toggle .secondary-toggle-button.close .line:nth-of-type(3) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* primary-navi */
.about-content .global-navi .primary-navi-item.about {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(135, 125, 121)), color-stop(2%, rgb(135, 125, 121)), color-stop(2%, rgb(126, 113, 109)), color-stop(50%, rgb(100, 87, 83)), color-stop(50%, rgb(89, 78, 73)), color-stop(98%, rgb(65, 53, 48)), color-stop(98%, rgb(57, 47, 42)), to(rgb(57, 47, 42)));
  background: linear-gradient(to bottom, rgb(135, 125, 121) 0, rgb(135, 125, 121) 2%, rgb(126, 113, 109) 2%, rgb(100, 87, 83) 50%, rgb(89, 78, 73) 50%, rgb(65, 53, 48) 98%, rgb(57, 47, 42) 98%, rgb(57, 47, 42) 100%);
}
.about-content .global-navi .primary-navi-item.about .en {
  opacity: 1;
}

.flooring-content .global-navi .primary-navi-item.flooring {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(135, 125, 121)), color-stop(2%, rgb(135, 125, 121)), color-stop(2%, rgb(126, 113, 109)), color-stop(50%, rgb(100, 87, 83)), color-stop(50%, rgb(89, 78, 73)), color-stop(98%, rgb(65, 53, 48)), color-stop(98%, rgb(57, 47, 42)), to(rgb(57, 47, 42)));
  background: linear-gradient(to bottom, rgb(135, 125, 121) 0, rgb(135, 125, 121) 2%, rgb(126, 113, 109) 2%, rgb(100, 87, 83) 50%, rgb(89, 78, 73) 50%, rgb(65, 53, 48) 98%, rgb(57, 47, 42) 98%, rgb(57, 47, 42) 100%);
}
.flooring-content .global-navi .primary-navi-item.flooring .en {
  opacity: 1;
}

.antique-content .global-navi .primary-navi-item.antique {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(135, 125, 121)), color-stop(2%, rgb(135, 125, 121)), color-stop(2%, rgb(126, 113, 109)), color-stop(50%, rgb(100, 87, 83)), color-stop(50%, rgb(89, 78, 73)), color-stop(98%, rgb(65, 53, 48)), color-stop(98%, rgb(57, 47, 42)), to(rgb(57, 47, 42)));
  background: linear-gradient(to bottom, rgb(135, 125, 121) 0, rgb(135, 125, 121) 2%, rgb(126, 113, 109) 2%, rgb(100, 87, 83) 50%, rgb(89, 78, 73) 50%, rgb(65, 53, 48) 98%, rgb(57, 47, 42) 98%, rgb(57, 47, 42) 100%);
}
.antique-content .global-navi .primary-navi-item.antique .en {
  opacity: 1;
}

.ceiling-content .global-navi .primary-navi-item.ceiling {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(135, 125, 121)), color-stop(2%, rgb(135, 125, 121)), color-stop(2%, rgb(126, 113, 109)), color-stop(50%, rgb(100, 87, 83)), color-stop(50%, rgb(89, 78, 73)), color-stop(98%, rgb(65, 53, 48)), color-stop(98%, rgb(57, 47, 42)), to(rgb(57, 47, 42)));
  background: linear-gradient(to bottom, rgb(135, 125, 121) 0, rgb(135, 125, 121) 2%, rgb(126, 113, 109) 2%, rgb(100, 87, 83) 50%, rgb(89, 78, 73) 50%, rgb(65, 53, 48) 98%, rgb(57, 47, 42) 98%, rgb(57, 47, 42) 100%);
}
.ceiling-content .global-navi .primary-navi-item.ceiling .en {
  opacity: 1;
}

.fireproof-content .global-navi .primary-navi-item.fireproof {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(135, 125, 121)), color-stop(2%, rgb(135, 125, 121)), color-stop(2%, rgb(126, 113, 109)), color-stop(50%, rgb(100, 87, 83)), color-stop(50%, rgb(89, 78, 73)), color-stop(98%, rgb(65, 53, 48)), color-stop(98%, rgb(57, 47, 42)), to(rgb(57, 47, 42)));
  background: linear-gradient(to bottom, rgb(135, 125, 121) 0, rgb(135, 125, 121) 2%, rgb(126, 113, 109) 2%, rgb(100, 87, 83) 50%, rgb(89, 78, 73) 50%, rgb(65, 53, 48) 98%, rgb(57, 47, 42) 98%, rgb(57, 47, 42) 100%);
}
.fireproof-content .global-navi .primary-navi-item.fireproof .en {
  opacity: 1;
}

.furniture-content .global-navi .primary-navi-item.furniture {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(135, 125, 121)), color-stop(2%, rgb(135, 125, 121)), color-stop(2%, rgb(126, 113, 109)), color-stop(50%, rgb(100, 87, 83)), color-stop(50%, rgb(89, 78, 73)), color-stop(98%, rgb(65, 53, 48)), color-stop(98%, rgb(57, 47, 42)), to(rgb(57, 47, 42)));
  background: linear-gradient(to bottom, rgb(135, 125, 121) 0, rgb(135, 125, 121) 2%, rgb(126, 113, 109) 2%, rgb(100, 87, 83) 50%, rgb(89, 78, 73) 50%, rgb(65, 53, 48) 98%, rgb(57, 47, 42) 98%, rgb(57, 47, 42) 100%);
}
.furniture-content .global-navi .primary-navi-item.furniture .en {
  opacity: 1;
}

.showroom-content .global-navi .primary-navi-item.showroom {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(135, 125, 121)), color-stop(2%, rgb(135, 125, 121)), color-stop(2%, rgb(126, 113, 109)), color-stop(50%, rgb(100, 87, 83)), color-stop(50%, rgb(89, 78, 73)), color-stop(98%, rgb(65, 53, 48)), color-stop(98%, rgb(57, 47, 42)), to(rgb(57, 47, 42)));
  background: linear-gradient(to bottom, rgb(135, 125, 121) 0, rgb(135, 125, 121) 2%, rgb(126, 113, 109) 2%, rgb(100, 87, 83) 50%, rgb(89, 78, 73) 50%, rgb(65, 53, 48) 98%, rgb(57, 47, 42) 98%, rgb(57, 47, 42) 100%);
}
.showroom-content .global-navi .primary-navi-item.showroom .en {
  opacity: 1;
}

.recruit-content .global-navi .primary-navi-item.recruit {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(135, 125, 121)), color-stop(2%, rgb(135, 125, 121)), color-stop(2%, rgb(126, 113, 109)), color-stop(50%, rgb(100, 87, 83)), color-stop(50%, rgb(89, 78, 73)), color-stop(98%, rgb(65, 53, 48)), color-stop(98%, rgb(57, 47, 42)), to(rgb(57, 47, 42)));
  background: linear-gradient(to bottom, rgb(135, 125, 121) 0, rgb(135, 125, 121) 2%, rgb(126, 113, 109) 2%, rgb(100, 87, 83) 50%, rgb(89, 78, 73) 50%, rgb(65, 53, 48) 98%, rgb(57, 47, 42) 98%, rgb(57, 47, 42) 100%);
}
.recruit-content .global-navi .primary-navi-item.recruit .en {
  opacity: 1;
}

.news-content .global-navi .primary-navi-item.news {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(135, 125, 121)), color-stop(2%, rgb(135, 125, 121)), color-stop(2%, rgb(126, 113, 109)), color-stop(50%, rgb(100, 87, 83)), color-stop(50%, rgb(89, 78, 73)), color-stop(98%, rgb(65, 53, 48)), color-stop(98%, rgb(57, 47, 42)), to(rgb(57, 47, 42)));
  background: linear-gradient(to bottom, rgb(135, 125, 121) 0, rgb(135, 125, 121) 2%, rgb(126, 113, 109) 2%, rgb(100, 87, 83) 50%, rgb(89, 78, 73) 50%, rgb(65, 53, 48) 98%, rgb(57, 47, 42) 98%, rgb(57, 47, 42) 100%);
}
.news-content .global-navi .primary-navi-item.news .en {
  opacity: 1;
}

/* secondary-navi: about-content */
.about-content.secondary-content .global-navi .secondary-navi-item.about-alberopro {
  color: #bfaa69;
}
.about-content.secondary-content .global-navi .secondary-navi-item.about-alberopro .thumbnail {
  border-color: #bfaa69;
}

.about-content.factory-content .global-navi .secondary-navi-item.factory {
  color: #bfaa69;
}
.about-content.factory-content .global-navi .secondary-navi-item.factory .thumbnail {
  border-color: #bfaa69;
}

/* secondary-navi: flooring-content */
.flooring-content.secondary-content .global-navi .secondary-navi-item.flooring-top {
  color: #bfaa69;
}
.flooring-content.secondary-content .global-navi .secondary-navi-item.flooring-top .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.processing-content .global-navi .secondary-navi-item.processing {
  color: #bfaa69;
}
.flooring-content.processing-content .global-navi .secondary-navi-item.processing .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.old-oak-content .global-navi .secondary-navi-item.old-oak {
  color: #bfaa69;
}
.flooring-content.old-oak-content .global-navi .secondary-navi-item.old-oak .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.old-oak-mp-content .global-navi .secondary-navi-item.old-oak-mp {
  color: #bfaa69;
}
.flooring-content.old-oak-mp-content .global-navi .secondary-navi-item.old-oak-mp .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.old-oak-mp-add-content .global-navi .secondary-navi-item.old-oak-mp-add {
  color: #bfaa69;
}
.flooring-content.old-oak-mp-add-content .global-navi .secondary-navi-item.old-oak-mp-add .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.ottimo-content .global-navi .secondary-navi-item.ottimo {
  color: #bfaa69;
}
.flooring-content.ottimo-content .global-navi .secondary-navi-item.ottimo .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.largo-content .global-navi .secondary-navi-item.largo {
  color: #bfaa69;
}
.flooring-content.largo-content .global-navi .secondary-navi-item.largo .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.largo-nature-grade-content .global-navi .secondary-navi-item.largo-nature-grade {
  color: #bfaa69;
}
.flooring-content.largo-nature-grade-content .global-navi .secondary-navi-item.largo-nature-grade .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.supremo-content .global-navi .secondary-navi-item.supremo {
  color: #bfaa69;
}
.flooring-content.supremo-content .global-navi .secondary-navi-item.supremo .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.fino-content .global-navi .secondary-navi-item.fino {
  color: #bfaa69;
}
.flooring-content.fino-content .global-navi .secondary-navi-item.fino .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.red-pine-content .global-navi .secondary-navi-item.red-pine {
  color: #bfaa69;
}
.flooring-content.red-pine-content .global-navi .secondary-navi-item.red-pine .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.carbonic-wood-content .global-navi .secondary-navi-item.carbonic-wood {
  color: #bfaa69;
}
.flooring-content.carbonic-wood-content .global-navi .secondary-navi-item.carbonic-wood .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.oak-strip-content .global-navi .secondary-navi-item.oak-strip {
  color: #bfaa69;
}
.flooring-content.oak-strip-content .global-navi .secondary-navi-item.oak-strip .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.bamboo-content .global-navi .secondary-navi-item.bamboo {
  color: #bfaa69;
}
.flooring-content.bamboo-content .global-navi .secondary-navi-item.bamboo .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.mosaic-parquet-content .global-navi .secondary-navi-item.mosaic-parquet {
  color: #bfaa69;
}
.flooring-content.mosaic-parquet-content .global-navi .secondary-navi-item.mosaic-parquet .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.nobile-parquet-content .global-navi .secondary-navi-item.nobile-parquet {
  color: #bfaa69;
}
.flooring-content.nobile-parquet-content .global-navi .secondary-navi-item.nobile-parquet .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.herringbone-content .global-navi .secondary-navi-item.herringbone {
  color: #bfaa69;
}
.flooring-content.herringbone-content .global-navi .secondary-navi-item.herringbone .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.deck-content .global-navi .secondary-navi-item.deck {
  color: #bfaa69;
}
.flooring-content.deck-content .global-navi .secondary-navi-item.deck .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.eastern-oak-content .global-navi .secondary-navi-item.eastern-oak {
  color: #bfaa69;
}
.flooring-content.eastern-oak-content .global-navi .secondary-navi-item.eastern-oak .thumbnail {
  border-color: #bfaa69;
}

.flooring-content.utility-content .global-navi .secondary-navi-item.utility {
  color: #bfaa69;
}
.flooring-content.utility-content .global-navi .secondary-navi-item.utility .thumbnail {
  border-color: #bfaa69;
}

/* secondary-navi: antique-content */
.antique-content.about-antique-content .global-navi .secondary-navi-item.about-antique {
  color: #bfaa69;
}
.antique-content.about-antique-content .global-navi .secondary-navi-item.about-antique .thumbnail {
  border-color: #bfaa69;
}

.antique-content.scaffolding-board-content .global-navi .secondary-navi-item.scaffolding-board {
  color: #bfaa69;
}
.antique-content.scaffolding-board-content .global-navi .secondary-navi-item.scaffolding-board .thumbnail {
  border-color: #bfaa69;
}

.antique-content.grey-wood-content .global-navi .secondary-navi-item.grey-wood {
  color: #bfaa69;
}
.antique-content.grey-wood-content .global-navi .secondary-navi-item.grey-wood .thumbnail {
  border-color: #bfaa69;
}

.antique-content.barn-board-content .global-navi .secondary-navi-item.barn-board {
  color: #bfaa69;
}
.antique-content.barn-board-content .global-navi .secondary-navi-item.barn-board .thumbnail {
  border-color: #bfaa69;
}

.antique-content.hand-hewn-beam-content .global-navi .secondary-navi-item.hand-hewn-beam {
  color: #bfaa69;
}
.antique-content.hand-hewn-beam-content .global-navi .secondary-navi-item.hand-hewn-beam .thumbnail {
  border-color: #bfaa69;
}

.antique-content.old-board-content .global-navi .secondary-navi-item.old-board {
  color: #bfaa69;
}
.antique-content.old-board-content .global-navi .secondary-navi-item.old-board .thumbnail {
  border-color: #bfaa69;
}

.antique-content.old-plank-content .global-navi .secondary-navi-item.old-plank {
  color: #bfaa69;
}
.antique-content.old-plank-content .global-navi .secondary-navi-item.old-plank .thumbnail {
  border-color: #bfaa69;
}

.antique-content.old-mix-wood-content .global-navi .secondary-navi-item.old-mix-wood {
  color: #bfaa69;
}
.antique-content.old-mix-wood-content .global-navi .secondary-navi-item.old-mix-wood .thumbnail {
  border-color: #bfaa69;
}

.antique-content.old-roofing-content .global-navi .secondary-navi-item.old-roofing {
  color: #bfaa69;
}
.antique-content.old-roofing-content .global-navi .secondary-navi-item.old-roofing .thumbnail {
  border-color: #bfaa69;
}

.antique-content.old-pine-content .global-navi .secondary-navi-item.old-pine {
  color: #bfaa69;
}
.antique-content.old-pine-content .global-navi .secondary-navi-item.old-pine .thumbnail {
  border-color: #bfaa69;
}

.antique-content.antique-content .global-navi .secondary-navi-item.antique {
  color: #bfaa69;
}
.antique-content.antique-content .global-navi .secondary-navi-item.antique .thumbnail {
  border-color: #bfaa69;
}

.antique-content.custom-board-content .global-navi .secondary-navi-item.custom-board {
  color: #bfaa69;
}
.antique-content.custom-board-content .global-navi .secondary-navi-item.custom-board .thumbnail {
  border-color: #bfaa69;
}

/* secondary-navi: fireproof-content */
.fireproof-content.old-oak-board-content .global-navi .secondary-navi-item.old-oak-board {
  color: #bfaa69;
}
.fireproof-content.old-oak-board-content .global-navi .secondary-navi-item.old-oak-board .thumbnail {
  border-color: #bfaa69;
}

.fireproof-content.old-pine-board-content .global-navi .secondary-navi-item.old-pine-board {
  color: #bfaa69;
}
.fireproof-content.old-pine-board-content .global-navi .secondary-navi-item.old-pine-board .thumbnail {
  border-color: #bfaa69;
}

.fireproof-content.selection-board-content .global-navi .secondary-navi-item.selection-board {
  color: #bfaa69;
}
.fireproof-content.selection-board-content .global-navi .secondary-navi-item.selection-board .thumbnail {
  border-color: #bfaa69;
}

.fireproof-content.antique-wood-content .global-navi .secondary-navi-item.antique-wood {
  color: #bfaa69;
}
.fireproof-content.antique-wood-content .global-navi .secondary-navi-item.antique-wood .thumbnail {
  border-color: #bfaa69;
}

/* secondary-navi: furniture-content */
.furniture-content.customize-content .global-navi .secondary-navi-item.customize {
  color: #bfaa69;
}
.furniture-content.customize-content .global-navi .secondary-navi-item.customize .thumbnail {
  border-color: #bfaa69;
}

.furniture-content.making-content .global-navi .secondary-navi-item.making {
  color: #bfaa69;
}
.furniture-content.making-content .global-navi .secondary-navi-item.making .thumbnail {
  border-color: #bfaa69;
}

/* global-navi: bottom-wrapper */
.global-header .bottom-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  background-color: #3d3b3b;
}

/* ---------------------------------------------------------------- */
/* global-footer */
/* ---------------------------------------------------------------- */
.sitemap-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 60em;
  margin: 0 auto;
  margin-bottom: 3em;
  padding-top: 3em;
  border-top: 1px dotted #e5e5e5;
}
@media screen and (max-width: 46em) {
  .sitemap-container {
    display: none;
  }
}
.sitemap-container a {
  text-decoration: none;
}
.sitemap-container .sitemap-group .stimep-title {
  margin-bottom: 1em;
  font-weight: 700;
  font-size: 0.75em;
  white-space: nowrap;
}
.sitemap-container .sitemap-group .sitemap-item {
  margin-bottom: 0.5em;
  font-size: 0.65em;
  white-space: nowrap;
}
.sitemap-container .sitemap-group .sitemap-item + .stimep-title {
  margin-top: 1.5em;
}

/* footer-navi */
.global-footer {
  padding-bottom: 4em;
}
@media screen and (max-width: 46em) {
  .global-footer {
    padding-bottom: 8em;
  }
}

/* footer-navi */
.global-footer .footer-navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 60em;
  margin: 0 auto;
  margin-bottom: 3em;
  padding-top: 3em;
  border-top: 1px dotted #e5e5e5;
}
@media screen and (max-width: 46em) {
  .global-footer .footer-navi {
    max-width: 22em;
  }
}
@media print {
  .global-footer .footer-navi {
    display: none;
  }
}
.global-footer .footer-navi a {
  text-decoration: none;
}
.global-footer .footer-navi .navi-item {
  font-weight: 700;
  font-size: 0.875em;
}
.global-footer .footer-navi .navi-item + .navi-item {
  margin-left: 0.75em;
  padding-left: 0.75em;
  border-left: 1px dotted #e5e5e5;
}
@media screen and (max-width: 46em) {
  .global-footer .footer-navi .navi-item:nth-of-type(n+4) {
    margin-top: 1.5em;
  }
  .global-footer .footer-navi .navi-item:nth-of-type(4) {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
}

/* information */
.global-footer .information {
  margin-bottom: 4em;
  text-align: center;
}
.global-footer .information .address {
  margin-bottom: 1.5em;
  font-size: 0.75em;
}
.global-footer .information .phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.5em;
  font-size: 0.75em;
}
@media screen and (max-width: 46em) {
  .global-footer .information .phone {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .global-footer .information .phone strong {
    font-size: 150%;
  }
}
.global-footer .information .phone .phone-item + .phone-item {
  margin-left: 1em;
}
@media screen and (max-width: 46em) {
  .global-footer .information .phone .phone-item + .phone-item {
    margin-left: 0;
    margin-top: 1em;
  }
}
.global-footer .information .license {
  font-size: 0.75em;
}

/* copyright */
.global-footer .copyright {
  text-align: center;
  font-size: 0.75em;
}

/* ---------------------------------------------------------------- */
/* box */
/* ---------------------------------------------------------------- */
/* border-box */
.border-box {
  padding: 1em;
  border: 1px solid #e5e5e5;
}

/* ---------------------------------------------------------------- */
/* button */
/* ---------------------------------------------------------------- */
/* initial */
.button {
  position: relative;
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 0.5em 1em;
  border: 1px solid #e5e5e5;
  border-radius: 0.3em;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
}
.button::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(212, 196, 146)), color-stop(50%, rgb(196, 177, 115)), color-stop(50%, rgb(184, 162, 96)), to(rgb(160, 133, 64)));
  background: linear-gradient(to bottom, rgb(212, 196, 146) 0%, rgb(196, 177, 115) 50%, rgb(184, 162, 96) 50%, rgb(160, 133, 64) 100%);
  border-radius: 0.2em;
}
.button .text {
  display: inline-block;
  position: relative;
  text-shadow: 1px 1px 1px rgba(112, 80, 48, 0.75);
}

.button.black::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(61, 61, 61)), color-stop(50%, rgb(39, 39, 39)), color-stop(50%, rgb(26, 26, 26)), to(rgb(0, 0, 0)));
  background: linear-gradient(to bottom, rgb(61, 61, 61) 0%, rgb(39, 39, 39) 50%, rgb(26, 26, 26) 50%, rgb(0, 0, 0) 100%);
}
.button.black .text {
  text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

.button.orange::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(230, 140, 89)), color-stop(50%, rgb(224, 125, 75)), color-stop(50%, rgb(219, 110, 61)), to(rgb(212, 90, 43)));
  background: linear-gradient(to bottom, rgb(230, 140, 89) 0%, rgb(224, 125, 75) 50%, rgb(219, 110, 61) 50%, rgb(212, 90, 43) 100%);
}
.button.orange .text {
  text-shadow: 1px 1px 1px rgba(122, 62, 44, 0.75);
}

.button.disabled {
  opacity: 0.25;
}

/* hover */
.isnt-touch .button:hover {
  cursor: pointer;
}
.isnt-touch .button:focus, .isnt-touch .button:hover {
  border-color: #bfaa69;
  color: #fff !important;
}
.isnt-touch .button.black:focus, .isnt-touch .button.black:hover {
  border-color: rgb(26, 26, 26);
}
.isnt-touch .button.orange:focus, .isnt-touch .button.orange:hover {
  border-color: rgb(230, 140, 89);
}
.isnt-touch .button.disabled:focus, .isnt-touch .button.disabled:hover {
  cursor: default;
}

/* ---------------------------------------------------------------- */
/* hover-image */
/* ---------------------------------------------------------------- */
.hover-image {
  display: inline-block;
  width: 100%;
  padding: 0.4em;
  background-color: rgba(0, 0, 0, 0.1);
}

.isnt-touch .hover-image:hover, .isnt-touch .hover-image:focus {
  background-color: #e4ddc3;
}

/* ---------------------------------------------------------------- */
/* icon */
/* ---------------------------------------------------------------- */
/* initial */
.icon {
  display: inline-block;
}
.icon::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-top: -0.2em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/* image */
.icon.link::before {
  background-image: url(./images/common/ico_link_01.svg);
}
.icon.direction::before {
  background-image: url(./images/common/ico_direction_01.svg);
}
.icon.new-window::before {
  background-image: url(./images/common/ico_new-window_01.svg);
}
.icon.attention-02::before {
  background-image: url(./images/common/ico_attention_02.svg);
}
.icon.dot::before {
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.75em;
  margin-left: 0.25em;
  background-color: #bfaa69;
  border-radius: 50%;
}

/* in button */
.button .icon.link::before {
  background-image: url(./images/common/ico_link_02.svg);
}
.button .icon.direction::before {
  background-image: url(./images/common/ico_direction_02.svg);
}
.button .icon.new-window::before {
  background-image: url(./images/common/ico_new-window_02.svg);
}

/* in button: hover */
.isnt-touch .button .icon {
  -webkit-transition: background-image 0.2s ease-out;
  transition: background-image 0.2s ease-out;
}
.isnt-touch .button:focus .icon.arrow::before, .isnt-touch .button:hover .icon.arrow::before {
  background-image: url(./images/common/ico_arrow_01.svg);
}
.isnt-touch .button:focus .icon.direction::before, .isnt-touch .button:hover .icon.direction::before {
  background-image: url(./images/common/ico_direction_01.svg);
}
.isnt-touch .button:focus .icon.new-window::before, .isnt-touch .button:hover .icon.new-window::before {
  background-image: url(./images/common/ico_new-window_01.svg);
}

/* ---------------------------------------------------------------- */
/* js-scrollable */
/* ---------------------------------------------------------------- */
.js-scrollable {
  overflow-y: hidden !important;
}

/* ---------------------------------------------------------------- */
/* label */
/* ---------------------------------------------------------------- */
/* rect-label */
.rect-label {
  display: inline-block;
  padding: 0.4em 1em;
  border-radius: 0.333em;
  text-align: center;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  vertical-align: middle;
}
.rect-label.red {
  background-color: #cc4429;
}
.rect-label.must {
  background-color: #e58a5c;
}
.rect-label.information {
  min-width: 10em;
  padding: 0.4em 0;
  background-color: #6b997a;
}
.rect-label.flooring {
  min-width: 10em;
  padding: 0.4em 0;
  background-color: #99736b;
}
.rect-label.antique {
  min-width: 10em;
  padding: 0.4em 0;
  background-color: #6b8299;
}
.rect-label.ceiling {
  min-width: 10em;
  padding: 0.4em 0;
  background-color: #c69a58;
}
.rect-label.fireproof {
  min-width: 10em;
  padding: 0.4em 0;
  background-color: #7a6b99;
}
.rect-label.furniture {
  min-width: 10em;
  padding: 0.4em 0;
  background-color: #b8a98c;
}
.rect-label.pickup {
  min-width: 10em;
  padding: 0.4em 0;
  background-color: #f5d245;
  color: #3d3b3b;
  -webkit-animation: blinkAnime 2s infinite alternate;
          animation: blinkAnime 2s infinite alternate;
}

.soldout-label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  text-transform: uppercase;
}
@media screen and (max-width: 46em) {
  .soldout-label {
    font-size: 0.8em;
  }
}

@-webkit-keyframes blinkAnime {
  0% {
    color: #3d3b3b;
  }
  70% {
    color: #3d3b3b;
  }
  80% {
    color: #dcbd3e;
  }
  90% {
    color: #3d3b3b;
  }
  100% {
    color: #dcbd3e;
  }
}

@keyframes blinkAnime {
  0% {
    color: #3d3b3b;
  }
  70% {
    color: #3d3b3b;
  }
  80% {
    color: #dcbd3e;
  }
  90% {
    color: #3d3b3b;
  }
  100% {
    color: #dcbd3e;
  }
}
/* ribbon-label */
.ribbon-label {
  display: inline-block;
  position: absolute;
  top: 1em;
  right: -3em;
  width: 10em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  text-align: center;
  font-weight: 700;
  font-size: 0.625em;
  line-height: 1.6;
  color: #fff;
}
.ribbon-label.red {
  background-color: #cc4429;
  border-top: 2px solid #b32d12;
  border-bottom: 2px solid #b32d12;
}
.ribbon-label.blue {
  background-color: #3d6b99;
  border-top: 2px solid #2c537a;
  border-bottom: 2px solid #2c537a;
}
.ribbon-label.black {
  background-color: #333333;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}

/* ---------------------------------------------------------------- */
/* legacy-alert */
/* ---------------------------------------------------------------- */
.legacy-alert {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  padding: 1em 0;
  background-color: red;
  text-align: center;
  font-size: 0.75em;
  line-height: 1.6;
  color: white;
}

/* ---------------------------------------------------------------- */
/* list */
/* ---------------------------------------------------------------- */
ol.list {
  counter-reset: number;
}
ol.list > li {
  position: relative;
  padding-left: 2em;
}
ol.list > li::before {
  position: absolute;
  top: 0.666em;
  left: 0;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 1em;
  border-radius: 50%;
  background-color: #bfaa69;
  text-indent: 0;
  text-align: center;
  font-weight: 700;
  font-size: 0.5em;
  line-height: 2;
  color: #fff;
  -webkit-transform: translateY(-0.333em);
          transform: translateY(-0.333em);
}

ul.list > li {
  position: relative;
  padding-left: 1em;
}
ul.list > li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #bfaa69;
}

dl.list {
  margin-top: 0;
}
dl.list dt {
  font-weight: 700;
}
dl.list dd {
  margin-left: 1em;
  text-indent: -1em;
}
dl.list dd::before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  border-radius: 50%;
  background-color: #bfaa69;
  -webkit-transform: translateY(-0.1em);
          transform: translateY(-0.1em);
}

/* ---------------------------------------------------------------- */
/* media */
/* ---------------------------------------------------------------- */
/* border-image */
.border-image {
  border: 0.625em solid #f2f2f2;
}

/* zoom-image */
.zoom-image {
  display: inline-block;
  position: relative;
}
.zoom-image::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 1em;
  bottom: 1em;
  z-index: 2;
  width: 2em;
  height: 2em;
  border-radius: 0.25em;
  background-color: #3d3b3b;
  background-image: url(./images/common/ico_zoom_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em;
}

.isnt-touch .zoom-image .border-image {
  -webkit-transition: border-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
}
.isnt-touch .zoom-image:focus .border-image, .isnt-touch .zoom-image:hover .border-image {
  border-color: #bfaa69;
}

/* auto-image */
.auto-image {
  width: auto;
}

/* ---------------------------------------------------------------- */
/* slick-ui */
/* ---------------------------------------------------------------- */
/* slick-slider */
.slick-slider {
  -ms-touch-action: auto !important;
  touch-action: auto !important;
}

/* slick-arrow */
.slick-arrow {
  position: absolute;
  top: calc(50% - 1.25em);
  z-index: 1;
  width: 2.5em;
  height: 2.5em;
  overflow: hidden;
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(244, 244, 244);
  border-radius: 0.25em;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer;
}
@media print {
  .slick-arrow {
    display: none;
  }
}
.slick-arrow::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 0.2em;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(50%, rgb(240, 240, 240)), color-stop(50%, rgb(230, 230, 230)), to(rgb(215, 215, 215)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 50%, rgb(230, 230, 230) 50%, rgb(215, 215, 215) 100%);
}
.slick-arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(50% - 2px);
  height: calc(50% - 2px);
  background-image: url(./images/common/ico_direction_02.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  opacity: 0.25;
}
@media screen and (max-width: 46em) {
  .slick-arrow::after {
    opacity: 0.5;
  }
}
.slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.slick-arrow.slick-next {
  right: 0;
}
.slick-arrow.slick-disabled {
  visibility: hidden;
}

/* slick-arrow: hover */
.isnt-touch .slick-arrow:focus::after, .isnt-touch .slick-arrow:hover::after {
  opacity: 1;
}

/* slick-dots */
.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1em;
}
.slick-dots li {
  width: 0.75em;
  height: 0.75em;
  margin: 0;
  line-height: 1;
}
.slick-dots li + li {
  margin-left: 0.75em;
}
.slick-dots button {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #e5e5e5;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-indent: 100%;
  white-space: nowrap;
}
.slick-dots .slick-active button {
  background-color: #bfaa69;
}

/* slick-dots: hover */
.isnt-touch .slick-dots li {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.isnt-touch .slick-dots li:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

/* ---------------------------------------------------------------- */
/* table */
/* ---------------------------------------------------------------- */
/* primary-table */
.primary-table {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-spacing: 0;
  font-size: 0.875em;
}
.primary-table th, .primary-table td {
  padding: 0.666em 1em;
  border-bottom: 1px solid #e5e5e5;
}
.primary-table td + td, .primary-table .pl-non {
  padding-left: 0;
}
.primary-table th {
  background-color: #f2f2f2;
  white-space: nowrap;
}
.primary-table tr:nth-child(even) td {
  background-color: #fafafa;
}
.primary-table thead th, .primary-table thead td {
  background-color: #e5e5e5;
}
.primary-table thead th:nth-child(n+3) {
  padding-left: 0;
}
.primary-table tbody th {
  width: 8em;
}
.primary-table tbody th span {
  color: red;
}
.primary-table table {
  width: auto;
  margin-bottom: 0;
  border-top: 0;
}
.primary-table table th, .primary-table table td {
  padding: 0 1em 0 0;
  background-color: transparent !important;
  border-bottom: 0;
}
.primary-table table tbody th {
  background-color: transparent !important;
  width: auto;
}
.primary-table .image-cell {
  width: 18em;
  padding: 0.666em 1em;
  text-align: center;
}

/* secondary-table */
.secondary-table {
  width: 100%;
  border-spacing: 0;
  font-size: 0.875em;
}
.secondary-table th, .secondary-table td {
  padding: 0.666em 1em;
  border: 1px solid #e5e5e5;
}
.secondary-table th {
  background-color: #fafafa;
  white-space: nowrap;
}

/* responsive-table */
@media screen and (max-width: 40em) {
  .responsive-table thead {
    display: none;
  }
  .responsive-table td,
.responsive-table th {
    display: block;
    padding: 0;
    border-bottom: 0;
  }
  .responsive-table th {
    padding-bottom: 1em;
    font-size: 120%;
  }
  .responsive-table tr {
    display: block;
    padding: 15em 1em;
  }
  .responsive-table tr + tr {
    border-top: 1px solid #ebebeb;
  }
  .responsive-table .secondary-table td,
.responsive-table .secondary-table th {
    display: table-cell;
    padding: 0;
  }
  .responsive-table .secondary-table th {
    padding-right: 1em;
    padding-bottom: 0;
    font-size: 100%;
  }
  .responsive-table .secondary-table tr {
    display: table-row;
    padding: 0;
  }
  .responsive-table .secondary-table tr + tr {
    border-top: none;
  }
  .responsive-table .secondary-table tr + tr th, .responsive-table .secondary-table tr + tr td {
    padding-top: 0.5em;
  }
}
/* ---------------------------------------------------------------- */
/* title */
/* ---------------------------------------------------------------- */
.sidebar-title {
  position: relative;
  margin-bottom: 1em;
  text-align: center;
  font-size: 2em;
  line-height: 1;
}
.sidebar-title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(191, 170, 105, 0)), color-stop(25%, rgb(191, 170, 105)), color-stop(75%, rgb(191, 170, 105)), to(rgba(191, 170, 105, 0)));
  background: linear-gradient(to right, rgba(191, 170, 105, 0) 0%, rgb(191, 170, 105) 25%, rgb(191, 170, 105) 75%, rgba(191, 170, 105, 0) 100%);
}
.sidebar-title .en {
  display: inline-block;
  position: relative;
  padding: 0 0.333em;
  background-color: #fff;
  font-family: trajan-pro-3, serif;
}
.sidebar-title .ja {
  display: inline-block;
  font-weight: 700;
  font-size: 50%;
  color: #bfaa69;
}

.antique-content .sidebar-title .en {
  background-color: #f0eeeb;
}

.bar-title {
  position: relative;
  margin-bottom: 1.5em;
  padding: 1em;
  padding-right: 0.5em;
  border: 1px solid #e5e5e5;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(50%, rgb(245, 245, 245)), color-stop(50%, rgb(240, 240, 240)), to(rgb(230, 230, 230)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 50%, rgb(240, 240, 240) 50%, rgb(230, 230, 230) 100%);
  font-weight: 700;
  font-size: 1em;
  line-height: 1.4;
}
.bar-title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em 1em 0 0;
  border-color: #bfaa69 transparent transparent transparent;
}

.circle-title {
  position: relative;
  padding-left: 1.5em;
  font-weight: 700;
  font-size: 1.125em;
  line-height: 1.6;
}
.circle-title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.333em;
  left: 0;
  width: 1em;
  height: 1em;
  border: 0.25em solid #bfaa69;
  border-radius: 50%;
}

.ja-en-title {
  margin-bottom: 2em;
  font-size: 1em;
  font-weight: 700;
}
.ja-en-title .ja {
  display: inline-block;
  margin-bottom: 0.25em;
  font-size: 1.5em;
}
.ja-en-title .en {
  display: inline-block;
  font-size: 0.875em;
  color: #bfaa69;
}

.en-ja-title {
  margin-bottom: 2em;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.6;
}
.en-ja-title .en {
  display: inline-block;
  font-size: 2em;
  color: #bfaa69;
}
.en-ja-title .ja {
  display: inline-block;
}

/* ---------------------------------------------------------------- */
/* typography */
/* ---------------------------------------------------------------- */
/* read */
.read {
  font-size: 0.875em;
  line-height: 2;
  text-align: justify;
  hanging-punctuation: allow-end;
}

/* notice */
.notice {
  font-size: 0.75em;
}

/* attention */
.attention {
  color: #e68c59;
}

/* ---------------------------------------------------------------- */
/* index-container */
/* ---------------------------------------------------------------- */
.index-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.index-container a {
  text-decoration: none;
}

/* index-item */
.index-container .index-item {
  width: 20%;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 46em) {
  .index-container .index-item {
    width: 50%;
  }
}
.index-container .image {
  position: relative;
  max-width: 10em;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 0.5em;
  padding: 0.625em;
  background-color: #f2f2f2;
  line-height: 1;
}
.index-container .content {
  text-align: center;
}
.index-container .content .ja {
  margin-bottom: 0.5em;
  font-size: 0.875em;
}
.index-container .content .en {
  font-size: 0.625em;
  color: #bfaa69;
}

.isnt-touch .index-container a:hover .image,
.isnt-touch .index-container a:focus .image {
  background-color: #e4ddc3;
}

/* ---------------------------------------------------------------- */
/* sns-container */
/* ---------------------------------------------------------------- */
.sns-container {
  padding: 2.5em 0 3.75em;
  background-color: #141414;
  background-image: url(./images/common/bgi_sns-container_01.webp);
  background-repeat: repeat-x;
  background-position: center;
  text-align: center;
  line-height: 1;
}
.sns-container a {
  text-decoration: none;
  color: #fff;
}
.sns-container a:hover {
  color: #bfaa69;
}
.sns-container img {
  width: 100%;
  height: auto;
}
.sns-container .title {
  margin-bottom: 1em;
  font-size: 1.5em;
  color: #fff;
  letter-spacing: 0.25em;
  opacity: 0.5;
}
.sns-container .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sns-container .wrapper .item {
  width: 6em;
}
@media screen and (max-width: 46em) {
  .sns-container .wrapper .item {
    width: 5em;
  }
}
.sns-container .symbol {
  display: inline-block;
  width: 3em;
  height: 3em;
  margin-bottom: 0.666em;
  background-image: url(./images/common/ico_sns_01.svg);
  background-position-x: left;
  background-repeat: no-repeat;
  background-size: 3em;
}
.sns-container .instagram .symbol {
  background-position-y: 0;
}
.sns-container .facebook .symbol {
  background-position-y: -3.5em;
}
.sns-container .pinterest .symbol {
  background-position-y: -7em;
}
.sns-container .twitter .symbol {
  background-position-y: -10.5em;
}
.sns-container .label {
  font-size: 0.75em;
}

/* ---------------------------------------------------------------- */
/* campaign-container */
/* ---------------------------------------------------------------- */
.campaign-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 14em;
  background-image: url(./images/common/bgi_campaign-container_01.webp);
  background-position: center;
  background-size: 56em;
}
@media screen and (max-width: 46em) {
  .campaign-container {
    height: auto;
    padding: 1.5em 0;
  }
}
.campaign-container .content {
  position: relative;
  width: 45em;
  text-align: center;
  line-height: 1;
}
.campaign-container .content > * {
  margin: 0;
}
.campaign-container .instagram,
.campaign-container .balloon {
  position: absolute;
  top: calc(50% - 5em);
  width: 10em;
  height: 10em;
  overflow: hidden;
  border-radius: 50%;
}
@media screen and (max-width: 46em) {
  .campaign-container .instagram,
.campaign-container .balloon {
    position: relative;
    top: auto;
  }
}
.campaign-container .instagram {
  left: 0;
  background-color: #fff;
}
@media screen and (max-width: 46em) {
  .campaign-container .instagram {
    left: auto;
    width: 4em;
    height: 4em;
    margin: 0 auto 1em;
  }
}
.campaign-container .hash-tag {
  margin-bottom: 0.5em;
  font-weight: 700;
  font-family: serif;
}
.campaign-container .catch {
  margin-bottom: 0.1em;
  font-weight: 700;
  font-family: serif;
  font-size: 3em;
}
.campaign-container .read {
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 0.75em;
  line-height: 1.6;
}
.campaign-container .balloon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 0;
  background-color: #c34b2e;
  white-space: nowrap;
  color: #fff;
}
@media screen and (max-width: 46em) {
  .campaign-container .balloon {
    right: auto;
    height: auto;
    margin: 1em auto;
    padding: 0.5em;
    border-top: 3px double #c34b2e;
    border-bottom: 3px double #c34b2e;
    border-radius: 0;
    background-color: transparent;
    font-weight: 700;
    color: #c34b2e;
  }
}
.campaign-container .balloon .primary {
  margin-bottom: 0.5em;
  font-family: serif;
  font-size: 0.675em;
}
.campaign-container .balloon .secondary {
  margin-bottom: 0.25em;
  font-size: 1em;
}
.campaign-container .balloon .tertiary {
  margin-bottom: 0.25em;
  font-size: 1.5em;
  letter-spacing: 0.05em;
}
.campaign-container .balloon .quaternary {
  font-size: 0.75em;
}
.campaign-container .link .button {
  padding: 0.75em 1.5em;
}
.campaign-container .notice {
  font-size: 0.675em;
}

/* ---------------------------------------------------------------- */
/* support-container */
/* ---------------------------------------------------------------- */
.support-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 90%;
  max-width: 60em;
  margin: 3em auto;
}
@media screen and (max-width: 46em) {
  .support-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.support-container .catalog-block {
  width: 62.5%;
}
@media screen and (max-width: 46em) {
  .support-container .catalog-block {
    width: 66.666%;
    margin: 0 auto 3em;
  }
}
.support-container .manual-block {
  width: 30%;
}
@media screen and (max-width: 46em) {
  .support-container .manual-block {
    width: 66.666%;
    margin: 0 auto;
  }
}

.support-container .catalog-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (max-width: 46em) {
  .support-container .catalog-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.support-container .catalog-block > * {
  width: 47.5%;
}
@media screen and (max-width: 46em) {
  .support-container .catalog-block > * {
    width: 100%;
  }
}
@media screen and (max-width: 46em) {
  .support-container .catalog-block .image {
    margin-bottom: 1em;
  }
}
.support-container .catalog-block .content {
  padding-top: 0.5em;
}
.support-container .catalog-block .title {
  text-align: center;
}
.support-container .catalog-block .title img {
  max-width: 15em;
}
.support-container .catalog-block .read {
  text-align: center;
  font-size: 0.75em;
  line-height: 1.6;
}
.support-container .catalog-block .link {
  text-align: center;
}
.support-container .catalog-block .link .button {
  width: 90%;
  margin-bottom: 0;
  padding: 1em;
}

.support-container .manual-block {
  position: relative;
}
.support-container .manual-block::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -2.5em;
  width: 1px;
  height: 100%;
  background-color: #f2f2f2;
}
@media screen and (max-width: 46em) {
  .support-container .manual-block::before {
    top: -2em;
    left: 0;
    width: 100%;
    height: 1px;
  }
}
.support-container .manual-block .content {
  padding-top: 0.5em;
}
.support-container .manual-block .en-ja-title {
  margin-bottom: 2.25em;
  font-size: 0.75em;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
}
.support-container .manual-block .en-ja-title .en {
  display: inline-block;
  margin-bottom: 0.5em;
  font-family: trajan-pro-3, serif;
  font-size: 1.666em;
  color: #3d3b3b;
}
@media screen and (max-width: 46em) {
  .support-container .manual-block .en-ja-title .en {
    font-size: 1.5em;
  }
}
.support-container .manual-block .read {
  text-align: center;
  font-size: 0.75em;
  line-height: 1.6;
}
.support-container .manual-block .link {
  text-align: center;
}
.support-container .manual-block .link .button {
  width: 90%;
  margin-bottom: 0;
  padding: 1em;
}

/* ---------------------------------------------------------------- */
/* news-container */
/* ---------------------------------------------------------------- */
.news-container {
  position: relative;
  z-index: 1;
  padding: 1px 1px 0 1px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), color-stop(8em, rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 8em);
}

/* news-wrapper */
.news-container .news-wrapper {
  padding: 2em 1.5em 0 1.5em;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 242, 242)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%);
}
@media screen and (max-width: 46em) {
  .news-container .news-wrapper {
    padding: 1em 1em 0 1em;
  }
}

/* news-title */
.news-container .news-title {
  position: absolute;
  top: 2.5em;
  font-weight: 700;
  font-size: 0.875em;
  color: #bfaa69;
}
@media screen and (max-width: 46em) {
  .news-container .news-title {
    position: relative;
    top: auto;
    left: auto;
  }
}

/* news-list */
.news-container .news-list {
  width: calc(100% - 5em);
  max-height: 7em;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-left: 5em;
  margin-bottom: 0;
}
@media screen and (max-width: 46em) {
  .news-container .news-list {
    width: 100%;
    max-height: 6em;
    margin-left: 0;
  }
}
.news-container .news-list .news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 0;
  padding: 0.5em 0;
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
  font-size: 0.875em;
}
@media screen and (max-width: 46em) {
  .news-container .news-list .news-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.news-container .news-list .news-item .date {
  width: 5em;
  color: rgb(160, 160, 160);
}
@media screen and (max-width: 46em) {
  .news-container .news-list .news-item .date {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-left: 1em;
  }
}
.news-container .news-list .news-item .content {
  width: 48em;
  padding: 0 1em;
}
@media screen and (max-width: 46em) {
  .news-container .news-list .news-item .content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0;
  }
}
.news-container .news-list .news-item .category {
  width: 6.5em;
}
@media screen and (max-width: 46em) {
  .news-container .news-list .news-item .category {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.news-container .news-list .news-item .category .rect-label {
  font-size: 0.625em;
}

/* ---------------------------------------------------------------- */
/* visual-container */
/* ---------------------------------------------------------------- */
.visual-container {
  position: relative;
}
.visual-container .visual-item {
  position: relative;
  height: 20em;
  background-repeat: no-repeat;
  background-size: 62.5em;
  background-position: center;
  vertical-align: bottom;
}
@media screen and (max-width: 46em) {
  .visual-container .visual-item {
    height: 66.66vw;
    background-size: cover;
  }
}
.visual-container .visual-item a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.visual-container .primary-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-bottom: 0;
  font-size: 1em;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 46em) {
  .visual-container .primary-title {
    font-size: 0.75em;
  }
}
.visual-container .primary-title__pri {
  font-size: 300%;
}
.visual-container .primary-title__sec {
  margin-top: 0.5em;
}
.visual-container .secondary-title {
  position: absolute;
  bottom: 4em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  white-space: nowrap;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* slick-arrow */
.visual-container .slick-arrow {
  top: 0;
  width: 4em;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
}
.visual-container .slick-arrow::before {
  content: none;
}
.visual-container .slick-arrow::after {
  background-image: url(./images/common/ico_direction_04.svg);
  opacity: 1;
}
@media screen and (max-width: 46em) {
  .visual-container .slick-arrow {
    width: 2em;
    background-color: rgba(0, 0, 0, 0.25);
  }
}

.isnt-touch .visual-container .slick-arrow:hover {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

/* ---------------------------------------------------------------- */
/* preview-container */
/* ---------------------------------------------------------------- */
.preview-container {
  position: relative;
}

/* preview-item */
.preview-container .preview-item {
  display: none;
  position: relative;
  width: 100%;
  height: 18.75em;
  background-color: #3d3b3b;
  background-position: center;
  vertical-align: bottom;
}
@media screen and (max-width: 60em) {
  .preview-container .preview-item {
    background-size: cover;
  }
}
.preview-container .preview-item.select {
  display: block;
}

/* content */
.preview-container .content {
  position: absolute;
  left: 0;
  bottom: 4em;
  width: 100%;
}
@media screen and (max-width: 46em) {
  .preview-container .content {
    bottom: 3em;
  }
}
.preview-container .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}
@media screen and (max-width: 46em) {
  .preview-container .content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* primary-title */
.preview-container .primary-title {
  font-family: copperplate, sans-serif;
  font-size: 2em;
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.666);
}
@media screen and (max-width: 46em) {
  .preview-container .primary-title {
    text-align: center;
    font-size: 3em;
  }
}

/* secondary-title */
.preview-container .secondary-title {
  position: relative;
  margin-left: 1em;
  padding-left: 1em;
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.666);
}
@media screen and (max-width: 46em) {
  .preview-container .secondary-title {
    margin-top: 1em;
    margin-left: 0;
    padding-left: 0;
    text-align: center;
  }
}
.preview-container .secondary-title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.666);
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.666);
}
@media screen and (max-width: 46em) {
  .preview-container .secondary-title::before {
    content: none;
  }
}
.preview-container .secondary-title .ja {
  margin-bottom: 0.25em;
  font-size: 0.875em;
}
@media screen and (max-width: 46em) {
  .preview-container .secondary-title .ja {
    font-size: 0.75em;
  }
}
.preview-container .secondary-title .en {
  font-size: 0.75em;
}
@media screen and (max-width: 46em) {
  .preview-container .secondary-title .en {
    font-size: 0.625em;
  }
}
.preview-container .secondary-title .notice {
  margin-top: 0.5em;
  font-size: 0.75em;
}
@media screen and (max-width: 46em) {
  .preview-container .secondary-title .notice {
    font-size: 0.625em;
  }
}

/* secondary-title */
.preview-container .zoom {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 46em) {
  .preview-container .zoom {
    top: 1em;
    right: 1em;
    left: auto;
    width: 3em;
    height: 3em;
  }
}
.preview-container .zoom::after {
  content: "";
  display: none;
  position: absolute;
  top: calc(50% - 3em);
  left: calc(50% - 1.5em);
  width: 3em;
  height: 3em;
  border: 1px solid #000;
  border-radius: 0.333em;
  background-color: rgba(0, 0, 0, 0.75);
  background-image: url(./images/common/ico_zoom_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}
@media screen and (max-width: 46em) {
  .preview-container .zoom::after {
    display: block;
    position: relative;
    top: auto;
    left: auto;
  }
}

.isnt-touch .preview-container .zoom:focus::after, .isnt-touch .preview-container .zoom:hover::after {
  display: block;
}

/* antivirus-mark */
.preview-container .antivirus-mark {
  position: absolute;
  top: 2.5em;
  left: calc(50% + 24em);
  width: 6em;
  padding: 0.75em;
  border-radius: 0.25em;
  background-color: #fff;
}
@media all and (min-width: 46em) {
  .preview-container .antivirus-mark .sp {
    display: none;
  }
}
@media screen and (max-width: 46em) {
  .preview-container .antivirus-mark {
    top: 1em;
    left: calc(50% + 4em);
    width: 4em;
    padding: 0.25em 0.5em;
  }
  .preview-container .antivirus-mark .pc {
    display: none;
  }
}

/* siaa-mark */
.preview-container .siaa-mark {
  position: absolute;
  top: 2em;
  right: calc(50% - 30em);
}
@media screen and (max-width: 46em) {
  .preview-container .siaa-mark {
    top: 1em;
    right: 5em;
    width: inherit;
  }
}
.preview-container .siaa-mark .siaa-mark-item {
  display: inline-block;
  width: 6em;
  margin-left: auto;
  padding: 0.666em 0.75em 0.75em;
  border-radius: 0.25em;
  background-color: #fff;
}
@media screen and (max-width: 46em) {
  .preview-container .siaa-mark .siaa-mark-item {
    width: 4em;
    padding: 0.2em 0.5em 0.25em;
  }
}
.preview-container .siaa-mark .siaa-mark-item + .siaa-mark-item {
  margin-left: 0.5em;
}

/* ---------------------------------------------------------------- */
/* selector-container */
/* ---------------------------------------------------------------- */
.selector-container {
  position: relative;
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  padding: 1px 1px 0 1px;
  margin-top: -2em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(204, 204, 204)), color-stop(10em, rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgb(204, 204, 204) 0, rgb(255, 255, 255) 10em);
}

/* selector-wrapper */
.selector-container .selector-wrapper {
  padding: 0.5em 1em 0 1em;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 1px solid rgb(255, 255, 255);
  border-left: 1px solid rgb(255, 255, 255);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 242, 242)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%);
}
@media screen and (max-width: 46em) {
  .selector-container .selector-wrapper {
    padding: 1em 1em 0 1em;
  }
}

/* selector-title */
.selector-container .selector-title {
  position: relative;
  width: 100%;
  margin-bottom: 1em;
  text-align: center;
  font-size: 0.75em;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #999;
}
@media screen and (max-width: 46em) {
  .selector-container .selector-title {
    margin-bottom: 1.5em;
  }
}
.selector-container .selector-title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.selector-container .selector-title .text {
  display: inline-block;
  position: relative;
  padding: 0 1em;
  background-color: rgb(244, 244, 244);
}

/* selector-list */
.selector-container .selector-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* selector-item */
.selector-container .selector-item {
  width: 23%;
  position: relative;
  margin: 0 1% 0.5em;
}
@media screen and (max-width: 46em) {
  .selector-container .selector-item {
    width: 46%;
    margin: 0 2% 0.5em;
  }
}
.selector-container .selector-item .image {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.25em;
  padding: 0.3125em;
  background-color: #e5e5e5;
  line-height: 1;
}
.selector-container .selector-item .title {
  position: relative;
  font-size: 0.75em;
  line-height: 1.4;
  white-space: nowrap;
}
.selector-container .selector-item .title span {
  color: red;
}
.selector-container .selector-item .rect-label {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  border-radius: 0;
  font-size: 0.625em;
}
.selector-container .selector-item.select > .image {
  background-color: #bfaa69;
}

/* selector-menu */
.selector-container .selector-menu {
  display: none;
  position: absolute;
  bottom: -0.5em;
  left: -0.5em;
  width: calc(100% + 1em);
  border: 1px solid #666;
  background-color: #333;
  padding: 0.375em;
  padding-bottom: 5em;
  color: #fff;
}
.selector-container .selector-menu.on {
  display: block;
}
.selector-container .selector-menu .selector-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px;
  border: 1px solid #666;
  margin-bottom: 1px;
}
.selector-container .selector-menu .selector-menu-item:last-of-type {
  margin-bottom: 0.5em;
}
.selector-container .selector-menu .selector-menu-item .image {
  margin-bottom: 0;
  margin-right: 0.5em;
  padding: 0;
}
.selector-container .selector-menu .selector-menu-item .image img {
  max-width: 30px;
}
.selector-container .selector-menu .selector-menu-item.select {
  border-color: #bfaa69;
  background-color: rgba(191, 170, 105, 0.2);
}

/* hover */
.isnt-touch .selector-container .preview-trigger:focus, .isnt-touch .selector-container .preview-trigger:hover {
  cursor: pointer;
}
.isnt-touch .selector-container .preview-trigger:focus .image, .isnt-touch .selector-container .preview-trigger:hover .image {
  background-color: #e4ddc3;
}
.isnt-touch .selector-container .preview-trigger:focus .title, .isnt-touch .selector-container .preview-trigger:hover .title {
  color: #bfaa69;
}
.isnt-touch .selector-container .preview-trigger:focus.select, .isnt-touch .selector-container .preview-trigger:hover.select {
  cursor: default;
}
.isnt-touch .selector-container .preview-trigger:focus.select .image, .isnt-touch .selector-container .preview-trigger:hover.select .image {
  background-color: #bfaa69;
}
.isnt-touch .selector-container .preview-trigger:focus.select .title, .isnt-touch .selector-container .preview-trigger:hover.select .title {
  color: #3d3b3b;
}
.isnt-touch .selector-container .menu-trigger:focus .image, .isnt-touch .selector-container .menu-trigger:hover .image {
  background-color: #e4ddc3;
}
.isnt-touch .selector-container .menu-trigger:focus .title, .isnt-touch .selector-container .menu-trigger:hover .title {
  color: #fff;
}
.isnt-touch .selector-container .menu-trigger:focus.select, .isnt-touch .selector-container .menu-trigger:hover.select {
  cursor: default;
}
.isnt-touch .selector-container .menu-trigger:focus.select > .title, .isnt-touch .selector-container .menu-trigger:hover.select > .title {
  color: #fff;
}
.isnt-touch .selector-container .menu-trigger .preview-trigger:focus, .isnt-touch .selector-container .menu-trigger .preview-trigger:hover {
  border-color: #bfaa69;
}
.isnt-touch .selector-container .menu-trigger .preview-trigger:focus.select .image, .isnt-touch .selector-container .menu-trigger .preview-trigger:hover.select .image {
  background-color: #e5e5e5;
}
.isnt-touch .selector-container .menu-trigger .preview-trigger:focus.select .title, .isnt-touch .selector-container .menu-trigger .preview-trigger:hover.select .title {
  color: #fff;
}

.selector-guide {
  position: absolute;
  top: -3em;
  right: -1.5em;
  width: 5em;
  height: 5em;
  text-align: center;
  font-size: 0.675em;
  line-height: 5;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
@media screen and (max-width: 46em) {
  .selector-guide {
    top: -1.5em;
    right: -1.25em;
  }
}
.selector-guide__balloon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.8;
}
.selector-guide__balloon::before {
  content: "";
  display: block;
  position: absolute;
  top: 4.25em;
  left: 0.75em;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5em 1.5em 0 0;
  border-color: #000 transparent transparent transparent;
}
.selector-guide__text {
  position: relative;
  color: #fff;
}
.selector-guide.is-click {
  opacity: 0;
  -webkit-transform: translateX(1em);
          transform: translateX(1em);
}

.isnt-touch .selector-guide__text--click {
  display: inline;
}
.isnt-touch .selector-guide__text--tap {
  display: none;
}

.is-touch .selector-guide__text--click {
  display: none;
}
.is-touch .selector-guide__text--tap {
  display: inline;
}

/* ---------------------------------------------------------------- */
/* banner-container */
/* ---------------------------------------------------------------- */
.banner-container {
  width: 80%;
  max-width: 41.25em;
  margin: 0 auto;
}
.banner-container .banner-item {
  margin-bottom: 1.5em;
}
.banner-container .banner-item a {
  text-decoration: none;
}
.banner-container .banner-item .image {
  display: block;
  padding: 0.625em;
  background-color: #f2f2f2;
  margin-bottom: 0.5em;
}
.banner-container .banner-item .text {
  display: block;
  text-align: center;
  font-size: 0.875em;
  line-height: 1.6;
}
@media screen and (min-width: 46em) {
  .banner-container .image .pc {
    display: inherit;
  }
  .banner-container .image .sp {
    display: none;
  }
}
@media screen and (max-width: 46em) {
  .banner-container .image .pc {
    display: none;
  }
  .banner-container .image .sp {
    display: inherit;
  }
}

/* hover */
.isnt-touch .banner-container a:focus .image,
.isnt-touch .banner-container a:hover .image {
  background-color: #e4ddc3;
}

/* ---------------------------------------------------------------- */
/* cat-container */
/* ---------------------------------------------------------------- */
.cat-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (max-width: 46em) {
  .cat-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cat-container a {
  text-decoration: none;
}

/* cat-item: parent */
.cat-container > .cat-item {
  width: 25%;
  margin-bottom: 0;
  background-color: #f2f2f2;
}
@media screen and (max-width: 46em) {
  .cat-container > .cat-item {
    width: 100%;
  }
}
.cat-container > .cat-item + .cat-item {
  margin-left: 1px;
}
@media screen and (max-width: 46em) {
  .cat-container > .cat-item + .cat-item {
    margin-top: 1px;
    margin-left: 0;
  }
}
.cat-container > .cat-item > a {
  display: block;
  text-align: center;
  font-size: 0.875em;
  line-height: 3;
}

/* cat-item: children */
.cat-container .children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  width: 100%;
  margin-bottom: 0;
  padding: 1.5em;
  background-color: rgba(41, 40, 40, 0.96);
}
@media screen and (max-width: 46em) {
  .cat-container .children {
    position: relative;
    top: auto;
    left: auto;
  }
  .cat-container .children::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2%;
    width: 96%;
    height: 0;
    border-top: 1px dotted rgba(255, 255, 255, 0.2);
  }
}
.cat-container .children .cat-item {
  position: relative;
  padding-left: 1em;
}
@media screen and (max-width: 46em) {
  .cat-container .children .cat-item {
    min-width: 12em;
  }
}
.cat-container .children .cat-item a {
  display: inline-block;
  font-size: 0.875em;
  color: #fff;
}
.cat-container .children .cat-item::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #bfaa69;
}

/* on */
.cat-container .children {
  display: none;
}
.cat-container > .cat-item:focus, .cat-container > .cat-item:hover {
  background-color: rgba(41, 40, 40, 0.96);
}
.cat-container > .cat-item:focus > a, .cat-container > .cat-item:hover > a {
  color: #bfaa69;
}
.cat-container > .cat-item:focus > .children, .cat-container > .cat-item:hover > .children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cat-container .children a:focus,
.cat-container .children a:hover {
  color: #bfaa69;
}

/* ---------------------------------------------------------------- */
/* showroom-container */
/* ---------------------------------------------------------------- */
.showroom-container .showroom-item {
  max-height: 32em;
  padding: 1em;
  border: 1px solid #e5e5e5;
}
.showroom-container .image {
  margin-bottom: 1em;
  padding: 0.625em;
  background-color: #f2f2f2;
  line-height: 1;
}
.showroom-container .title {
  position: relative;
  margin-bottom: 1em;
  padding-left: 1.5em;
  font-weight: 700;
  font-size: 0.875em;
  line-height: 1.6;
}
.showroom-container .title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.333em;
  left: 0;
  width: 1em;
  height: 1em;
  background-image: url(./images/common/ico_camera_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.showroom-container .title a {
  text-decoration: none;
}
.showroom-container .detail {
  margin-bottom: 0.5em;
  border-top: 1px solid #e5e5e5;
}
.showroom-container .detail th, .showroom-container .detail td {
  padding: 0.5em;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: top;
  font-size: 0.625em;
}
.showroom-container .detail th {
  padding-right: 1em;
  background-color: #f2f2f2;
  white-space: nowrap;
}
.showroom-container .coming-soon {
  font-size: 0.875em;
  opacity: 0.5;
}
.showroom-container .slick-slide {
  padding: 0 0.5em;
}
@media screen and (max-width: 46em) {
  .showroom-container .slick-slide {
    padding: 0 1em;
  }
}
.showroom-container .slick-arrow.slick-prev {
  left: -2.5em;
}
@media screen and (max-width: 46em) {
  .showroom-container .slick-arrow.slick-prev {
    left: -1em;
  }
}
.showroom-container .slick-arrow.slick-next {
  right: -2.5em;
}
@media screen and (max-width: 46em) {
  .showroom-container .slick-arrow.slick-next {
    right: -1em;
  }
}

.isnt-touch .showroom-container .image:focus, .isnt-touch .showroom-container .image:hover {
  background-color: #e4ddc3;
}

/* ---------------------------------------------------------------- */
/* sort-container */
/* ---------------------------------------------------------------- */
.sort-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (max-width: 46em) {
  .sort-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sort-container a {
  text-decoration: none;
}

/* sort-group */
.sort-container .sort-group {
  width: 25%;
  background-color: #f2f2f2;
  font-size: 0.875em;
}
@media screen and (max-width: 46em) {
  .sort-container .sort-group {
    width: 100%;
  }
}
.sort-container .sort-group + .sort-group {
  margin-left: 1px;
}
@media screen and (max-width: 46em) {
  .sort-container .sort-group + .sort-group {
    margin-top: 1px;
    margin-left: 0;
  }
}

/* sort-title */
.sort-container .sort-title {
  display: block;
  text-align: center;
  line-height: 3;
}

/* sort-menu */
.sort-container .sort-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  top: 3em;
  left: 0;
  z-index: 1;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 1.5em;
  background-color: rgba(41, 40, 40, 0.96);
  -webkit-transition-property: max-height, padding;
  transition-property: max-height, padding;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
@media screen and (max-width: 46em) {
  .sort-container .sort-menu {
    position: relative;
    top: auto;
    left: auto;
  }
  .sort-container .sort-menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2%;
    width: 96%;
    height: 0;
    border-top: 1px dotted rgba(255, 255, 255, 0.2);
  }
}
.sort-container .sort-menu-item {
  position: relative;
  min-width: 15.8em;
  padding-left: 1em;
  line-height: 2;
  color: #fff;
}
@media screen and (max-width: 46em) {
  .sort-container .sort-menu-item {
    width: auto;
    min-width: 12em;
  }
}
.sort-container .sort-menu-item a {
  color: #fff;
}
.sort-container .sort-menu-item::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.75em;
  left: 0;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #bfaa69;
}

/* on */
.sort-container .sort-group .sort-title.on {
  background-color: rgba(41, 40, 40, 0.96);
  color: #fff;
}
.sort-container .sort-group .sort-menu.on {
  padding: 1.5em;
  max-height: 50em;
}

/* selct */
.sort-container .sort-group .sort-title.select {
  background-color: #bfaa69;
  color: #fff;
}
.sort-container .sort-group .sort-menu-item.select {
  color: #bfaa69;
}

/* hover */
.isnt-touch .sort-container .sort-title:focus, .isnt-touch .sort-container .sort-title:hover {
  cursor: pointer;
  background-color: rgba(41, 40, 40, 0.96);
  color: #fff;
}
.isnt-touch .sort-container .sort-menu-item:focus, .isnt-touch .sort-container .sort-menu-item:hover {
  cursor: pointer;
  color: #bfaa69;
}
.isnt-touch .sort-container .sort-menu-item:focus a, .isnt-touch .sort-container .sort-menu-item:hover a {
  color: #bfaa69;
}

/* ---------------------------------------------------------------- */
/* spec-icon-container */
/* ---------------------------------------------------------------- */
.spec-icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0.5em;
}

/* spec-icon-item */
.spec-icon-container .spec-icon-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: calc(25% - 0.5em);
  margin: 0.25em;
  border: 1px solid #e5e5e5;
}
@media screen and (max-width: 46em) {
  .spec-icon-container .spec-icon-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

/* image */
.spec-icon-container .image {
  width: 3em;
  min-width: 3em;
  margin-right: 1em;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(4, 4, 4)));
  background: linear-gradient(to bottom, rgb(64, 64, 64) 0%, rgb(4, 4, 4) 100%);
  line-height: 1;
}

/* title */
.spec-icon-container .title {
  position: relative;
  font-weight: 700;
  font-size: 0.875em;
}

/* read */
.spec-icon-container .read {
  font-size: 0.75em;
  line-height: 1.6;
}
.spec-icon-container .read.tool-tip {
  display: none;
  position: absolute;
  bottom: 3em;
  left: 3em;
  padding: 1em;
  background-color: #fffdf2;
  border: 1px solid #f2e6ce;
}
@media screen and (max-width: 46em) {
  .spec-icon-container .read.tool-tip {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    border: 0;
    border-top: 1px solid #f2e6ce;
  }
}
.spec-icon-container .read.tool-tip::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em 0 0 1em;
  border-color: transparent transparent transparent #f2e6ce;
}
@media screen and (max-width: 46em) {
  .spec-icon-container .read.tool-tip::before {
    content: none;
  }
}

/* option */
.spec-icon-container .spec-icon-item.option .image {
  opacity: 0.5;
}
.spec-icon-container .spec-icon-item.option::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1.5em;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  background-image: url(./images/common/ico_option_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/* .modal-container */
.modal-container {
  display: none;
}
.modal-container.fancybox-content {
  max-width: 80em;
}
@media screen and (max-width: 46em) {
  .modal-container.fancybox-content {
    padding: 3em 1em;
  }
}
.modal-container .spec-icon-container .spec-icon-item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: calc(33.333% - 0.5em);
  border-top: 0;
  border-left: 0;
}
@media screen and (max-width: 46em) {
  .modal-container .spec-icon-container .spec-icon-item {
    width: 100%;
  }
  .modal-container .spec-icon-container .spec-icon-item.blank {
    display: none;
  }
}
.modal-container .spec-icon-container .content {
  width: calc(100% - 4em);
  padding: 0 1em 1em 0;
}
.modal-container .spec-icon-container .read {
  margin-top: 0.5em;
}

/* hover */
.spec-icon-container .spec-icon-item:focus .tool-tip, .spec-icon-container .spec-icon-item:hover .tool-tip {
  display: block;
}

.isnt-touch .spec-icon-container .spec-icon-item:focus, .isnt-touch .spec-icon-container .spec-icon-item:hover {
  cursor: help;
}
.isnt-touch .modal-container .spec-icon-container .spec-icon-item:focus, .isnt-touch .modal-container .spec-icon-container .spec-icon-item:hover {
  cursor: default;
}

/* ---------------------------------------------------------------- */
/* processing-container */
/* ---------------------------------------------------------------- */
.process-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 46em) {
  .process-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* processing-container */
.process-container .process-item {
  width: calc(50% - 1.5em);
  text-align: center;
}
@media screen and (max-width: 46em) {
  .process-container .process-item {
    width: 100%;
  }
}
.process-container .process-item.arrow {
  width: 3em;
}
@media screen and (max-width: 46em) {
  .process-container .process-item.arrow {
    width: 100%;
    margin: 1em 0;
  }
}
.process-container .process-item.arrow img {
  width: 66.666%;
  max-width: 2em;
  -webkit-transform: translateY(-1em);
          transform: translateY(-1em);
}
@media screen and (max-width: 46em) {
  .process-container .process-item.arrow img {
    -webkit-transform: rotate(-90deg) scaleX(-1);
            transform: rotate(-90deg) scaleX(-1);
  }
}

/* ---------------------------------------------------------------- */
/* flex-container */
/* ---------------------------------------------------------------- */
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-container.jc-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-container .flex-item {
  margin-bottom: 1.5em;
}

@media screen and (max-width: 46em) {
  .flex-container.auto {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 46em) {
  .flex-container.auto .flex-item {
    width: 100%;
  }
}
.flex-container.auto .flex-item + .flex-item {
  margin-left: 1.5em;
}
@media screen and (max-width: 46em) {
  .flex-container.auto .flex-item + .flex-item {
    margin-left: 0;
  }
}

/* col-2 */
.flex-container.col-2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 46em) {
  .flex-container.col-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.flex-container.col-2 .flex-item.large {
  width: calc(66.666% - 0.75em);
}
.flex-container.col-2 .flex-item.small {
  width: calc(33.333% - 0.75em);
}
.flex-container.col-2 .flex-item.half {
  width: calc(50% - 0.75em);
}
@media screen and (max-width: 46em) {
  .flex-container.col-2 .flex-item.large, .flex-container.col-2 .flex-item.small, .flex-container.col-2 .flex-item.half {
    width: 100%;
  }
}

/* col-3 */
.flex-container.col-3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-container.col-3 .flex-item {
  width: calc(33.333% - 1em);
}
@media screen and (max-width: 46em) {
  .flex-container.col-3 .flex-item {
    width: 100%;
  }
}
.flex-container.col-3 .flex-item + .flex-item {
  margin-left: 1.5em;
}
@media screen and (max-width: 46em) {
  .flex-container.col-3 .flex-item + .flex-item {
    margin-left: 0;
  }
}
.flex-container.col-3 .flex-item:nth-child(3n+4) {
  margin-left: 0;
}

/* col-4 */
.flex-container.col-4 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-container.col-4 .flex-item {
  width: calc(25% - 1.125em);
  margin-bottom: 1.5em;
}
.flex-container.col-4 .flex-item.border-box {
  width: calc(25% - 1px);
}
@media screen and (max-width: 46em) {
  .flex-container.col-4 .flex-item {
    width: 100%;
  }
  .flex-container.col-4 .flex-item.border-box {
    width: 100%;
    margin-bottom: 1px;
  }
}
.flex-container.col-4 .flex-item + .flex-item {
  margin-left: 1.5em;
}
.flex-container.col-4 .flex-item + .flex-item.border-box {
  margin-left: 1px;
}
@media screen and (max-width: 46em) {
  .flex-container.col-4 .flex-item + .flex-item {
    margin-left: 0;
  }
}
.flex-container.col-4 .flex-item:nth-child(5) {
  margin-left: 0;
}

/* ---------------------------------------------------------------- */
/* link-container */
/* ---------------------------------------------------------------- */
.link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.link-container.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 46em) {
  .link-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.link-container .button {
  width: 16em;
  margin: 0 0.25em;
  margin-bottom: 0.5em;
  padding: 1em;
}

/* ---------------------------------------------------------------- */
/* .modal-container */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* splash-container */
/* ---------------------------------------------------------------- */
.splash-container .title-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: #fff;
}
.splash-container .primary-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  font-family: copperplate, sans-serif;
  font-size: 3em;
  line-height: 1;
  color: #bfaa69;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%) scale(1.2);
          transform: translate(-50%, -50%) scale(1.2);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 2.4s;
          transition-duration: 2.4s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.splash-container .primary-title .small {
  font-size: 50%;
}
.splash-container.on .primary-title {
  -webkit-transform: translate(-50%, -50%) scale(0.8);
          transform: translate(-50%, -50%) scale(0.8);
}
.splash-container.off .title-wrapper {
  -webkit-animation-name: titl-eout;
          animation-name: titl-eout;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.splash-container .secondary-title {
  width: 100%;
  margin-top: 2em;
  text-align: center;
  font-weight: 300;
  font-size: 0.75em;
  line-height: 1.6;
  white-space: nowrap;
  opacity: 0.666;
}

@-webkit-keyframes titl-eout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes titl-eout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* ---------------------------------------------------------------- */
/* wp-pagenavi */
/* ---------------------------------------------------------------- */
.wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wp-pagenavi > * {
  display: inline-block;
  min-width: 3em;
  margin-right: 1px;
  margin-bottom: 1px;
  text-align: center;
  font-size: 0.75em;
  line-height: 3;
}
@media screen and (max-width: 46em) {
  .wp-pagenavi > * {
    font-size: 0.725em;
  }
}
.wp-pagenavi a {
  text-decoration: none;
  color: #fff;
}
.wp-pagenavi .pages,
.wp-pagenavi .extend {
  opacity: 0.5;
}
.wp-pagenavi .page {
  background-color: #e5e5e5;
}
.wp-pagenavi .current {
  background-color: #bfaa69;
  color: #fff;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  overflow: hidden;
  text-indent: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  background-image: url(./images/common/ico_direction_03.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em;
}
.wp-pagenavi .previouspostslink {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.isnt-touch .wp-pagenavi .previouspostslink:hover,
.isnt-touch .wp-pagenavi .nextpostslink:hover {
  background-color: #bfaa69;
}

/* ---------------------------------------------------------------- */
/* about-content */
/* ---------------------------------------------------------------- */
/* page-main */
.about-content .page-main {
  margin-bottom: 4em;
}

/* page-header */
.about-content .page-header {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  padding-top: 3em;
}
@media screen and (max-width: 46em) {
  .about-content .page-header {
    text-align: center;
  }
}

/* page-section */
.about-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
}

/* intro */
.about-content.secondary-content .page-header .catch {
  margin-top: 1em;
  font-family: trajan-pro-3, serif;
  font-weight: 700;
  font-size: 4em;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #bfaa69;
  white-space: nowrap;
}
@media screen and (max-width: 46em) {
  .about-content.secondary-content .page-header .catch {
    text-align: center;
    font-size: 2.8em;
  }
}
.about-content.secondary-content .page-header .catch .gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(212, 196, 146)), color-stop(50%, rgb(196, 177, 115)), color-stop(50%, rgb(184, 162, 96)), to(rgb(160, 133, 64)));
  background: linear-gradient(to bottom, rgb(212, 196, 146) 0%, rgb(196, 177, 115) 50%, rgb(184, 162, 96) 50%, rgb(160, 133, 64) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about-content.secondary-content .intro-read {
  font-size: 1em;
  line-height: 2em;
  white-space: nowrap;
}
.about-content.secondary-content .intro-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 46em) {
  .about-content.secondary-content .intro-images {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 2em;
  }
}
.about-content.secondary-content .intro-images .image {
  width: 6em;
}
@media screen and (max-width: 46em) {
  .about-content.secondary-content .intro-images .image {
    width: calc(33.333% - 2em);
    margin: 0 1em 2em;
  }
}
.about-content.secondary-content .intro-images .image + .image {
  margin-top: 2em;
}
@media screen and (max-width: 46em) {
  .about-content.secondary-content .intro-images .image + .image {
    margin-top: 0;
  }
}

/* primary-tabel */
.about-content .primary-table {
  min-width: inherit;
}
.about-content .primary-table tbody th {
  width: 7em;
}

/* google-maps */
.about-content .google-maps {
  position: relative;
  margin-bottom: 1.5em;
}
.about-content .google-maps::before {
  content: "";
  display: block;
  padding-top: 66.666%;
}
.about-content .google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ---------------------------------------------------------------- */
/* factory-content */
/* ---------------------------------------------------------------- */
/* page-header */
.factory-content .page-header {
  text-align: center;
}
.factory-content .page-header .en-ja-title {
  margin-bottom: 3em;
  font-size: 1.25em;
}
.factory-content .page-header .en-ja-title .en {
  font-size: 3em;
}

/* page-section */
.factory-content .page-section {
  margin-top: 3em;
}

/* en-ja-title */
.factory-content .en-ja-title {
  text-align: center;
}
.factory-content .en-ja-title .en {
  display: inline-block;
  font-family: trajan-pro-3;
  font-size: 2em;
  color: #bfaa69;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(212, 196, 146)), color-stop(50%, rgb(196, 177, 115)), color-stop(50%, rgb(184, 162, 96)), to(rgb(160, 133, 64)));
  background: linear-gradient(to bottom, rgb(212, 196, 146) 0%, rgb(196, 177, 115) 50%, rgb(184, 162, 96) 50%, rgb(160, 133, 64) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* catch */
.factory-content .catch {
  text-align: center;
  font-size: 1.25em;
  line-height: 2;
  white-space: nowrap;
}

/* factory-visual */
.factory-content .factory-visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.factory-content .factory-visual .visual-item {
  width: 50%;
}
@media screen and (max-width: 46em) {
  .factory-content .factory-visual .visual-item {
    width: 100%;
  }
}

/* unique */
@media screen and (max-width: 46em) {
  .factory-content #value .en-ja-title .en {
    font-size: 1.9em;
    white-space: nowrap;
  }
}

/* ---------------------------------------------------------------- */
/* home-content */
/* ---------------------------------------------------------------- */
.home-content .page-main {
  margin-bottom: 4em;
}
.home-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}
.home-content .page-footer {
  margin-top: 2em;
}
.home-content #news {
  margin-top: -2em;
}
.home-content #new-release {
  margin-top: 3em;
}
@media screen and (max-width: 46em) {
  .home-content #new-release {
    width: 66.666%;
    margin-top: 2em;
  }
}
.home-content #new-release .sidebar-title {
  margin-bottom: 0.5em;
  font-size: 1.5em;
}
.home-content #contents {
  margin-top: 2em;
}
@media screen and (max-width: 46em) {
  .home-content #contents {
    width: 80%;
  }
}

/* visual-container */
.home-content .visual-container .visual-item {
  height: 25em;
  background-position-y: 50%;
  background-size: cover;
}
@media screen and (max-width: 46em) {
  .home-content .visual-container .visual-item {
    height: 66.666vw;
  }
}
.home-content .visual-container .visual-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.home-content .visual-container .visual-item.showroom {
  background-color: #b5b8b4;
  background-image: url(./images/home/vis_showroom_01.webp);
  background-position-y: 75%;
}
.home-content .visual-container .visual-item.showroom::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.home-content .visual-container .visual-item.showroom .primary-title {
  font-family: serif;
  font-size: 3em;
  line-height: 1.2;
}
@media screen and (max-width: 46em) {
  .home-content .visual-container .visual-item.showroom .primary-title {
    top: 20%;
    font-size: 1.5em;
  }
}
.home-content .visual-container .visual-item.showroom .secondary-title {
  font-family: trajan-pro-3, serif;
  letter-spacing: 0.2em;
}
.home-content .visual-container .visual-item.flooring {
  background-color: #b5b8b4;
  background-image: url(./images/home/vis_flooring_01.webp);
  background-position-y: 45%;
}
.home-content .visual-container .visual-item.flooring .primary-title {
  font-family: trajan-pro-3, serif;
  font-size: 3.6em;
  line-height: 1;
}
@media screen and (max-width: 46em) {
  .home-content .visual-container .visual-item.flooring .primary-title {
    font-size: 1.8em;
  }
}
.home-content .visual-container .visual-item.antique {
  background-color: #130905;
  background-image: url(./images/home/vis_antique_01.webp);
}
.home-content .visual-container .visual-item.antique .primary-title {
  font-family: trajan-pro-3, serif;
  font-size: 3.6em;
  line-height: 1;
}
@media screen and (max-width: 46em) {
  .home-content .visual-container .visual-item.antique .primary-title {
    font-size: 1.8em;
  }
}
.home-content .visual-container .visual-item.fireproof {
  background-color: #8f8178;
  background-image: url(./images/home/vis_fireproof_01.webp);
}
.home-content .visual-container .visual-item.fireproof .primary-title {
  width: 30em;
  font-size: 1em;
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}
@media screen and (max-width: 46em) {
  .home-content .visual-container .visual-item.fireproof .primary-title {
    width: 15em;
  }
}
.home-content .visual-container .visual-item.furniture {
  background-color: #141414;
  background-image: url(./images/home/vis_furniture_01.webp);
  background-position-y: 70%;
}
.home-content .visual-container .visual-item.furniture .primary-title {
  font-family: trajan-pro-3, serif;
  font-size: 3.6em;
  line-height: 1;
}
@media screen and (max-width: 46em) {
  .home-content .visual-container .visual-item.furniture .primary-title {
    font-size: 1.8em;
  }
}

/* new-release-container */
.new-release-container .new-release-item {
  margin-bottom: 0;
  padding: 0.5em;
}
.new-release-container .new-release-item a {
  text-decoration: none;
}
.new-release-container .image {
  margin-bottom: 1em;
  padding: 0.3125em;
  background-color: #f2f2f2;
  line-height: 1;
}
.new-release-container .title {
  margin-bottom: 0.5em;
  line-height: 1.4;
}
.new-release-container .title .en {
  font-size: 1em;
}
.new-release-container .title .ja {
  font-size: 0.625em;
  color: #bfaa69;
}
.new-release-container .status .rect-label {
  font-size: 0.625em;
}
.new-release-container .status .tag-label {
  margin-left: 0.5em;
  display: inline-block;
  padding: calc(0.4em - 2px) 1em;
  border-radius: 0.333em;
  border: 2px solid rgb(240, 240, 240);
  text-align: center;
  font-weight: 700;
  font-size: 0.625em;
  color: rgb(160, 160, 160);
  vertical-align: middle;
}

/* new-release-container: hover */
.isnt-touch .new-release-container a:hover .image,
.isnt-touch .new-release-container a:focus .image {
  background-color: #e4ddc3;
}

/* new-release-container: slick-arrow */
.new-release-container .slick-arrow {
  top: 4.25em;
}
@media screen and (max-width: 46em) {
  .new-release-container .slick-arrow {
    top: 3.5em;
  }
}
.new-release-container .slick-arrow.slick-prev {
  left: -2.75em;
}
.new-release-container .slick-arrow.slick-next {
  right: -2.75em;
}

/* contents-container */
.home-content .contents-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 46em) {
  .home-content .contents-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.home-content .contents-container .contents-group {
  width: 24%;
  padding: 1.5em;
  border: 1px solid #e5e5e5;
  text-align: center;
}
@media screen and (max-width: 46em) {
  .home-content .contents-container .contents-group {
    width: 100%;
    padding-top: 2em;
  }
  .home-content .contents-container .contents-group + .contents-group {
    margin-top: 1em;
  }
}
.home-content .contents-container .contents-title {
  margin-bottom: 1.5em;
  font-size: 1.125em;
}
@media screen and (max-width: 46em) {
  .home-content .contents-container .contents-title {
    font-size: 1.5em;
  }
}
.home-content .contents-container .contents-title a {
  text-decoration: none;
}
.home-content .contents-container .contents-title .en {
  font-family: trajan-pro-3, serif;
}
.home-content .contents-container .contents-title .ja {
  font-size: 66.666%;
  color: #bfaa69;
}
.home-content .contents-container .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.home-content .contents-container .content-item {
  position: relative;
  width: 47%;
  overflow: hidden;
  margin-bottom: 1em;
}
.home-content .contents-container .content-item a {
  display: inline-block;
  padding: 0.3125em;
  background-color: #f2f2f2;
  line-height: 1;
}

/* contents-container: hover */
.isnt-touch.home-content .contents-container .content-item a:hover,
.isnt-touch.home-content .contents-container .content-item a:focus {
  background-color: #e4ddc3;
}

/* contents-container: unique */
.home-content .contents-container .furniture .logo {
  width: 100%;
  margin: 0.75em 0 1.15em;
}
.home-content .contents-container .furniture .logo img {
  width: 5em;
  margin-left: 0.6em;
}
.home-content .contents-container .fireproof .contents {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-content .contents-container .fireproof .contents .content-item {
  width: 100%;
}
@media screen and (max-width: 46em) {
  .home-content .contents-container .fireproof .contents .content-item {
    width: 75%;
  }
}
.home-content .contents-container .contents-link .button {
  width: 100%;
  font-size: 0.75em;
}
@media screen and (max-width: 46em) {
  .home-content .contents-container .contents-link .button {
    font-size: 1em;
  }
}

/* ---------------------------------------------------------------- */
/* home-test-content */
/* ---------------------------------------------------------------- */
.home-test-content .page-main {
  margin-bottom: 4em;
}
.home-test-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}
.home-test-content .page-footer {
  margin-top: 2em;
}
.home-test-content #news {
  margin-top: -2em;
}
.home-test-content #new-release {
  margin-top: 3em;
}
@media screen and (max-width: 46em) {
  .home-test-content #new-release {
    width: 66.666%;
    margin-top: 2em;
  }
}
.home-test-content #new-release .sidebar-title {
  margin-bottom: 0.5em;
  font-size: 1.5em;
}
.home-test-content #contents {
  margin-top: 2em;
}
@media screen and (max-width: 46em) {
  .home-test-content #contents {
    width: 80%;
  }
}

/* visual-container */
.home-test-content .visual-container .visual-item {
  height: 25em;
}
@media screen and (max-width: 46em) {
  .home-test-content .visual-container .visual-item {
    height: 66.666vw;
  }
}
.home-test-content .visual-container .visual-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.home-test-content .visual-container .visual-item.showroom img {
  top: 25%;
}
@media screen and (max-width: 46em) {
  .home-test-content .visual-container .visual-item.showroom img {
    top: 50%;
  }
}
.home-test-content .visual-container .visual-item.showroom::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.home-test-content .visual-container .visual-item.showroom .primary-title {
  font-family: serif;
  font-size: 3em;
  line-height: 1.2;
}
@media screen and (max-width: 46em) {
  .home-test-content .visual-container .visual-item.showroom .primary-title {
    top: 20%;
    font-size: 1.5em;
  }
}
.home-test-content .visual-container .visual-item.showroom .secondary-title {
  font-family: trajan-pro-3, serif;
  letter-spacing: 0.2em;
}
.home-test-content .visual-container .visual-item.flooring img {
  top: 55%;
}
@media screen and (max-width: 46em) {
  .home-test-content .visual-container .visual-item.flooring img {
    top: 50%;
  }
}
.home-test-content .visual-container .visual-item.flooring .primary-title {
  font-family: trajan-pro-3, serif;
  font-size: 3.6em;
  line-height: 1;
}
@media screen and (max-width: 46em) {
  .home-test-content .visual-container .visual-item.flooring .primary-title {
    font-size: 1.8em;
  }
}
.home-test-content .visual-container .visual-item.antique .primary-title {
  font-family: trajan-pro-3, serif;
  font-size: 3.6em;
  line-height: 1;
}
@media screen and (max-width: 46em) {
  .home-test-content .visual-container .visual-item.antique .primary-title {
    font-size: 1.8em;
  }
}
.home-test-content .visual-container .visual-item.fireproof .primary-title {
  width: 30em;
  font-size: 1em;
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}
@media screen and (max-width: 46em) {
  .home-test-content .visual-container .visual-item.fireproof .primary-title {
    width: 15em;
  }
}
.home-test-content .visual-container .visual-item.furniture img {
  top: 30%;
}
@media screen and (max-width: 46em) {
  .home-test-content .visual-container .visual-item.furniture img {
    top: 50%;
  }
}
.home-test-content .visual-container .visual-item.furniture .primary-title {
  font-family: trajan-pro-3, serif;
  font-size: 3.6em;
  line-height: 1;
}
@media screen and (max-width: 46em) {
  .home-test-content .visual-container .visual-item.furniture .primary-title {
    font-size: 1.8em;
  }
}

/* new-release-container */
.new-release-container .new-release-item {
  margin-bottom: 0;
  padding: 0.5em;
}
.new-release-container .new-release-item a {
  text-decoration: none;
}
.new-release-container .image {
  margin-bottom: 1em;
  padding: 0.3125em;
  background-color: #f2f2f2;
  line-height: 1;
}
.new-release-container .title {
  margin-bottom: 0.5em;
  line-height: 1.4;
}
.new-release-container .title .en {
  font-size: 1em;
}
.new-release-container .title .ja {
  font-size: 0.625em;
  color: #bfaa69;
}
.new-release-container .status .rect-label {
  font-size: 0.625em;
}
.new-release-container .status .tag-label {
  margin-left: 0.5em;
  display: inline-block;
  padding: calc(0.4em - 2px) 1em;
  border-radius: 0.333em;
  border: 2px solid rgb(240, 240, 240);
  text-align: center;
  font-weight: 700;
  font-size: 0.625em;
  color: rgb(160, 160, 160);
  vertical-align: middle;
}

/* new-release-container: hover */
.isnt-touch .new-release-container a:hover .image,
.isnt-touch .new-release-container a:focus .image {
  background-color: #e4ddc3;
}

/* new-release-container: slick-arrow */
.new-release-container .slick-arrow {
  top: 4.25em;
}
@media screen and (max-width: 46em) {
  .new-release-container .slick-arrow {
    top: 3.5em;
  }
}
.new-release-container .slick-arrow.slick-prev {
  left: -2.75em;
}
.new-release-container .slick-arrow.slick-next {
  right: -2.75em;
}

/* contents-container */
.home-test-content .contents-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 46em) {
  .home-test-content .contents-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.home-test-content .contents-container .contents-group {
  width: 24%;
  padding: 1.5em;
  border: 1px solid #e5e5e5;
  text-align: center;
}
@media screen and (max-width: 46em) {
  .home-test-content .contents-container .contents-group {
    width: 100%;
    padding-top: 2em;
  }
  .home-test-content .contents-container .contents-group + .contents-group {
    margin-top: 1em;
  }
}
.home-test-content .contents-container .contents-title {
  margin-bottom: 1.5em;
  font-size: 1.125em;
}
@media screen and (max-width: 46em) {
  .home-test-content .contents-container .contents-title {
    font-size: 1.5em;
  }
}
.home-test-content .contents-container .contents-title a {
  text-decoration: none;
}
.home-test-content .contents-container .contents-title .en {
  font-family: trajan-pro-3, serif;
}
.home-test-content .contents-container .contents-title .ja {
  font-size: 66.666%;
  color: #bfaa69;
}
.home-test-content .contents-container .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.home-test-content .contents-container .content-item {
  position: relative;
  width: 47%;
  overflow: hidden;
  margin-bottom: 1em;
}
.home-test-content .contents-container .content-item a {
  display: inline-block;
  padding: 0.3125em;
  background-color: #f2f2f2;
  line-height: 1;
}

/* contents-container: hover */
.isnt-touch.home-test-content .contents-container .content-item a:hover,
.isnt-touch.home-test-content .contents-container .content-item a:focus {
  background-color: #e4ddc3;
}

/* contents-container: unique */
.home-test-content .contents-container .furniture .logo {
  width: 100%;
  margin: 0.75em 0 1.15em;
}
.home-test-content .contents-container .furniture .logo img {
  width: 5em;
  margin-left: 0.6em;
}
.home-test-content .contents-container .fireproof .contents {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-test-content .contents-container .fireproof .contents .content-item {
  width: 100%;
}
@media screen and (max-width: 46em) {
  .home-test-content .contents-container .fireproof .contents .content-item {
    width: 75%;
  }
}
.home-test-content .contents-container .contents-link .button {
  width: 100%;
  font-size: 0.75em;
}
@media screen and (max-width: 46em) {
  .home-test-content .contents-container .contents-link .button {
    font-size: 1em;
  }
}

/* ---------------------------------------------------------------- */
/* flooring-content */
/* tertiary-content 以下の共通スタイル */
/* フローリングトップ特有のスタイルは secondary.sass を参照 */
/* ---------------------------------------------------------------- */
/* page-main */
.flooring-content .page-main {
  margin-bottom: 4em;
}

/* page-header */
.flooring-content .page-header {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  padding-top: 3em;
}
@media screen and (max-width: 46em) {
  .flooring-content .page-header {
    text-align: center;
  }
}
.flooring-content .page-header.splash-container {
  width: auto;
  max-width: inherit;
  margin: 0;
  padding: 0;
}

/* secondary-content: primary-title */
.flooring-content.secondary-content .primary-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

/* page-section */
.flooring-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
}
.flooring-content .en-ja-title {
  margin-bottom: 0;
  line-height: 1.2;
  text-align: center;
}
.flooring-content .en-ja-title .en {
  font-family: copperplate, sans-serif;
  display: inline-block;
  font-size: 2.5em;
  color: #bfaa69;
}
.flooring-content .en-ja-title .en.en-row2 {
  line-height: 1;
}
.flooring-content .en-ja-title .en-direct {
  color: #bfaa69;
  font-size: 2.2em;
  margin: 0 0.2em;
}
.flooring-content .en-ja-title .en-sub {
  color: #bfaa69;
  margin-bottom: -0.6em;
  display: block;
  font-family: copperplate, sans-serif;
  font-size: 1.1em;
  letter-spacing: 0.1em;
}
.flooring-content .en-ja-title .ja {
  display: inline-block;
}
.flooring-content .page-section.deadline .read {
  font-size: 0.875em;
}

/* page-footer */
.flooring-content .page-footer {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
}

/* modal-container */
.flooring-content .modal-container#attention {
  max-width: 60em;
}

/* flooring-banner-container */
.flooring-banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flooring-banner-container .banner-item {
  width: 10.625em;
  margin: 0 0.25em;
  margin-bottom: 1.5em;
}
.flooring-banner-container .banner-item a {
  text-decoration: none;
}
.flooring-banner-container .image {
  margin-bottom: 0.5em;
  padding: 0.3125em;
  background-color: #e5e5e5;
  line-height: 1;
}
.flooring-banner-container .title {
  text-align: center;
  font-size: 0.875em;
}

/* flooring-banner-container: hover */
.isnt-touch .flooring-banner-container .banner-item a:hover .image,
.isnt-touch .flooring-banner-container .banner-item a:focus .image {
  background-color: #e4ddc3;
}

.flooring-content .page-main .siaa-mark-image {
  text-align: center;
}
@media screen and (max-width: 46em) {
  .flooring-content .page-main .siaa-mark-image {
    width: 100% !important;
  }
}
.flooring-content .page-main .siaa-mark-image img {
  max-width: 8em;
}
.flooring-content .page-main .siaa-mark-image img + img {
  margin-left: 2em;
}

/* ---------------------------------------------------------------- */
/* flooring-content: secondary-content */
/* ---------------------------------------------------------------- */
/* visual-container */
.flooring-content.secondary-content .visual-container .visual-item {
  background-color: #f2eee6;
}
.flooring-content.secondary-content .visual-container .visual-item.old-oak {
  background-image: url(./images/flooring/index/vis_old-oak_01.webp);
  background-position-y: 10%;
}
.flooring-content.secondary-content .visual-container .visual-item.ottimo {
  background-image: url(./images/flooring/index/vis_ottimo_01.webp);
  background-position-y: 100%;
}
.flooring-content.secondary-content .visual-container .visual-item.largo {
  background-image: url(./images/flooring/index/vis_largo_01.webp);
  background-position-y: 80%;
}
.flooring-content.secondary-content .visual-container .visual-item.red-pine {
  background-image: url(./images/flooring/index/vis_red-pine_01.webp);
  background-position-y: 40%;
}
.flooring-content.secondary-content .visual-container .primary-title__pri {
  font-family: trajan-pro-3, serif;
  letter-spacing: 0.1em;
}

.flooring-content.secondary-content #news {
  margin-top: -2em;
}
.flooring-content.secondary-content .sort-container {
  max-width: 58em;
  margin: 0 auto;
  margin-top: 3em;
}
.flooring-content.secondary-content .attention-container {
  max-width: 58em;
  margin: 0 auto;
}
.flooring-content.secondary-content .attention-container .attention-item {
  display: none;
  margin-top: 2em;
  padding: 0.5em 1em;
  border: 1px solid #e0bcbc;
  border-radius: 0.333em;
  background-color: #fff5f5;
  font-size: 0.875em;
}

/* index-container */
.flooring-content .index-container {
  margin-top: 3em;
}
.flooring-content .index-container .ribbon-label {
  top: 1.5em;
  right: -2.5em;
  font-size: 0.75em;
}

/* ---------------------------------------------------------------- */
/* old-oak-content */
/* ---------------------------------------------------------------- */
.old-oak-content .preview-container .primary-title .small {
  font-size: 50%;
}
.old-oak-content .preview-container .antique-no1 {
  background-image: url(./images/flooring/old-oak/img_old-oak_antique-no1.webp);
}
.old-oak-content .preview-container .antique-no2 {
  background-image: url(./images/flooring/old-oak/img_old-oak_antique-no2.webp);
}
.old-oak-content .preview-container .heritage-no1 {
  background-image: url(./images/flooring/old-oak/img_old-oak_heritage-no1.webp);
}
.old-oak-content .preview-container .heritage-no2 {
  background-image: url(./images/flooring/old-oak/img_old-oak_heritage-no2.webp);
}
.old-oak-content .preview-container .early-no1 {
  background-image: url(./images/flooring/old-oak/img_old-oak_early-no1.webp);
}
.old-oak-content .preview-container .early-no2 {
  background-image: url(./images/flooring/old-oak/img_old-oak_early-no2.webp);
}
.old-oak-content .preview-container .provence {
  background-image: url(./images/flooring/old-oak/img_old-oak_provence.webp);
}
.old-oak-content .preview-container .cordes {
  background-image: url(./images/flooring/old-oak/img_old-oak_cordes.webp);
}
.old-oak-content .preview-container .vellugue {
  background-image: url(./images/flooring/old-oak/img_old-oak_vellugue.webp);
}
@media screen and (max-width: 46em) {
  .old-oak-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .old-oak-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .old-oak-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-oak-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .old-oak-content #processing .flex-container.col-3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .old-oak-content #processing .flex-container.col-3 .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .old-oak-content #processing .process-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .old-oak-content #processing .process-container .process-item {
    width: 66.666%;
  }
}
.old-oak-content .drw-old-oak_01 {
  max-width: 540px;
}

/* ---------------------------------------------------------------- */
/* old-oak-mp-content */
/* ---------------------------------------------------------------- */
.old-oak-mp-content .preview-container .primary-title .small {
  font-size: 50%;
}
.old-oak-mp-content .preview-container .antique-no1 {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_antique-no1.webp);
}
.old-oak-mp-content .preview-container .antique-no2 {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_antique-no2.webp);
}
.old-oak-mp-content .preview-container .heritage-no1 {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_heritage-no1.webp);
}
.old-oak-mp-content .preview-container .heritage-no2 {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_heritage-no2.webp);
}
.old-oak-mp-content .preview-container .early-no1 {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_early-no1.webp);
}
.old-oak-mp-content .preview-container .early-no2 {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_early-no2.webp);
}
.old-oak-mp-content .preview-container .antico-grey {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_antico-grey.webp);
}
.old-oak-mp-content .preview-container .provence {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_provence.webp);
}
.old-oak-mp-content .preview-container .cordes {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_cordes.webp);
}
.old-oak-mp-content .preview-container .vellugue {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_vellugue.webp);
}
.old-oak-mp-content .preview-container .select-grade {
  background-image: url(./images/flooring/old-oak-mp/img_old-oak-mp_select-grade.webp);
}
@media screen and (max-width: 46em) {
  .old-oak-mp-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .old-oak-mp-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .old-oak-mp-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-oak-mp-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .old-oak-mp-content #processing .flex-container.col-3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .old-oak-mp-content #processing .flex-container.col-3 .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .old-oak-mp-content #processing .process-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .old-oak-mp-content #processing .process-container .process-item {
    width: 66.666%;
  }
}
.old-oak-mp-content .drw-multiply {
  max-width: 700px;
}

/* ---------------------------------------------------------------- */
/* old-oak-mp-add-content */
/* ---------------------------------------------------------------- */
.old-oak-mp-add-content .add-logo {
  width: 2.25em;
  margin-left: 0.25em;
  vertical-align: middle;
}
.old-oak-mp-add-content .preview-container .primary-title .small {
  font-size: 50%;
}
.old-oak-mp-add-content .preview-container .primary-title .add-logo {
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}
.old-oak-mp-add-content .preview-container .uv-antique-no1 {
  background-image: url(./images/flooring/old-oak-mp-add/img_old-oak-mp-add_uv-antique-no1.webp);
}
.old-oak-mp-add-content .preview-container .uv-heritage-no1 {
  background-image: url(./images/flooring/old-oak-mp-add/img_old-oak-mp-add_uv-heritage-no1.webp);
}
.old-oak-mp-add-content .preview-container .uv-heritage-no2 {
  background-image: url(./images/flooring/old-oak-mp-add/img_old-oak-mp-add_uv-heritage-no2.webp);
}
.old-oak-mp-add-content .preview-container .uv-early-no1 {
  background-image: url(./images/flooring/old-oak-mp-add/img_old-oak-mp-add_uv-early-no1.webp);
}
.old-oak-mp-add-content .preview-container .uv-early-no2 {
  background-image: url(./images/flooring/old-oak-mp-add/img_old-oak-mp-add_uv-early-no2.webp);
}
.old-oak-mp-add-content .preview-container .uv-blanc {
  background-image: url(./images/flooring/old-oak-mp-add/img_old-oak-mp-add_uv-blanc.webp);
}
.old-oak-mp-add-content .preview-container .herringbone {
  background-size: 1224px;
  background-image: url(./images/flooring/old-oak-mp-add/img_old-oak-mp-add_herringbone.webp);
}
.old-oak-mp-add-content .preview-container .block {
  background-image: url(./images/flooring/old-oak-mp-add/img_old-oak-mp-add_block.webp);
}
@media screen and (max-width: 46em) {
  .old-oak-mp-add-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .old-oak-mp-add-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .old-oak-mp-add-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-oak-mp-add-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .old-oak-mp-add-content #feature > *:nth-child(3) .flex-item:first-child {
    width: 100%;
  }
}
.old-oak-mp-add-content .drw-nail {
  max-width: 730px;
}
.old-oak-mp-add-content .drw-rubber {
  max-width: 730px;
}
.old-oak-mp-add-content .drw-herringbone-nail {
  max-width: 340px;
}
.old-oak-mp-add-content .drw-herringbone-rubber {
  max-width: 340px;
}
.old-oak-mp-add-content .drw-block-rubber {
  max-width: 740px;
}

/* ---------------------------------------------------------------- */
/* old-oak-mp-add-sg-content */
/* ---------------------------------------------------------------- */
.old-oak-mp-add-sg-content .add-logo {
  width: 2.25em;
  margin: 0 0.25em;
  vertical-align: middle;
}
.old-oak-mp-add-sg-content .preview-container .primary-title .small {
  font-size: 50%;
}
.old-oak-mp-add-sg-content .preview-container .primary-title .add-logo {
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}
.old-oak-mp-add-sg-content .preview-container .preview-item {
  background-size: 1240px;
}
.old-oak-mp-add-sg-content .preview-container .uv-antique-no1 {
  background-image: url(./images/flooring/old-oak-mp-add-sg/img_old-oak-mp-add-sg_uv-antique-no1.webp);
}
.old-oak-mp-add-sg-content .preview-container .uv-heritage-no1 {
  background-image: url(./images/flooring/old-oak-mp-add-sg/img_old-oak-mp-add-sg_uv-heritage-no1.webp);
}
.old-oak-mp-add-sg-content .preview-container .uv-heritage-no2 {
  background-image: url(./images/flooring/old-oak-mp-add-sg/img_old-oak-mp-add-sg_uv-heritage-no2.webp);
}
.old-oak-mp-add-sg-content .preview-container .uv-early-no1 {
  background-image: url(./images/flooring/old-oak-mp-add-sg/img_old-oak-mp-add-sg_uv-early-no1.webp);
}
.old-oak-mp-add-sg-content .preview-container .uv-early-no2 {
  background-image: url(./images/flooring/old-oak-mp-add-sg/img_old-oak-mp-add-sg_uv-early-no2.webp);
}
.old-oak-mp-add-sg-content .preview-container .uv-blanc {
  background-image: url(./images/flooring/old-oak-mp-add-sg/img_old-oak-mp-add-sg_uv-blanc.webp);
}
.old-oak-mp-add-sg-content .preview-container .herringbone {
  background-size: 1224px;
  background-image: url(./images/flooring/old-oak-mp-add-sg/img_old-oak-mp-add-sg_herringbone.webp);
}
.old-oak-mp-add-sg-content .preview-container .block {
  background-image: url(./images/flooring/old-oak-mp-add-sg/img_old-oak-mp-add-sg_block.webp);
}
@media screen and (max-width: 46em) {
  .old-oak-mp-add-sg-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .old-oak-mp-add-sg-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .old-oak-mp-add-sg-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-oak-mp-add-sg-content #feature .flex-container.col-3 .flex-item {
    width: 100%;
  }
  .old-oak-mp-add-sg-content #feature .flex-container.col-3 .flex-item + .flex-item {
    width: calc(50% - 0.75em);
  }
}
.old-oak-mp-add-sg-content .drw-nail {
  max-width: 730px;
}
.old-oak-mp-add-sg-content .drw-rubber {
  max-width: 730px;
}
.old-oak-mp-add-sg-content .drw-herringbone-nail {
  max-width: 335px;
}
.old-oak-mp-add-sg-content .drw-herringbone-rubber {
  max-width: 335px;
}
.old-oak-mp-add-sg-content .drw-block-rubber {
  max-width: 730px;
}

/* ---------------------------------------------------------------- */
/* ottimo-content */
/* ---------------------------------------------------------------- */
.ottimo-content .direct-logo {
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: italic;
}
.ottimo-content .preview-container .primary-title .small {
  font-size: 50%;
}
.ottimo-content .preview-container .primary-title .add-logo {
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}
.ottimo-content .preview-container .kaba_clear {
  background-image: url(./images/flooring/ottimo/img_ottimo_kaba_clear.webp);
}
.ottimo-content .preview-container .kaba_m02 {
  background-image: url(./images/flooring/ottimo/img_ottimo_kaba_m02.webp);
}
.ottimo-content .preview-container .kaba_n07 {
  background-image: url(./images/flooring/ottimo/img_ottimo_kaba_n07.webp);
}
.ottimo-content .preview-container .kaba_c12 {
  background-image: url(./images/flooring/ottimo/img_ottimo_kaba_c12.webp);
}
.ottimo-content .preview-container .kaba_c13 {
  background-image: url(./images/flooring/ottimo/img_ottimo_kaba_c13.webp);
}
.ottimo-content .preview-container .kaba_c15 {
  background-image: url(./images/flooring/ottimo/img_ottimo_kaba_c15.webp);
}
.ottimo-content .preview-container .nara_clear {
  background-image: url(./images/flooring/ottimo/img_ottimo_nara_clear.webp);
}
.ottimo-content .preview-container .nara_t19 {
  background-image: url(./images/flooring/ottimo/img_ottimo_nara_t19.webp);
}
.ottimo-content .preview-container .nara_t21 {
  background-image: url(./images/flooring/ottimo/img_ottimo_nara_t21.webp);
}
.ottimo-content .preview-container .nara_t22 {
  background-image: url(./images/flooring/ottimo/img_ottimo_nara_t22.webp);
}
.ottimo-content .preview-container .hard-maple_clear {
  background-image: url(./images/flooring/ottimo/img_ottimo_hard-maple_clear.webp);
}
.ottimo-content .preview-container .buna_clear {
  background-image: url(./images/flooring/ottimo/img_ottimo_buna_clear.webp);
}
.ottimo-content .preview-container .walnut_clear {
  background-image: url(./images/flooring/ottimo/img_ottimo_walnut_clear.webp);
}
.ottimo-content .preview-container .maple {
  background-image: url(./images/flooring/ottimo/img_ottimo_maple.webp);
}
@media screen and (max-width: 46em) {
  .ottimo-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ottimo-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.ottimo-content .drw-multiply {
  max-width: 700px;
}
.ottimo-content .drw-multiply-direct {
  max-width: 700px;
}

/* ---------------------------------------------------------------- */
/* ottimo-parquet-content */
/* ---------------------------------------------------------------- */
.ottimo-parquet-content .direct-logo {
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: italic;
}
.ottimo-parquet-content .preview-container .primary-title .small {
  font-size: 50%;
}
.ottimo-parquet-content .preview-container .primary-title .add-logo {
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}
.ottimo-parquet-content .preview-container .preview-item {
  background-size: 900px;
}
.ottimo-parquet-content .preview-container .oak_clear {
  background-image: url(./images/flooring/ottimo-parquet/img_ottimo-parquet_oak_clear.webp);
}
.ottimo-parquet-content .preview-container .oak_t19 {
  background-image: url(./images/flooring/ottimo-parquet/img_ottimo-parquet_oak_t19.webp);
}
.ottimo-parquet-content .preview-container .oak_t21 {
  background-image: url(./images/flooring/ottimo-parquet/img_ottimo-parquet_oak_t21.webp);
}
.ottimo-parquet-content .preview-container .oak_t22 {
  background-image: url(./images/flooring/ottimo-parquet/img_ottimo-parquet_oak_t22.webp);
}
.ottimo-parquet-content .preview-container .oak_m02 {
  background-image: url(./images/flooring/ottimo-parquet/img_ottimo-parquet_oak_m02.webp);
}
.ottimo-parquet-content .preview-container .oak_c13 {
  background-image: url(./images/flooring/ottimo-parquet/img_ottimo-parquet_oak_c13.webp);
}
.ottimo-parquet-content .preview-container .birch_clear {
  background-image: url(./images/flooring/ottimo-parquet/img_ottimo-parquet_birch_clear.webp);
}
.ottimo-parquet-content .preview-container .birch_m02 {
  background-image: url(./images/flooring/ottimo-parquet/img_ottimo-parquet_birch_m02.webp);
}
@media screen and (max-width: 46em) {
  .ottimo-parquet-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .ottimo-parquet-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.ottimo-parquet-content .drw-herringbone-rubber {
  max-width: 340px;
}
.ottimo-parquet-content .drw-block-rubber {
  max-width: 730px;
}

/* ---------------------------------------------------------------- */
/* largo-content */
/* ---------------------------------------------------------------- */
.largo-content .preview-container .oak_clear {
  background-image: url(./images/flooring/largo/img_largo_oak_clear.webp);
}
.largo-content .preview-container .oak_white {
  background-image: url(./images/flooring/largo/img_largo_oak_white.webp);
}
.largo-content .preview-container .oak_umber {
  background-image: url(./images/flooring/largo/img_largo_oak_umber.webp);
}
.largo-content .preview-container .oak_antique-mahogany {
  background-image: url(./images/flooring/largo/img_largo_oak_antique-mahogany.webp);
}
.largo-content .preview-container .oak_old-brown {
  background-image: url(./images/flooring/largo/img_largo_oak_old-brown.webp);
}
.largo-content .preview-container .oak_ebony {
  background-image: url(./images/flooring/largo/img_largo_oak_ebony.webp);
}
.largo-content .preview-container .white-ash_clear {
  background-image: url(./images/flooring/largo/img_largo_white-ash_clear.webp);
}
.largo-content .preview-container .white-ash_white {
  background-image: url(./images/flooring/largo/img_largo_white-ash_white.webp);
}
.largo-content .preview-container .white-ash_keyaki {
  background-image: url(./images/flooring/largo/img_largo_white-ash_keyaki.webp);
}
.largo-content .preview-container .white-ash_antique-mahogany {
  background-image: url(./images/flooring/largo/img_largo_white-ash_antique-mahogany.webp);
}
.largo-content .preview-container .white-ash_old-brown {
  background-image: url(./images/flooring/largo/img_largo_white-ash_old-brown.webp);
}
.largo-content .preview-container .white-ash_clear {
  background-image: url(./images/flooring/largo/img_largo_white-ash_clear.webp);
}
.largo-content .preview-container .white-ash_white {
  background-image: url(./images/flooring/largo/img_largo_white-ash_white.webp);
}
.largo-content .preview-container .white-ash_keyaki {
  background-image: url(./images/flooring/largo/img_largo_white-ash_keyaki.webp);
}
.largo-content .preview-container .white-ash_antique-mahogany {
  background-image: url(./images/flooring/largo/img_largo_white-ash_antique-mahogany.webp);
}
.largo-content .preview-container .white-ash_old-brown {
  background-image: url(./images/flooring/largo/img_largo_white-ash_old-brown.webp);
}
.largo-content .preview-container .white-ash_ebony {
  background-image: url(./images/flooring/largo/img_largo_white-ash_ebony.webp);
}
.largo-content .preview-container .hard-maple_clear {
  background-image: url(./images/flooring/largo/img_largo_hard-maple_clear.webp);
}
.largo-content .preview-container .hard-maple_white {
  background-image: url(./images/flooring/largo/img_largo_hard-maple_white.webp);
}
.largo-content .preview-container .hard-maple_honey {
  background-image: url(./images/flooring/largo/img_largo_hard-maple_honey.webp);
}
.largo-content .preview-container .hard-maple_reddish {
  background-image: url(./images/flooring/largo/img_largo_hard-maple_reddish.webp);
}
.largo-content .preview-container .hard-maple_cherry {
  background-image: url(./images/flooring/largo/img_largo_hard-maple_cherry.webp);
}
.largo-content .preview-container .hard-maple_smoke {
  background-image: url(./images/flooring/largo/img_largo_hard-maple_smoke.webp);
}
.largo-content .preview-container .merbau_clear {
  background-image: url(./images/flooring/largo/img_largo_merbau_clear.webp);
}
.largo-content .preview-container .larch_clear {
  background-image: url(./images/flooring/largo/img_largo_larch_clear.webp);
}
.largo-content .preview-container .larch_white {
  background-image: url(./images/flooring/largo/img_largo_larch_white.webp);
}
@media screen and (max-width: 46em) {
  .largo-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .largo-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.largo-content .drw-3ply {
  max-width: 550px;
}
.largo-content .drw-3ply-larch {
  max-width: 700px;
}

/* ---------------------------------------------------------------- */
/* largo-nature-grade-content */
/* ---------------------------------------------------------------- */
.largo-nature-grade-content .preview-container .primary-title .small {
  font-size: 50%;
}
.largo-nature-grade-content .preview-container .hickory {
  background-image: url(./images/flooring/largo-nature-grade/img_largo-nature-grade_hickory.webp);
}
.largo-nature-grade-content .preview-container .white-ash {
  background-image: url(./images/flooring/largo-nature-grade/img_largo-nature-grade_white-ash.webp);
}
.largo-nature-grade-content .preview-container .walnut {
  background-image: url(./images/flooring/largo-nature-grade/img_largo-nature-grade_walnut.webp);
}
.largo-nature-grade-content .preview-container .hard-maple {
  background-image: url(./images/flooring/largo-nature-grade/img_largo-nature-grade_hard-maple.webp);
}
.largo-nature-grade-content .preview-container .oak {
  background-image: url(./images/flooring/largo-nature-grade/img_largo-nature-grade_oak.webp);
}
@media screen and (max-width: 46em) {
  .largo-nature-grade-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .largo-nature-grade-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.largo-nature-grade-content .drw-multiply {
  max-width: 560px;
}
.largo-nature-grade-content .drw-multiply-oak {
  max-width: 570px;
}

/* ---------------------------------------------------------------- */
/* supremo-content */
/* ---------------------------------------------------------------- */
.supremo-content .preview-container .walnut {
  background-image: url(./images/flooring/supremo/img_supremo_walnut.webp);
}
.supremo-content .preview-container .oak {
  background-image: url(./images/flooring/supremo/img_supremo_oak.webp);
}
.supremo-content .preview-container .oak-character {
  background-image: url(./images/flooring/supremo/img_supremo_oak-character.webp);
}
.supremo-content .drw-single {
  max-width: 540px;
}

/* ---------------------------------------------------------------- */
/* fino-content */
/* ---------------------------------------------------------------- */
.fino-content .preview-container .kuri {
  background-image: url(./images/flooring/fino/img_fino_kuri.webp);
}
.fino-content .preview-container .walnut {
  background-image: url(./images/flooring/fino/img_fino_walnut.webp);
}
.fino-content .preview-container .myanmar-teak {
  background-image: url(./images/flooring/fino/img_fino_myanmar-teak.webp);
}
.fino-content .preview-container .nesia-teak {
  background-image: url(./images/flooring/fino/img_fino_nesia-teak.webp);
}
.fino-content .preview-container .nesia-teak-rustic {
  background-image: url(./images/flooring/fino/img_fino_nesia-teak-rustic.webp);
  background-size: 800px;
}
@media screen and (max-width: 46em) {
  .fino-content .preview-container .nesia-teak-rustic {
    background-size: 200vw;
  }
}
.fino-content .preview-container .mahogany {
  background-image: url(./images/flooring/fino/img_fino_mahogany.webp);
  background-size: 1200px;
}
@media screen and (max-width: 46em) {
  .fino-content .preview-container .mahogany {
    background-size: 300vw;
  }
}
.fino-content .preview-container .heating_oak {
  background-image: url(./images/flooring/fino/img_fino_heating_oak.webp);
}
.fino-content .preview-container .heating_birch {
  background-image: url(./images/flooring/fino/img_fino_heating_birch.webp);
}
.fino-content .preview-container .heating_nesia-teak {
  background-image: url(./images/flooring/fino/img_fino_heating_nesia-teak.webp);
}
@media screen and (max-width: 46em) {
  .fino-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fino-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.fino-content .drw-no-heating {
  max-width: 370px;
}
.fino-content .drw-heating {
  max-width: 330px;
}

/* ---------------------------------------------------------------- */
/* red-pine-content */
/* ---------------------------------------------------------------- */
.red-pine-content .preview-container .clear {
  background-image: url(./images/flooring/red-pine/img_red-pine_clear.webp);
}
.red-pine-content .preview-container .white {
  background-image: url(./images/flooring/red-pine/img_red-pine_white.webp);
}
@media screen and (max-width: 46em) {
  .red-pine-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .red-pine-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.red-pine-content .drw-single {
  max-width: 510px;
}

/* ---------------------------------------------------------------- */
/* carbonic-wood-content */
/* ---------------------------------------------------------------- */
.carbonic-wood-content .preview-container .oak {
  background-image: url(./images/flooring/carbonic-wood/img_carbonic-wood_oak.webp);
}
@media screen and (max-width: 46em) {
  .carbonic-wood-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .carbonic-wood-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .carbonic-wood-content #feature .flex-container.col-3 .flex-item:first-child {
    width: 100%;
  }
}
.carbonic-wood-content .drw-multiply {
  max-width: 660px;
}

/* ---------------------------------------------------------------- */
/* oak-strip-content */
/* ---------------------------------------------------------------- */
.oak-strip-content .preview-container .random_antique-no1 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_random_antique-no1.webp);
}
.oak-strip-content .preview-container .random_antique-no2 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_random_antique-no2.webp);
}
.oak-strip-content .preview-container .random_early-american-no1 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_random_early-american-no1.webp);
}
.oak-strip-content .preview-container .random_early-american-no2 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_random_early-american-no2.webp);
}
.oak-strip-content .preview-container .random_heritage-euro-no1 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_random_heritage-euro-no1.webp);
}
.oak-strip-content .preview-container .random_heritage-euro-no2 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_random_heritage-euro-no2.webp);
}
.oak-strip-content .preview-container .herringbone_antique-no1 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_herringbone_antique-no1.webp);
}
.oak-strip-content .preview-container .herringbone_antique-no2 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_herringbone_antique-no2.webp);
}
.oak-strip-content .preview-container .herringbone_early-american-no1 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_herringbone_early-american-no1.webp);
}
.oak-strip-content .preview-container .herringbone_early-american-no2 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_herringbone_early-american-no2.webp);
}
.oak-strip-content .preview-container .herringbone_heritage-euro-no1 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_herringbone_heritage-euro-no1.webp);
}
.oak-strip-content .preview-container .herringbone_heritage-euro-no2 {
  background-image: url(./images/flooring/oak-strip/img_oak-strip_herringbone_heritage-euro-no2.webp);
}
@media screen and (max-width: 46em) {
  .oak-strip-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .oak-strip-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .oak-strip-content #feature .flex-container.col-3 .flex-item:first-child {
    width: 100%;
  }
}
.oak-strip-content .drw-single {
  max-width: 280px;
}

/* ---------------------------------------------------------------- */
/* mosaic-parquet-content */
/* ---------------------------------------------------------------- */
.mosaic-parquet-content .preview-container .haddon-hall_teak {
  background-image: url(./images/flooring/mosaic-parquet/img_mosaic-parquet_haddon-hall_teak.webp);
}
.mosaic-parquet-content .preview-container .haddon-hall {
  background-image: url(./images/flooring/mosaic-parquet/img_mosaic-parquet_haddon-hall.webp);
  background-size: 50em;
  background-position: center top;
}
.mosaic-parquet-content .preview-container .domino {
  background-image: url(./images/flooring/mosaic-parquet/img_mosaic-parquet_domino.webp);
  background-size: 75em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .mosaic-parquet-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mosaic-parquet-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .mosaic-parquet-content #processing .flex-container.col-3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mosaic-parquet-content #processing .flex-container.col-3 .flex-item {
    width: 66.666%;
  }
}
.mosaic-parquet-content .drw-haddon-hall {
  max-width: 550px;
}

/* ---------------------------------------------------------------- */
/* nobile-parquet-content */
/* ---------------------------------------------------------------- */
.nobile-parquet-content .preview-container .fontaine_antique-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_fontaine_antique-no1.webp);
}
.nobile-parquet-content .preview-container .fontaine_early-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_fontaine_early-no1.webp);
}
.nobile-parquet-content .preview-container .fontaine_heritage-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_fontaine_heritage-no1.webp);
}
.nobile-parquet-content .preview-container .bretagne_antique-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_bretagne_antique-no1.webp);
}
.nobile-parquet-content .preview-container .bretagne_early-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_bretagne_early-no1.webp);
}
.nobile-parquet-content .preview-container .bretagne_heritage-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_bretagne_heritage-no1.webp);
}
.nobile-parquet-content .preview-container .haddon-hall_antique-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_haddon-hall_antique-no1.webp);
}
.nobile-parquet-content .preview-container .haddon-hall_early-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_haddon-hall_early-no1.webp);
}
.nobile-parquet-content .preview-container .haddon-hall_heritage-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_haddon-hall_heritage-no1.webp);
}
.nobile-parquet-content .preview-container .montfort_antique-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_montfort_antique-no1.webp);
}
.nobile-parquet-content .preview-container .montfort_early-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_montfort_early-no1.webp);
}
.nobile-parquet-content .preview-container .montfort_heritage-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_montfort_heritage-no1.webp);
}
.nobile-parquet-content .preview-container .avignon_antique-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_avignon_antique-no1.webp);
  background-size: 900px;
}
.nobile-parquet-content .preview-container .avignon_early-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_avignon_early-no1.webp);
  background-size: 900px;
}
.nobile-parquet-content .preview-container .avignon_heritage-no1 {
  background-image: url(./images/flooring/nobile-parquet/img_nobile-parquet_avignon_heritage-no1.webp);
  background-size: 900px;
}
@media screen and (max-width: 46em) {
  .nobile-parquet-content #feature .flex-container.col-2,
.nobile-parquet-content #processing .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .nobile-parquet-content #feature .flex-container.col-2 .flex-item.small,
.nobile-parquet-content #processing .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.nobile-parquet-content .drw-nobile-parquet_01 {
  width: 719px;
}
.nobile-parquet-content .drw-nobile-parquet_02 {
  width: 719px;
}

/* ---------------------------------------------------------------- */
/* herringbone-content */
/* ---------------------------------------------------------------- */
.herringbone-content .preview-container .teak {
  background-image: url(./images/flooring/herringbone/img_herringbone_teak.webp);
}
.herringbone-content .preview-container .white-oak {
  background-image: url(./images/flooring/herringbone/img_herringbone_white-oak.webp);
}
.herringbone-content .preview-container .walnut {
  background-image: url(./images/flooring/herringbone/img_herringbone_walnut.webp);
}
.herringbone-content .preview-container .acacia {
  background-image: url(./images/flooring/herringbone/img_herringbone_acacia.webp);
  background-size: 792px;
}
@media screen and (max-width: 46em) {
  .herringbone-content .preview-container .acacia {
    background-size: 300vw;
  }
}
.herringbone-content .preview-container .mahogany {
  background-image: url(./images/flooring/herringbone/img_herringbone_mahogany.webp);
  background-size: 792px;
}
@media screen and (max-width: 46em) {
  .herringbone-content .preview-container .mahogany {
    background-size: 300vw;
  }
}
@media screen and (max-width: 46em) {
  .herringbone-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .herringbone-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.herringbone-content .drw-single {
  max-width: 290px;
}

/* ---------------------------------------------------------------- */
/* bamboo-content */
/* ---------------------------------------------------------------- */
.bamboo-content .preview-container .natural {
  background-image: url(./images/flooring/bamboo/img_bamboo_natural.webp);
}
.bamboo-content .preview-container .brown {
  background-image: url(./images/flooring/bamboo/img_bamboo_brown.webp);
}
@media screen and (max-width: 46em) {
  .bamboo-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bamboo-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.bamboo-content .drw-no-heating {
  max-width: 410px;
}
.bamboo-content .drw-heating {
  max-width: 410px;
}

/* ---------------------------------------------------------------- */
/* deck-content */
/* ---------------------------------------------------------------- */
.deck-content .preview-container .ipe {
  background-image: url(./images/flooring/deck/img_deck_ipe.webp);
}
.deck-content .preview-container .selangan-batu {
  background-image: url(./images/flooring/deck/img_deck_selangan-batu.webp);
}
.deck-content .preview-container .manilkara {
  background-image: url(./images/flooring/deck/img_deck_manilkara.webp);
}
@media screen and (max-width: 46em) {
  .deck-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .deck-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.deck-content .drw-single {
  max-width: 460px;
}

/* ---------------------------------------------------------------- */
/* eastern-oak-content */
/* ---------------------------------------------------------------- */
.eastern-oak-content .preview-container .preview-item {
  background-size: 900px;
}
@media screen and (max-width: 46em) {
  .eastern-oak-content .preview-container .preview-item {
    background-size: 225vw;
  }
}
.eastern-oak-content .preview-container .dark-mellow {
  background-image: url(./images/flooring/eastern-oak/img_eastern-oak_dark-mellow.webp);
}
.eastern-oak-content .preview-container .rustic-white {
  background-image: url(./images/flooring/eastern-oak/img_eastern-oak_rustic-white.webp);
}
.eastern-oak-content .drw-single {
  max-width: 550px;
}

/* ---------------------------------------------------------------- */
/* processing-content */
/* ---------------------------------------------------------------- */
@media screen and (max-width: 46em) {
  .processing-content #face .process-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .processing-content #face .process-container .process-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .processing-content #spacial-face .flex-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .processing-content #spacial-face .flex-container .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .processing-content #coloring .flex-container .flex-item:last-child {
    text-align: center;
  }
  .processing-content #coloring .flex-container .flex-item:last-child img {
    width: 66.666%;
  }
}

/* ---------------------------------------------------------------- */
/* limited-content */
/* ---------------------------------------------------------------- */
.limited-content .preview-container .old-oak-multiply {
  background-image: url(./images/flooring/limited/img_limited_old-oak-multiply.webp);
  background-size: auto 100%;
}
.limited-content .preview-container .old-oak-multiply-select-grade {
  background-image: url(./images/flooring/limited/img_limited_old-oak-multiply-select-grade.webp);
  background-size: auto 100%;
}
.limited-content .preview-container .old-oak-three-ply {
  background-image: url(./images/flooring/limited/img_limited_old-oak-three-ply.webp);
  background-size: auto 100%;
}
.limited-content .preview-container .old-oak-three-ply-select-grade {
  background-image: url(./images/flooring/limited/img_limited_old-oak-three-ply-select-grade.webp);
  background-size: auto 100%;
}
@media screen and (max-width: 46em) {
  .limited-content section#feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .limited-content section#feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.limited-content section#head-line {
  margin-top: 7em;
}
@media screen and (max-width: 46em) {
  .limited-content section#head-line {
    margin-top: 4em;
  }
}
.limited-content section#head-line .flex-container {
  margin-top: 5em;
}
@media screen and (max-width: 46em) {
  .limited-content section#head-line .flex-container {
    margin-top: 3em;
    gap: 1em;
  }
}
.limited-content section#head-line .ja-en-title {
  padding-top: 2em;
  padding-left: 2em;
}
@media screen and (max-width: 46em) {
  .limited-content section#head-line .ja-en-title {
    padding: 0;
  }
}
.limited-content section#head-line .ja-en-title .ja {
  font-size: 1.2em;
}
.limited-content section#head-line .ja-en-title .en {
  font-size: 0.825em;
}
.limited-content section#head-line .flex-container.col-3 .ja-en-title {
  padding-top: 0;
  padding-left: 1em;
}
.limited-content section#head-line .flex-container.col-3 .ja-en-title .ja {
  font-size: 1.1em;
}
.limited-content section#head-line .flex-container.col-3 .ja-en-title .en {
  font-size: 0.825em;
}
@media screen and (max-width: 46em) {
  .limited-content section#head-line .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .limited-content section#head-line .flex-container.col-2 * {
    text-align: center;
  }
  .limited-content section#head-line .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .limited-content section#head-line .flex-container.col-3 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .limited-content section#head-line .flex-container.col-3 * {
    text-align: center;
  }
  .limited-content section#head-line .flex-container.col-3 .flex-item .img {
    width: 66.666%;
    margin: 0 auto;
  }
}
.limited-content section#head-line + section {
  margin-top: 4em;
}
@media screen and (max-width: 46em) {
  .limited-content section#head-line + section {
    margin-top: 2em;
  }
}
.limited-content .drw-old-oak-multiply, .limited-content .drw-old-oak-multiply-select-grade, .limited-content .drw-old-oak-three-ply, .limited-content .drw-old-oak-three-ply-select-grade {
  max-width: 550px;
}

/* ---------------------------------------------------------------- */
/* outlet-content */
/* ---------------------------------------------------------------- */
.outlet-content .preview-container .cabruba-composite-flooring {
  background-image: url(./images/flooring/outlet/img_outlet_cabruba-composite-flooring.webp);
  background-size: auto 100%;
}
.outlet-content .preview-container .cabruba-solid-flooring-1 {
  background-image: url(./images/flooring/outlet/img_outlet_cabruba-solid-flooring-1.webp);
  background-size: auto 100%;
}
.outlet-content .preview-container .cabruba-solid-flooring-2 {
  background-image: url(./images/flooring/outlet/img_outlet_cabruba-solid-flooring-2.webp);
  background-size: auto 100%;
}
.outlet-content .preview-container .hot-chestnut-early-american-no1 {
  background-image: url(./images/flooring/outlet/img_outlet_hot-chestnut-early-american-no1.webp);
  background-size: auto 100%;
}
.outlet-content .preview-container .hot-chestnut-antique-no1 {
  background-image: url(./images/flooring/outlet/img_outlet_hot-chestnut-antique-no1.webp);
  background-size: auto 100%;
}
.outlet-content .preview-container .hot-chestnut-heritage-euro-no1 {
  background-image: url(./images/flooring/outlet/img_outlet_hot-chestnut-heritage-euro-no1.webp);
  background-size: auto 100%;
}
@media screen and (max-width: 46em) {
  .outlet-content section#feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .outlet-content section#feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.outlet-content section#head-line {
  margin-top: 7em;
}
@media screen and (max-width: 46em) {
  .outlet-content section#head-line {
    margin-top: 4em;
  }
}
.outlet-content section#head-line .flex-container {
  margin-top: 5em;
}
@media screen and (max-width: 46em) {
  .outlet-content section#head-line .flex-container {
    margin-top: 3em;
    gap: 1em;
  }
}
.outlet-content section#head-line .ja-en-title {
  padding-top: 2em;
  padding-left: 2em;
}
@media screen and (max-width: 46em) {
  .outlet-content section#head-line .ja-en-title {
    padding: 0;
  }
}
.outlet-content section#head-line .ja-en-title .ja {
  font-size: 1.2em;
}
.outlet-content section#head-line .ja-en-title .en {
  font-size: 0.825em;
}
.outlet-content section#head-line .flex-container.col-3 .ja-en-title {
  padding-top: 0;
  padding-left: 1em;
}
.outlet-content section#head-line .flex-container.col-3 .ja-en-title .ja {
  font-size: 1.1em;
}
.outlet-content section#head-line .flex-container.col-3 .ja-en-title .en {
  font-size: 0.825em;
}
@media screen and (max-width: 46em) {
  .outlet-content section#head-line .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .outlet-content section#head-line .flex-container.col-2 * {
    text-align: center;
  }
  .outlet-content section#head-line .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .outlet-content section#head-line .flex-container.col-3 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .outlet-content section#head-line .flex-container.col-3 * {
    text-align: center;
  }
  .outlet-content section#head-line .flex-container.col-3 .flex-item .img {
    width: 66.666%;
    margin: 0 auto;
  }
}
.outlet-content section#head-line + section {
  margin-top: 4em;
}
@media screen and (max-width: 46em) {
  .outlet-content section#head-line + section {
    margin-top: 2em;
  }
}
.outlet-content .drw-cabruba-composite-flooring {
  max-width: 330px;
}
.outlet-content .drw-cabruba-solid-flooring-1, .outlet-content .drw-cabruba-solid-flooring-2 {
  max-width: 350px;
}
.outlet-content .drw-hot-chestnut {
  max-width: 275px;
}

/* ---------------------------------------------------------------- */
/* teak-parquet-content */
/* ---------------------------------------------------------------- */
.teak-parquet-content .preview-container .teak-parquet_clear {
  background-image: url(./images/flooring/teak-parquet/img_teak-parquet.webp);
}
@media screen and (max-width: 46em) {
  .teak-parquet-content #feature .flex-container.col-2,
.teak-parquet-content #processing .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .teak-parquet-content #feature .flex-container.col-2 .flex-item.small,
.teak-parquet-content #processing .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}
.teak-parquet-content .drw-teak-parquet_01 {
  width: 540px;
}
.teak-parquet-content .drw-teak-parquet_02 {
  width: 719px;
}

/* ---------------------------------------------------------------- */
/* antique-content */
/* tertiary-content 以下の共通スタイル */
/* 古材トップ特有のスタイルは secondary.sass を参照 */
/* ---------------------------------------------------------------- */
/* page-main */
.antique-content .page-main {
  background-color: #f0eeeb;
}

/* page-header */
.antique-content .page-header {
  width: 100%;
  margin: 3em 0;
}
.antique-content .page-header .ja-en-title {
  text-align: center;
}
.antique-content .page-header .catch {
  text-align: center;
  font-weight: 700;
  font-size: 1.125em;
}
.antique-content .page-header .read {
  text-align: center;
}

/* secondary-content: primary-title */
.antique-content.secondary-content .primary-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

/* page-section */
.antique-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
}

/* page-footer */
.antique-content .page-footer {
  margin-top: 2em;
}

/* splash-container */
.antique-content .splash-container .primary-title {
  font-family: trajan-pro-3, sans-serif;
  font-size: 2em;
}

/* visual-container */
.antique-content .visual-container .visual-item {
  background-repeat: repeat-x;
}
.antique-content .visual-container .anniv-label {
  position: absolute;
  top: calc(50% - 5em);
  right: 5em;
  width: 10em;
}
@media screen and (max-width: 46em) {
  .antique-content .visual-container .anniv-label {
    top: 1.25em;
    right: calc(50% - 2.5em);
    width: 5em;
  }
}
.antique-content.tertiary-content .visual-container {
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: 0 0.333em 0.333em 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.333em 0.333em 0 rgba(0, 0, 0, 0.2);
}
.antique-content.tertiary-content .visual-container .visual-item {
  height: 12.5em;
}
@media screen and (max-width: 46em) {
  .antique-content.tertiary-content .visual-container .primary-title {
    top: 75%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .antique-content.tertiary-content .visual-container .anniv-label {
    top: 2em;
  }
}

/* spec-icon-wrapper */
.antique-content .spec-icon-wrapper {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}
.antique-content .spec-icon-wrapper .read {
  text-align: left;
}
.antique-content .spec-icon-container .spec-icon-item {
  border-color: #d4cfca;
  background-color: rgba(255, 255, 255, 0.333);
}
.antique-content .spec-icon-container .spec-icon-item .image {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(121, 108, 104)), to(rgb(56, 45, 42)));
  background: linear-gradient(to bottom, rgb(121, 108, 104) 0%, rgb(56, 45, 42) 100%);
}

/* board-image */
.antique-content .board-image {
  margin-bottom: 2em;
  text-align: center;
}
.antique-content .board-image img {
  max-width: 62.5em;
}
@media screen and (max-width: 46em) {
  .antique-content .board-image img {
    width: auto;
  }
}

/* bar-title */
.antique-content .bar-title {
  border-color: #d4cfca;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(50%, rgb(250, 248, 243)), color-stop(50%, rgb(242, 240, 235)), to(rgb(235, 232, 226)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(250, 248, 243) 50%, rgb(242, 240, 235) 50%, rgb(235, 232, 226) 100%);
}

/* border-image */
.antique-content .border-image {
  border-color: #fff;
}

/* primary-table */
.antique-content .primary-table {
  border-color: #d4cfca;
}
.antique-content .primary-table th, .antique-content .primary-table td {
  border-color: #d4cfca;
}
.antique-content .primary-table tr:nth-child(even) td {
  background-color: rgba(255, 255, 255, 0.333);
}
.antique-content .primary-table thead th, .antique-content .primary-table thead td {
  background-color: #d4cfca;
}
.antique-content .primary-table tbody th {
  background-color: #e5e0da !important;
}
.antique-content .primary-table table tbody th {
  background-color: transparent !important;
}

/* secondary-table */
.antique-content .secondary-table th, .antique-content .secondary-table td {
  border-color: #d4cfca;
}
.antique-content .secondary-table th {
  background-color: #e5e0da !important;
}
.antique-content .secondary-table td {
  background-color: rgba(255, 255, 255, 0.333);
}

/* slick-ui */
.antique-content .slick-arrow {
  border: 1px solid #d4cfca;
}
.antique-content .slick-arrow::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(50%, rgb(250, 248, 243)), color-stop(50%, rgb(242, 240, 235)), to(rgb(235, 232, 226)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(250, 248, 243) 50%, rgb(242, 240, 235) 50%, rgb(235, 232, 226) 100%);
}
.antique-content.secondary-content .slick-arrow {
  border: 0;
}

/* modal-container */
.antique-content .modal-container {
  background-color: #f0eeeb;
}
.antique-content .modal-container#attention {
  max-width: 30em;
}
.antique-content .modal-container .spec-icon-item {
  background-color: transparent;
}

/* showroom-container */
.antique-content .showroom-container .showroom-item {
  border-color: #d4cfca;
  background-color: rgba(255, 255, 255, 0.333);
}
.antique-content .showroom-container .showroom-item .image {
  background-color: #fff;
}
.antique-content .showroom-container .showroom-item .detail {
  border-color: #d4cfca;
}
.antique-content .showroom-container .showroom-item .detail th, .antique-content .showroom-container .showroom-item .detail td {
  border-color: #d4cfca;
}
.antique-content .showroom-container .showroom-item .detail th {
  background-color: #e0dcd7;
}

/* banner-container */
.antique-content .banner-container .banner-item .image {
  background-color: #fff;
}

/* more-box */
.antique-content .more-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  padding: 1em;
  padding-top: 1.5em;
  border: 1px solid #d4cfca;
  background-color: rgba(255, 255, 255, 0.333);
}
@media screen and (max-width: 46em) {
  .antique-content .more-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.antique-content .more-box .image {
  width: 5em;
  margin-right: 1.5em;
}
@media screen and (max-width: 46em) {
  .antique-content .more-box .image {
    width: auto;
    margin-right: 0;
    margin-bottom: 1.5em;
  }
  .antique-content .more-box .image img {
    max-width: 5em;
  }
}
.antique-content .more-box .ribbon-label {
  top: 1.5em;
  right: -2.5em;
  font-size: 0.75em;
}

/* lot-box */
.antique-content .lot-box {
  position: relative;
  width: 90%;
  max-width: 60em;
  margin: 4em auto 2em;
  padding: 4em 3em 1.5em 3em;
  border: 1px solid #d4cfca;
  text-align: center;
}
.antique-content .lot-box .title {
  position: absolute;
  top: -0.9em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 1em;
  background-color: #f0eeeb;
  font-weight: 700;
  font-size: 1.25em;
  white-space: nowrap;
}
.antique-content .lot-box .title small {
  color: #bfaa69;
}
.antique-content .lot-box .update {
  font-size: 0.75em;
  opacity: 0.5;
}
.antique-content .lot-box .annotation {
  font-size: 0.875em;
  margin-top: 0.75em;
}

/* divider */
.antique-content hr {
  border-color: #ccc8c2;
}

/* antique-banner-container */
.antique-banner-container {
  min-height: 15em;
  padding: 3em 0;
  background-image: url(./images/antique/common/bgi_banner-container_01.webp);
  background-repeat: repeat-x;
  background-position: top center;
  background-size: 1000px;
}
.antique-banner-container .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}
.antique-banner-container .banner-item {
  width: 33.333%;
  margin-bottom: 1.5em;
  text-align: center;
}
@media screen and (max-width: 46em) {
  .antique-banner-container .banner-item {
    width: 100%;
  }
}
.antique-banner-container .banner-item a {
  text-decoration: none;
}
.antique-banner-container .image {
  max-width: 17em;
  margin: 0 auto;
  margin-bottom: 0.5em;
  padding: 0.625em;
  background-color: #fff;
  line-height: 1;
}
@media screen and (max-width: 46em) {
  .antique-banner-container .image {
    max-width: 15em;
  }
}
.antique-banner-container .title {
  text-align: center;
  font-size: 0.875em;
}

/* antique-banner-container: hover */
.isnt-touch .antique-banner-container .banner-item a:hover .image,
.isnt-touch .antique-banner-container .banner-item a:focus .image {
  background-color: #e4ddc3;
}

.antique-content .page-main .siaa-mark-image {
  text-align: center;
}
@media screen and (max-width: 46em) {
  .antique-content .page-main .siaa-mark-image {
    width: 100% !important;
  }
}
.antique-content .page-main .siaa-mark-image img {
  max-width: 8em;
}
.antique-content .page-main .siaa-mark-image img + img {
  margin-left: 2em;
}

/* ---------------------------------------------------------------- */
/* antique-content: secondary-content */
/* ---------------------------------------------------------------- */
/* visual-container */
.antique-content.secondary-content .visual-container .visual-item.scaffolding-board {
  background-image: url(./images/antique/scaffolding-board/vis_scaffolding-board_03.webp);
  background-size: 75em;
}
.antique-content.secondary-content .visual-container .visual-item.grey-wood {
  background-image: url(./images/antique/grey-wood/vis_grey-wood_03.webp);
  background-size: 75em;
}
.antique-content.secondary-content .visual-container .visual-item.barn-board {
  background-image: url(./images/antique/barn-board/vis_barn-board_03.webp);
  background-size: 100em;
}
.antique-content.secondary-content .visual-container .visual-item.hand-hewn-beam {
  background-image: url(./images/antique/hand-hewn-beam/vis_hand-hewn-beam_03.webp);
  background-size: 100em;
}
.antique-content.secondary-content .visual-container .visual-item.old-board {
  background-image: url(./images/antique/old-board/vis_old-board_03.webp);
  background-size: 93.75em;
}
.antique-content.secondary-content .visual-container .visual-item.old-mix-wood {
  background-image: url(./images/antique/old-mix-wood/vis_old-mix-wood_03.webp);
  background-size: 75em;
}
@media screen and (max-width: 46em) {
  .antique-content.secondary-content .visual-container .visual-item.old-mix-wood {
    background-position-x: 6%;
    background-size: cover;
  }
}
.antique-content.secondary-content .visual-container .visual-item.old-roofing {
  background-image: url(./images/antique/old-roofing/vis_old-roofing_03.webp);
  background-size: 75em;
}
.antique-content.secondary-content .visual-container .visual-item.old-pine {
  background-image: url(./images/antique/old-pine/vis_old-pine_03.webp);
  background-size: 75em;
}
@media screen and (max-width: 46em) {
  .antique-content.secondary-content .visual-container .visual-item {
    background-size: cover !important;
  }
}
.antique-content.secondary-content .visual-container .slick-list::before, .antique-content.secondary-content .visual-container .slick-list::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 20%;
  height: 100%;
}
.antique-content.secondary-content .visual-container .slick-list::before {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(41, 33, 28, 0.333)), to(rgba(41, 33, 28, 0)));
  background: linear-gradient(to right, rgba(41, 33, 28, 0.333) 0%, rgba(41, 33, 28, 0) 100%);
}
.antique-content.secondary-content .visual-container .slick-list::after {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(41, 33, 28, 0.333)), to(rgba(41, 33, 28, 0)));
  background: linear-gradient(to left, rgba(41, 33, 28, 0.333) 0%, rgba(41, 33, 28, 0) 100%);
}
@media screen and (max-width: 46em) {
  .antique-content.secondary-content .visual-container .primary-title {
    top: 52.5%;
  }
}
.antique-content.secondary-content .visual-container .primary-title__pri {
  font-family: trajan-pro-3, serif;
  font-size: 300%;
}

.antique-content.secondary-content #news {
  margin-top: -2em;
}
.antique-content.secondary-content .news-container .news-wrapper {
  border-right: 1px solid #f0eeeb;
  border-left: 1px solid #f0eeeb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebe7e1), to(#f0eeeb));
  background: linear-gradient(to bottom, #ebe7e1 0%, #f0eeeb 100%);
}
.antique-content.secondary-content #contents {
  margin-top: 3em;
}

/* index-container */
.antique-content .index-container .index-item {
  width: 33.333%;
}
@media screen and (max-width: 46em) {
  .antique-content .index-container .index-item {
    width: 50%;
  }
}
.antique-content .index-container .image {
  max-width: 17em;
  background-color: #fff;
}
@media screen and (max-width: 46em) {
  .antique-content .index-container .image {
    max-width: 10em;
  }
}
.antique-content .index-container .ribbon-label {
  top: 1.5em;
  right: -2.5em;
  font-size: 0.75em;
}

/* ---------------------------------------------------------------- */
/* antique-content: tertiary-content */
/* ceiling-content: tertiary-content */
/* ---------------------------------------------------------------- */
/* visual-container */
.antique-content.tertiary-content .visual-container .primary-title, .ceiling-content.tertiary-content .visual-container .primary-title {
  top: 50%;
  font-family: trajan-pro-3, serif;
  font-size: 3em;
}
@media screen and (max-width: 46em) {
  .antique-content.tertiary-content .visual-container .primary-title, .ceiling-content.tertiary-content .visual-container .primary-title {
    top: 75%;
    font-size: 1.8em;
  }
}

/* ---------------------------------------------------------------- */
/* about-antique-content */
/* ---------------------------------------------------------------- */
.about-antique-content .visual-container .visual-item {
  background-image: url(./images/antique/about/vis_about_03.webp);
  background-size: 43.75em;
  background-position: center top;
}
@media screen and (max-width: 80em) {
  .about-antique-content .visual-container .primary-title {
    font-size: 3.8vw;
  }
}
@media screen and (max-width: 46em) {
  .about-antique-content .visual-container .primary-title {
    font-size: 1.8em;
  }
}
.about-antique-content .section-header {
  position: relative;
  margin-bottom: 2em;
  padding-left: 5em;
}
@media screen and (max-width: 46em) {
  .about-antique-content .section-header {
    padding-left: 0;
  }
}
.about-antique-content .section-header .number {
  position: absolute;
  top: 0;
  left: 0;
  font-family: trajan-pro-3, sans-serif;
  font-size: 3.5em;
  line-height: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(212, 196, 146)), color-stop(50%, rgb(196, 177, 115)), color-stop(50%, rgb(184, 162, 96)), to(rgb(160, 133, 64)));
  background: linear-gradient(to bottom, rgb(212, 196, 146) 0%, rgb(196, 177, 115) 50%, rgb(184, 162, 96) 50%, rgb(160, 133, 64) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 46em) {
  .about-antique-content .section-header .number {
    position: relative;
    top: auto;
    left: auto;
    text-align: center;
  }
}
.about-antique-content .section-header .title {
  margin-bottom: 0;
  padding: 0.5em 0;
  font-weight: 700;
  font-size: 1.4em;
}
@media screen and (max-width: 46em) {
  .about-antique-content .section-header .title {
    text-align: center;
  }
}
@media screen and (max-width: 46em) {
  .about-antique-content .section-header .read {
    text-align: center;
    white-space: nowrap;
  }
}
.about-antique-content .arrow-block {
  padding: 0.5em 0;
  text-align: center;
}
.about-antique-content .arrow-block .arrow-image {
  margin-top: -3.5em;
  max-width: 4.375em;
}
@media screen and (max-width: 46em) {
  .about-antique-content .arrow-block .arrow-image {
    margin-top: -1em;
  }
}
@media screen and (max-width: 46em) {
  .about-antique-content #process-01 .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .about-antique-content #process-01 .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* jp-antique-wood-content */
/* ---------------------------------------------------------------- */
.antique-content.jp-antique-wood-content .visual-container .visual-item {
  background-image: url(./images/antique/jp-antique-wood/vis_jp-antique-wood_01.webp);
  background-size: 75em;
  background-position: center top;
}
@media screen and (max-width: 75em) {
  .antique-content.jp-antique-wood-content .visual-container .primary-title {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.jp-antique-wood-content .visual-container .primary-title {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.jp-antique-wood-content #quality .flex-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-content.jp-antique-wood-content #quality .flex-container .flex-item {
    width: 48%;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.jp-antique-wood-content .splash-container .primary-title {
    font-size: 1.5em;
  }
}

/* ---------------------------------------------------------------- */
/* grey-wood-content */
/* ---------------------------------------------------------------- */
.grey-wood-content .visual-container .visual-item {
  background-image: url(./images/antique/grey-wood/vis_grey-wood_03.webp);
  background-size: 75em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .grey-wood-content #feature .flex-container,
.grey-wood-content #processing .flex-container,
.grey-wood-content #quality .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .grey-wood-content #feature .flex-container .flex-item,
.grey-wood-content #processing .flex-container .flex-item,
.grey-wood-content #quality .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .grey-wood-content #apply .flex-container .flex-item.small {
    text-align: center;
  }
  .grey-wood-content #apply .flex-container .flex-item.small img:last-child {
    width: 66.666%;
  }
}
.grey-wood-content .page-aside {
  width: 90%;
  max-width: 60em;
  margin: 2em auto 0;
  padding: 2em 2em 0.5em;
  border-radius: 0.5em;
  background-color: #e5e0da;
}
.grey-wood-content .page-aside .flex-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 46em) {
  .grey-wood-content .page-aside {
    padding: 2em 1.5em 0.5em;
  }
  .grey-wood-content .page-aside .button {
    width: 100%;
    padding: 0.5em;
  }
}

/* ---------------------------------------------------------------- */
/* grey-wood-content */
/* ---------------------------------------------------------------- */
.antique-content.grey-wood-beach-content .visual-container .visual-item {
  background-image: url(./images/antique/grey-wood-beach/vis_grey-wood-beach_01.webp);
  background-size: 93.75em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .antique-content.grey-wood-beach-content .visual-container .primary-title {
    top: 75%;
  }
}
.antique-content.grey-wood-beach-content .visual-container .primary-title__pri {
  width: 2.5em;
}
@media screen and (max-width: 46em) {
  .antique-content.grey-wood-beach-content .visual-container .primary-title__pri {
    max-width: 12em;
  }
}
.antique-content.grey-wood-beach-content .visual-container .primary-title__sec {
  margin-top: 0;
  font-size: 33.333%;
}
@media screen and (max-width: 46em) {
  .antique-content.grey-wood-beach-content .visual-container .primary-title__sec {
    font-size: 40%;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.grey-wood-beach-content #processing .flex-container,
.antique-content.grey-wood-beach-content #quality .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-content.grey-wood-beach-content #processing .flex-container .flex-item,
.antique-content.grey-wood-beach-content #quality .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .antique-content.grey-wood-beach-content #apply .flex-container .flex-item.small {
    text-align: center;
  }
  .antique-content.grey-wood-beach-content #apply .flex-container .flex-item.small img:last-child {
    width: 66.666%;
  }
}

.beach-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1em;
  font-weight: 700;
}
.beach-title__logo {
  max-width: 20em;
}
.beach-title__text {
  margin-top: 0.5em;
}

@media screen and (max-width: 46em) {
  .grey-wood-beach-content #feature .flex-container .flex-item.large {
    width: 100%;
  }
  .grey-wood-beach-content #feature .flex-container .flex-item.small {
    width: 100%;
    text-align: center;
  }
  .grey-wood-beach-content #feature .flex-container .flex-item.small img:last-of-type {
    width: 66.666%;
  }
}
/* ---------------------------------------------------------------- */
/* barn-board-content */
/* ---------------------------------------------------------------- */
.barn-board-content .visual-container .visual-item {
  background-image: url(./images/antique/barn-board/vis_barn-board_03.webp);
  background-size: 100em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .barn-board-content #type .flex-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .barn-board-content #type .flex-container .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .barn-board-content #quality .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .barn-board-content #quality .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* hand-hewn-beam-content */
/* ---------------------------------------------------------------- */
.hand-hewn-beam-content .visual-container .visual-item {
  background-image: url(./images/antique/hand-hewn-beam/vis_hand-hewn-beam_03.webp);
  background-size: 100em;
  background-position: 0 top;
}
@media screen and (max-width: 46em) {
  .hand-hewn-beam-content .visual-container .visual-item {
    background-position: 32% top;
  }
}
.hand-hewn-beam-content .board-image img {
  max-width: 45em;
}
@media screen and (max-width: 46em) {
  .hand-hewn-beam-content #feature .flex-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hand-hewn-beam-content #feature .flex-container .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .hand-hewn-beam-content #type .flex-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hand-hewn-beam-content #type .flex-container .flex-item.small {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .hand-hewn-beam-content #quality .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .hand-hewn-beam-content #quality .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* old-board-content */
/* ---------------------------------------------------------------- */
.old-board-content .visual-container .visual-item {
  background-image: url(./images/antique/old-board/vis_old-board_03.webp);
  background-size: 93.75em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .old-board-content #feature .flex-container.col-3,
.old-board-content #processing .flex-container.col-3,
.old-board-content #quality .flex-container.col-3,
.old-board-content #service .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-board-content #feature .flex-container.col-3 .flex-item,
.old-board-content #processing .flex-container.col-3 .flex-item,
.old-board-content #quality .flex-container.col-3 .flex-item,
.old-board-content #service .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .old-board-content #feature .flex-container.col-4,
.old-board-content #processing .flex-container.col-4,
.old-board-content #quality .flex-container.col-4,
.old-board-content #service .flex-container.col-4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-board-content #feature .flex-container.col-4 .flex-item,
.old-board-content #processing .flex-container.col-4 .flex-item,
.old-board-content #quality .flex-container.col-4 .flex-item,
.old-board-content #service .flex-container.col-4 .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* old-plank-content */
/* ---------------------------------------------------------------- */
.old-plank-content .visual-container .visual-item {
  background-image: url(./images/antique/old-plank/vis_old-plank_03.webp);
  background-size: 93.75em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .old-plank-content #feature .flex-container.col-3,
.old-plank-content #quality .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-plank-content #feature .flex-container.col-3 .flex-item,
.old-plank-content #quality .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .old-plank-content #feature .flex-container.col-4,
.old-plank-content #quality .flex-container.col-4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-plank-content #feature .flex-container.col-4 .flex-item,
.old-plank-content #quality .flex-container.col-4 .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* scaffolding-board-content */
/* ---------------------------------------------------------------- */
.antique-content.scaffolding-board-content .visual-container .visual-item {
  background-image: url(./images/antique/scaffolding-board/vis_scaffolding-board_03.webp);
  background-size: 75em;
  background-position: center top;
}
@media screen and (max-width: 75em) {
  .antique-content.scaffolding-board-content .visual-container .primary-title {
    font-size: 4vw;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.scaffolding-board-content .visual-container .primary-title {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.scaffolding-board-content #feature .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-content.scaffolding-board-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .antique-content.scaffolding-board-content #quality .flex-container.primary {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .antique-content.scaffolding-board-content #quality .flex-container.primary > .flex-item.primary {
    width: 66.666%;
  }
  .antique-content.scaffolding-board-content #quality .flex-container.primary > .flex-item.primary + .flex-item.half {
    width: 100%;
  }
  .antique-content.scaffolding-board-content #quality .flex-container.secondary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .antique-content.scaffolding-board-content #quality .flex-container.secondary .flex-item.secondary {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .antique-content.scaffolding-board-content #option .flex-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .antique-content.scaffolding-board-content #option .flex-container .flex-item.small {
    width: 66.666%;
  }
}

/* ---------------------------------------------------------------- */
/* old-mix-wood-content */
/* ---------------------------------------------------------------- */
.old-mix-wood-content .visual-container .visual-item {
  background-image: url(./images/antique/old-mix-wood/vis_old-mix-wood_03.webp);
  background-size: 50em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .old-mix-wood-content .visual-container .visual-item {
    background-position: 43% top;
  }
}
@media screen and (max-width: 46em) {
  .old-mix-wood-content #feature .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-mix-wood-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .old-mix-wood-content #feature .flex-container.col-3 .flex-item:first-child {
    width: 100%;
  }
}
@media screen and (max-width: 46em) {
  .old-mix-wood-content #quality .flex-container.col-4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-mix-wood-content #quality .flex-container.col-4 .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* old-roofing-content */
/* ---------------------------------------------------------------- */
.old-roofing-content .visual-container .visual-item {
  background-image: url(./images/antique/old-roofing/vis_old-roofing_03.webp);
  background-size: 50em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .old-roofing-content .visual-container .visual-item {
    background-position: 43% top;
  }
}
@media screen and (max-width: 46em) {
  .old-roofing-content #feature .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-roofing-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* old-pine-content */
/* ---------------------------------------------------------------- */
.antique-content.old-pine-content .visual-container .visual-item {
  background-image: url(./images/antique/old-pine/vis_old-pine_03.webp);
  background-size: 50em;
  background-position: center top;
}
@media screen and (max-width: 75em) {
  .antique-content.old-pine-content .visual-container .primary-title {
    font-size: 4vw;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.old-pine-content .visual-container .primary-title {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.old-pine-content #feature .flex-container.col-2,
.antique-content.old-pine-content #reclaimed-pine .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .antique-content.old-pine-content #feature .flex-container.col-2 .flex-item.small,
.antique-content.old-pine-content #reclaimed-pine .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}

/* ---------------------------------------------------------------- */
/* custom-board-content */
/* ---------------------------------------------------------------- */
/* visual-container */
.antique-content.custom-board-content .visual-container .visual-item {
  height: 18em;
  background-color: #292726;
  background-image: url(./images/antique/custom-board/vis_custom-board_01.webp);
  background-repeat: no-repeat;
  background-size: 75em;
  background-position: center;
}
@media screen and (max-width: 46em) {
  .antique-content.custom-board-content .visual-container .visual-item {
    height: 15em;
  }
}
.antique-content.custom-board-content .visual-container .primary-title {
  font-size: 1em;
}
@media screen and (max-width: 46em) {
  .antique-content.custom-board-content .visual-container .primary-title {
    font-size: 0.625em;
  }
}
.antique-content.custom-board-content .visual-container .primary-title__pri {
  letter-spacing: 0.1em;
}
.antique-content.custom-board-content .visual-container .primary-title__sec {
  margin-top: 1em;
  font-family: adobe-garamond-pro, serif;
  font-style: italic;
  font-size: 150%;
}
@media screen and (max-width: 46em) {
  .antique-content.custom-board-content .visual-container .primary-title__sec {
    font-size: 200%;
  }
}

/* section-header */
.custom-board-content .section-header {
  position: relative;
  margin-bottom: 2em;
}
.custom-board-content .section-header .sidebar-title {
  margin-bottom: 0.5em;
  font-size: 2.5em;
}
@media screen and (max-width: 46em) {
  .custom-board-content .section-header .sidebar-title {
    font-size: 2em;
  }
}
.custom-board-content .section-header .sidebar-title .en {
  background-color: #f0eeeb;
}
.custom-board-content .section-header .read {
  text-align: center;
}

/* section-footer */
.custom-board-content .section-footer {
  margin-top: 2em;
  padding-top: 2em;
  background-image: url(./images/antique/custom-board/bgi_shadow_01.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  text-align: center;
}
.custom-board-content .section-footer .button .text {
  padding: 0.5em 1em;
}

/* section */
.custom-board-content #old-board .process-container {
  margin-bottom: 1.5em;
}
.custom-board-content #old-board .flex-container {
  margin-bottom: 1.5em;
}
@media screen and (max-width: 46em) {
  .custom-board-content #old-board .flex-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.custom-board-content #old-board .flex-container .flex-item {
  text-align: center;
}
@media screen and (max-width: 46em) {
  .custom-board-content #old-board .flex-container .flex-item {
    width: calc(50% - 0.75em);
    font-size: 0.75em;
  }
}
.custom-board-content #old-board .flex-container .image {
  margin-bottom: 0.5em;
  background-color: #fff;
  border-radius: 0.5em;
}
.custom-board-content #grey-wood,
.custom-board-content #barn-board {
  margin-top: 4em;
}
.custom-board-content #grey-wood .process-container,
.custom-board-content #barn-board .process-container {
  margin-bottom: 1.5em;
}
.custom-board-content #other {
  margin-top: 4em;
}
@media screen and (max-width: 46em) {
  .custom-board-content #other .flex-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.custom-board-content #other .flex-container .flex-item {
  text-align: center;
}
@media screen and (max-width: 46em) {
  .custom-board-content #other .flex-container .flex-item {
    width: calc(50% - 0.75em);
    font-size: 0.75em;
  }
}
.custom-board-content #other .flex-container .image {
  margin-bottom: 0.5em;
  background-color: #fff;
  border-radius: 0.5em;
}
.custom-board-content #antivirus {
  position: relative;
  margin-top: 4em;
  padding-top: 4em;
}
.custom-board-content #antivirus::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(191, 170, 105, 0)), color-stop(25%, #bfaa69), color-stop(75%, #bfaa69), to(rgba(191, 170, 105, 0)));
  background: linear-gradient(to right, rgba(191, 170, 105, 0) 0%, #bfaa69 25%, #bfaa69 75%, rgba(191, 170, 105, 0) 100%);
}

/* ---------------------------------------------------------------- */
/* cheek-hard-vintage-content */
/* ---------------------------------------------------------------- */
.antique-content.antique-content.cheek-hard-vintage-content .visual-container .visual-item {
  background-image: url(./images/antique/cheek-hard-vintage/vis_cheek-hard-vintage_01.webp);
  background-size: 50em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .antique-content.antique-content.cheek-hard-vintage-content .visual-container .visual-item {
    background-position: 43% top;
  }
}
@media screen and (max-width: 70em) {
  .antique-content.antique-content.cheek-hard-vintage-content .visual-container .primary-title {
    font-size: 4vw;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.antique-content.cheek-hard-vintage-content .visual-container .primary-title {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.antique-content.cheek-hard-vintage-content #feature .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-content.antique-content.cheek-hard-vintage-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .antique-content.antique-content.cheek-hard-vintage-content #feature .flex-container.col-3 .flex-item:first-child {
    width: 100%;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.antique-content.cheek-hard-vintage-content #quality .flex-container.col-4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-content.antique-content.cheek-hard-vintage-content #quality .flex-container.col-4 .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* ceiling-content */
/* antique-content をベースに作成 */
/* tertiary-content 以下の共通スタイル */
/* 古材トップ特有のスタイルは secondary.sass を参照 */
/* ---------------------------------------------------------------- */
/* page-main */
.ceiling-content .page-main {
  background-color: #f0eeeb;
}

/* page-header */
.ceiling-content .page-header {
  width: 100%;
  margin: 3em 0;
}
.ceiling-content .page-header .ja-en-title {
  text-align: center;
}
.ceiling-content .page-header .catch {
  text-align: center;
  font-weight: 700;
  font-size: 1.125em;
}
.ceiling-content .page-header .read {
  text-align: center;
}

/* secondary-content: primary-title */
.ceiling-content.secondary-content .primary-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

/* page-section */
.ceiling-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
}

/* page-footer */
.ceiling-content .page-footer {
  margin-top: 2em;
}

/* splash-container */
.ceiling-content .splash-container .primary-title {
  font-family: trajan-pro-3, sans-serif;
  font-size: 2em;
}

/* visual-container */
.ceiling-content .visual-container .visual-item {
  background-repeat: repeat-x;
}
.ceiling-content .visual-container .anniv-label {
  position: absolute;
  top: calc(50% - 5em);
  right: 5em;
  width: 10em;
}
@media screen and (max-width: 46em) {
  .ceiling-content .visual-container .anniv-label {
    top: 1.25em;
    right: calc(50% - 2.5em);
    width: 5em;
  }
}
.ceiling-content.tertiary-content .visual-container {
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: 0 0.333em 0.333em 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.333em 0.333em 0 rgba(0, 0, 0, 0.2);
}
.ceiling-content.tertiary-content .visual-container .visual-item {
  height: 12.5em;
}
@media screen and (max-width: 46em) {
  .ceiling-content.tertiary-content .visual-container .primary-title {
    top: 75%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .ceiling-content.tertiary-content .visual-container .anniv-label {
    top: 2em;
  }
}

/* spec-icon-wrapper */
.ceiling-content .spec-icon-wrapper {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}
.ceiling-content .spec-icon-wrapper .read {
  text-align: left;
}
.ceiling-content .spec-icon-container .spec-icon-item {
  border-color: #d4cfca;
  background-color: rgba(255, 255, 255, 0.333);
}
.ceiling-content .spec-icon-container .spec-icon-item .image {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(121, 108, 104)), to(rgb(56, 45, 42)));
  background: linear-gradient(to bottom, rgb(121, 108, 104) 0%, rgb(56, 45, 42) 100%);
}

/* board-image */
.ceiling-content .board-image {
  margin-bottom: 2em;
  text-align: center;
}
.ceiling-content .board-image img {
  max-width: 62.5em;
}
@media screen and (max-width: 46em) {
  .ceiling-content .board-image img {
    width: auto;
  }
}

/* bar-title */
.ceiling-content .bar-title {
  border-color: #d4cfca;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(50%, rgb(250, 248, 243)), color-stop(50%, rgb(242, 240, 235)), to(rgb(235, 232, 226)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(250, 248, 243) 50%, rgb(242, 240, 235) 50%, rgb(235, 232, 226) 100%);
}

/* border-image */
.ceiling-content .border-image {
  border-color: #fff;
}

/* primary-table */
.ceiling-content .primary-table {
  border-color: #d4cfca;
}
.ceiling-content .primary-table th, .ceiling-content .primary-table td {
  border-color: #d4cfca;
}
.ceiling-content .primary-table tr:nth-child(even) td {
  background-color: rgba(255, 255, 255, 0.333);
}
.ceiling-content .primary-table thead th, .ceiling-content .primary-table thead td {
  background-color: #d4cfca;
}
.ceiling-content .primary-table tbody th {
  background-color: #e5e0da !important;
}
.ceiling-content .primary-table table tbody th {
  background-color: transparent !important;
}

/* secondary-table */
.ceiling-content .secondary-table th, .ceiling-content .secondary-table td {
  border-color: #d4cfca;
}
.ceiling-content .secondary-table th {
  background-color: #e5e0da !important;
}
.ceiling-content .secondary-table td {
  background-color: rgba(255, 255, 255, 0.333);
}

/* slick-ui */
.ceiling-content .slick-arrow {
  border: 1px solid #d4cfca;
}
.ceiling-content .slick-arrow::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(50%, rgb(250, 248, 243)), color-stop(50%, rgb(242, 240, 235)), to(rgb(235, 232, 226)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(250, 248, 243) 50%, rgb(242, 240, 235) 50%, rgb(235, 232, 226) 100%);
}
.ceiling-content.secondary-content .slick-arrow {
  border: 0;
}

/* modal-container */
.ceiling-content .modal-container {
  background-color: #f0eeeb;
}
.ceiling-content .modal-container#attention {
  max-width: 30em;
}
.ceiling-content .modal-container .spec-icon-item {
  background-color: transparent;
}

/* showroom-container */
.ceiling-content .showroom-container .showroom-item {
  border-color: #d4cfca;
  background-color: rgba(255, 255, 255, 0.333);
}
.ceiling-content .showroom-container .showroom-item .image {
  background-color: #fff;
}
.ceiling-content .showroom-container .showroom-item .detail {
  border-color: #d4cfca;
}
.ceiling-content .showroom-container .showroom-item .detail th, .ceiling-content .showroom-container .showroom-item .detail td {
  border-color: #d4cfca;
}
.ceiling-content .showroom-container .showroom-item .detail th {
  background-color: #e0dcd7;
}

/* banner-container */
.ceiling-content .banner-container .banner-item .image {
  background-color: #fff;
}

/* more-box */
.ceiling-content .more-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  padding: 1em;
  padding-top: 1.5em;
  border: 1px solid #d4cfca;
  background-color: rgba(255, 255, 255, 0.333);
}
@media screen and (max-width: 46em) {
  .ceiling-content .more-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.ceiling-content .more-box .image {
  width: 5em;
  margin-right: 1.5em;
}
@media screen and (max-width: 46em) {
  .ceiling-content .more-box .image {
    width: auto;
    margin-right: 0;
    margin-bottom: 1.5em;
  }
  .ceiling-content .more-box .image img {
    max-width: 5em;
  }
}
.ceiling-content .more-box .ribbon-label {
  top: 1.5em;
  right: -2.5em;
  font-size: 0.75em;
}

/* lot-box */
.ceiling-content .lot-box {
  position: relative;
  width: 90%;
  max-width: 60em;
  margin: 4em auto 2em;
  padding: 4em 3em 1.5em 3em;
  border: 1px solid #d4cfca;
  text-align: center;
}
.ceiling-content .lot-box .title {
  position: absolute;
  top: -0.9em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 1em;
  background-color: #f0eeeb;
  font-weight: 700;
  font-size: 1.25em;
  white-space: nowrap;
}
.ceiling-content .lot-box .title small {
  color: #bfaa69;
}
.ceiling-content .lot-box .update {
  font-size: 0.75em;
  opacity: 0.5;
}
.ceiling-content .lot-box .annotation {
  font-size: 0.875em;
  margin-top: 0.75em;
}

/* divider */
.ceiling-content hr {
  border-color: #ccc8c2;
}

/* antique-banner-container */
.antique-banner-container {
  min-height: 15em;
  padding: 3em 0;
  background-image: url(./images/antique/common/bgi_banner-container_01.webp);
  background-repeat: repeat-x;
  background-position: top center;
  background-size: 1000px;
}
.antique-banner-container .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}
.antique-banner-container .banner-item {
  width: 33.333%;
  margin-bottom: 1.5em;
  text-align: center;
}
@media screen and (max-width: 46em) {
  .antique-banner-container .banner-item {
    width: 100%;
  }
}
.antique-banner-container .banner-item a {
  text-decoration: none;
}
.antique-banner-container .image {
  max-width: 17em;
  margin: 0 auto;
  margin-bottom: 0.5em;
  padding: 0.625em;
  background-color: #fff;
  line-height: 1;
}
@media screen and (max-width: 46em) {
  .antique-banner-container .image {
    max-width: 15em;
  }
}
.antique-banner-container .title {
  text-align: center;
  font-size: 0.875em;
}

/* antique-banner-container: hover */
.isnt-touch .antique-banner-container .banner-item a:hover .image,
.isnt-touch .antique-banner-container .banner-item a:focus .image {
  background-color: #e4ddc3;
}

.ceiling-content .page-main .siaa-mark-image {
  text-align: center;
}
@media screen and (max-width: 46em) {
  .ceiling-content .page-main .siaa-mark-image {
    width: 100% !important;
  }
}
.ceiling-content .page-main .siaa-mark-image img {
  max-width: 8em;
}
.ceiling-content .page-main .siaa-mark-image img + img {
  margin-left: 2em;
}

/* ---------------------------------------------------------------- */
/* antique-content: secondary-content */
/* ---------------------------------------------------------------- */
/* visual-container */
.antique-content.secondary-content .visual-container .visual-item.scaffolding-board {
  background-image: url(./images/antique/scaffolding-board/vis_scaffolding-board_03.webp);
  background-size: 75em;
}
.antique-content.secondary-content .visual-container .visual-item.grey-wood {
  background-image: url(./images/antique/grey-wood/vis_grey-wood_03.webp);
  background-size: 75em;
}
.antique-content.secondary-content .visual-container .visual-item.barn-board {
  background-image: url(./images/antique/barn-board/vis_barn-board_03.webp);
  background-size: 100em;
}
.antique-content.secondary-content .visual-container .visual-item.hand-hewn-beam {
  background-image: url(./images/antique/hand-hewn-beam/vis_hand-hewn-beam_03.webp);
  background-size: 100em;
}
.antique-content.secondary-content .visual-container .visual-item.old-board {
  background-image: url(./images/antique/old-board/vis_old-board_03.webp);
  background-size: 93.75em;
}
.antique-content.secondary-content .visual-container .visual-item.old-mix-wood {
  background-image: url(./images/antique/old-mix-wood/vis_old-mix-wood_03.webp);
  background-size: 75em;
}
@media screen and (max-width: 46em) {
  .antique-content.secondary-content .visual-container .visual-item.old-mix-wood {
    background-position-x: 6%;
    background-size: cover;
  }
}
.antique-content.secondary-content .visual-container .visual-item.old-roofing {
  background-image: url(./images/antique/old-roofing/vis_old-roofing_03.webp);
  background-size: 75em;
}
.antique-content.secondary-content .visual-container .visual-item.old-pine {
  background-image: url(./images/antique/old-pine/vis_old-pine_03.webp);
  background-size: 75em;
}
@media screen and (max-width: 46em) {
  .antique-content.secondary-content .visual-container .visual-item {
    background-size: cover !important;
  }
}
.antique-content.secondary-content .visual-container .slick-list::before, .antique-content.secondary-content .visual-container .slick-list::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 20%;
  height: 100%;
}
.antique-content.secondary-content .visual-container .slick-list::before {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(41, 33, 28, 0.333)), to(rgba(41, 33, 28, 0)));
  background: linear-gradient(to right, rgba(41, 33, 28, 0.333) 0%, rgba(41, 33, 28, 0) 100%);
}
.antique-content.secondary-content .visual-container .slick-list::after {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(41, 33, 28, 0.333)), to(rgba(41, 33, 28, 0)));
  background: linear-gradient(to left, rgba(41, 33, 28, 0.333) 0%, rgba(41, 33, 28, 0) 100%);
}
@media screen and (max-width: 46em) {
  .antique-content.secondary-content .visual-container .primary-title {
    top: 52.5%;
  }
}
.antique-content.secondary-content .visual-container .primary-title__pri {
  font-family: trajan-pro-3, serif;
  font-size: 300%;
}

.antique-content.secondary-content #news {
  margin-top: -2em;
}
.antique-content.secondary-content .news-container .news-wrapper {
  border-right: 1px solid #f0eeeb;
  border-left: 1px solid #f0eeeb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ebe7e1), to(#f0eeeb));
  background: linear-gradient(to bottom, #ebe7e1 0%, #f0eeeb 100%);
}
.antique-content.secondary-content #contents {
  margin-top: 3em;
}

/* index-container */
.antique-content .index-container .index-item {
  width: 33.333%;
}
@media screen and (max-width: 46em) {
  .antique-content .index-container .index-item {
    width: 50%;
  }
}
.antique-content .index-container .image {
  max-width: 17em;
  background-color: #fff;
}
@media screen and (max-width: 46em) {
  .antique-content .index-container .image {
    max-width: 10em;
  }
}
.antique-content .index-container .ribbon-label {
  top: 1.5em;
  right: -2.5em;
  font-size: 0.75em;
}

/* ---------------------------------------------------------------- */
/* antique-content: tertiary-content */
/* ceiling-content: tertiary-content */
/* ---------------------------------------------------------------- */
/* visual-container */
.antique-content.tertiary-content .visual-container .primary-title, .ceiling-content.tertiary-content .visual-container .primary-title {
  top: 50%;
  font-family: trajan-pro-3, serif;
  font-size: 3em;
}
@media screen and (max-width: 46em) {
  .antique-content.tertiary-content .visual-container .primary-title, .ceiling-content.tertiary-content .visual-container .primary-title {
    top: 75%;
    font-size: 1.8em;
  }
}

/* ---------------------------------------------------------------- */
/* about-antique-content */
/* ---------------------------------------------------------------- */
.about-antique-content .visual-container .visual-item {
  background-image: url(./images/antique/about/vis_about_03.webp);
  background-size: 43.75em;
  background-position: center top;
}
@media screen and (max-width: 80em) {
  .about-antique-content .visual-container .primary-title {
    font-size: 3.8vw;
  }
}
@media screen and (max-width: 46em) {
  .about-antique-content .visual-container .primary-title {
    font-size: 1.8em;
  }
}
.about-antique-content .section-header {
  position: relative;
  margin-bottom: 2em;
  padding-left: 5em;
}
@media screen and (max-width: 46em) {
  .about-antique-content .section-header {
    padding-left: 0;
  }
}
.about-antique-content .section-header .number {
  position: absolute;
  top: 0;
  left: 0;
  font-family: trajan-pro-3, sans-serif;
  font-size: 3.5em;
  line-height: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(212, 196, 146)), color-stop(50%, rgb(196, 177, 115)), color-stop(50%, rgb(184, 162, 96)), to(rgb(160, 133, 64)));
  background: linear-gradient(to bottom, rgb(212, 196, 146) 0%, rgb(196, 177, 115) 50%, rgb(184, 162, 96) 50%, rgb(160, 133, 64) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 46em) {
  .about-antique-content .section-header .number {
    position: relative;
    top: auto;
    left: auto;
    text-align: center;
  }
}
.about-antique-content .section-header .title {
  margin-bottom: 0;
  padding: 0.5em 0;
  font-weight: 700;
  font-size: 1.4em;
}
@media screen and (max-width: 46em) {
  .about-antique-content .section-header .title {
    text-align: center;
  }
}
@media screen and (max-width: 46em) {
  .about-antique-content .section-header .read {
    text-align: center;
    white-space: nowrap;
  }
}
.about-antique-content .arrow-block {
  padding: 0.5em 0;
  text-align: center;
}
.about-antique-content .arrow-block .arrow-image {
  margin-top: -3.5em;
  max-width: 4.375em;
}
@media screen and (max-width: 46em) {
  .about-antique-content .arrow-block .arrow-image {
    margin-top: -1em;
  }
}
@media screen and (max-width: 46em) {
  .about-antique-content #process-01 .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .about-antique-content #process-01 .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* jp-antique-wood-content */
/* ---------------------------------------------------------------- */
.antique-content.jp-antique-wood-content .visual-container .visual-item {
  background-image: url(./images/antique/jp-antique-wood/vis_jp-antique-wood_01.webp);
  background-size: 75em;
  background-position: center top;
}
@media screen and (max-width: 75em) {
  .antique-content.jp-antique-wood-content .visual-container .primary-title {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.jp-antique-wood-content .visual-container .primary-title {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.jp-antique-wood-content #quality .flex-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-content.jp-antique-wood-content #quality .flex-container .flex-item {
    width: 48%;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.jp-antique-wood-content .splash-container .primary-title {
    font-size: 1.5em;
  }
}

/* ---------------------------------------------------------------- */
/* grey-wood-content */
/* ---------------------------------------------------------------- */
.grey-wood-content .visual-container .visual-item {
  background-image: url(./images/antique/grey-wood/vis_grey-wood_03.webp);
  background-size: 75em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .grey-wood-content #feature .flex-container,
.grey-wood-content #processing .flex-container,
.grey-wood-content #quality .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .grey-wood-content #feature .flex-container .flex-item,
.grey-wood-content #processing .flex-container .flex-item,
.grey-wood-content #quality .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .grey-wood-content #apply .flex-container .flex-item.small {
    text-align: center;
  }
  .grey-wood-content #apply .flex-container .flex-item.small img:last-child {
    width: 66.666%;
  }
}
.grey-wood-content .page-aside {
  width: 90%;
  max-width: 60em;
  margin: 2em auto 0;
  padding: 2em 2em 0.5em;
  border-radius: 0.5em;
  background-color: #e5e0da;
}
.grey-wood-content .page-aside .flex-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 46em) {
  .grey-wood-content .page-aside {
    padding: 2em 1.5em 0.5em;
  }
  .grey-wood-content .page-aside .button {
    width: 100%;
    padding: 0.5em;
  }
}

/* ---------------------------------------------------------------- */
/* grey-wood-content */
/* ---------------------------------------------------------------- */
.antique-content.grey-wood-beach-content .visual-container .visual-item {
  background-image: url(./images/antique/grey-wood-beach/vis_grey-wood-beach_01.webp);
  background-size: 93.75em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .antique-content.grey-wood-beach-content .visual-container .primary-title {
    top: 75%;
  }
}
.antique-content.grey-wood-beach-content .visual-container .primary-title__pri {
  width: 2.5em;
}
@media screen and (max-width: 46em) {
  .antique-content.grey-wood-beach-content .visual-container .primary-title__pri {
    max-width: 12em;
  }
}
.antique-content.grey-wood-beach-content .visual-container .primary-title__sec {
  margin-top: 0;
  font-size: 33.333%;
}
@media screen and (max-width: 46em) {
  .antique-content.grey-wood-beach-content .visual-container .primary-title__sec {
    font-size: 40%;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.grey-wood-beach-content #processing .flex-container,
.antique-content.grey-wood-beach-content #quality .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-content.grey-wood-beach-content #processing .flex-container .flex-item,
.antique-content.grey-wood-beach-content #quality .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .antique-content.grey-wood-beach-content #apply .flex-container .flex-item.small {
    text-align: center;
  }
  .antique-content.grey-wood-beach-content #apply .flex-container .flex-item.small img:last-child {
    width: 66.666%;
  }
}

.beach-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1em;
  font-weight: 700;
}
.beach-title__logo {
  max-width: 20em;
}
.beach-title__text {
  margin-top: 0.5em;
}

@media screen and (max-width: 46em) {
  .grey-wood-beach-content #feature .flex-container .flex-item.large {
    width: 100%;
  }
  .grey-wood-beach-content #feature .flex-container .flex-item.small {
    width: 100%;
    text-align: center;
  }
  .grey-wood-beach-content #feature .flex-container .flex-item.small img:last-of-type {
    width: 66.666%;
  }
}
/* ---------------------------------------------------------------- */
/* barn-board-content */
/* ---------------------------------------------------------------- */
.barn-board-content .visual-container .visual-item {
  background-image: url(./images/antique/barn-board/vis_barn-board_03.webp);
  background-size: 100em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .barn-board-content #type .flex-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .barn-board-content #type .flex-container .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .barn-board-content #quality .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .barn-board-content #quality .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* hand-hewn-beam-content */
/* ---------------------------------------------------------------- */
.hand-hewn-beam-content .visual-container .visual-item {
  background-image: url(./images/antique/hand-hewn-beam/vis_hand-hewn-beam_03.webp);
  background-size: 100em;
  background-position: 0 top;
}
@media screen and (max-width: 46em) {
  .hand-hewn-beam-content .visual-container .visual-item {
    background-position: 32% top;
  }
}
.hand-hewn-beam-content .board-image img {
  max-width: 45em;
}
@media screen and (max-width: 46em) {
  .hand-hewn-beam-content #feature .flex-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hand-hewn-beam-content #feature .flex-container .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .hand-hewn-beam-content #type .flex-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hand-hewn-beam-content #type .flex-container .flex-item.small {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .hand-hewn-beam-content #quality .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .hand-hewn-beam-content #quality .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* old-board-content */
/* ---------------------------------------------------------------- */
.old-board-content .visual-container .visual-item {
  background-image: url(./images/antique/old-board/vis_old-board_03.webp);
  background-size: 93.75em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .old-board-content #feature .flex-container.col-3,
.old-board-content #processing .flex-container.col-3,
.old-board-content #quality .flex-container.col-3,
.old-board-content #service .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-board-content #feature .flex-container.col-3 .flex-item,
.old-board-content #processing .flex-container.col-3 .flex-item,
.old-board-content #quality .flex-container.col-3 .flex-item,
.old-board-content #service .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .old-board-content #feature .flex-container.col-4,
.old-board-content #processing .flex-container.col-4,
.old-board-content #quality .flex-container.col-4,
.old-board-content #service .flex-container.col-4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-board-content #feature .flex-container.col-4 .flex-item,
.old-board-content #processing .flex-container.col-4 .flex-item,
.old-board-content #quality .flex-container.col-4 .flex-item,
.old-board-content #service .flex-container.col-4 .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* old-plank-content */
/* ---------------------------------------------------------------- */
.old-plank-content .visual-container .visual-item {
  background-image: url(./images/antique/old-plank/vis_old-plank_03.webp);
  background-size: 93.75em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .old-plank-content #feature .flex-container.col-3,
.old-plank-content #quality .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-plank-content #feature .flex-container.col-3 .flex-item,
.old-plank-content #quality .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .old-plank-content #feature .flex-container.col-4,
.old-plank-content #quality .flex-container.col-4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-plank-content #feature .flex-container.col-4 .flex-item,
.old-plank-content #quality .flex-container.col-4 .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* scaffolding-board-content */
/* ---------------------------------------------------------------- */
.antique-content.scaffolding-board-content .visual-container .visual-item {
  background-image: url(./images/antique/scaffolding-board/vis_scaffolding-board_03.webp);
  background-size: 75em;
  background-position: center top;
}
@media screen and (max-width: 75em) {
  .antique-content.scaffolding-board-content .visual-container .primary-title {
    font-size: 4vw;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.scaffolding-board-content .visual-container .primary-title {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.scaffolding-board-content #feature .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-content.scaffolding-board-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .antique-content.scaffolding-board-content #quality .flex-container.primary {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .antique-content.scaffolding-board-content #quality .flex-container.primary > .flex-item.primary {
    width: 66.666%;
  }
  .antique-content.scaffolding-board-content #quality .flex-container.primary > .flex-item.primary + .flex-item.half {
    width: 100%;
  }
  .antique-content.scaffolding-board-content #quality .flex-container.secondary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .antique-content.scaffolding-board-content #quality .flex-container.secondary .flex-item.secondary {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .antique-content.scaffolding-board-content #option .flex-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .antique-content.scaffolding-board-content #option .flex-container .flex-item.small {
    width: 66.666%;
  }
}

/* ---------------------------------------------------------------- */
/* old-mix-wood-content */
/* ---------------------------------------------------------------- */
.old-mix-wood-content .visual-container .visual-item {
  background-image: url(./images/antique/old-mix-wood/vis_old-mix-wood_03.webp);
  background-size: 50em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .old-mix-wood-content .visual-container .visual-item {
    background-position: 43% top;
  }
}
@media screen and (max-width: 46em) {
  .old-mix-wood-content #feature .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-mix-wood-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .old-mix-wood-content #feature .flex-container.col-3 .flex-item:first-child {
    width: 100%;
  }
}
@media screen and (max-width: 46em) {
  .old-mix-wood-content #quality .flex-container.col-4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-mix-wood-content #quality .flex-container.col-4 .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* old-roofing-content */
/* ---------------------------------------------------------------- */
.old-roofing-content .visual-container .visual-item {
  background-image: url(./images/antique/old-roofing/vis_old-roofing_03.webp);
  background-size: 50em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .old-roofing-content .visual-container .visual-item {
    background-position: 43% top;
  }
}
@media screen and (max-width: 46em) {
  .old-roofing-content #feature .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-roofing-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* old-pine-content */
/* ---------------------------------------------------------------- */
.antique-content.old-pine-content .visual-container .visual-item {
  background-image: url(./images/antique/old-pine/vis_old-pine_03.webp);
  background-size: 50em;
  background-position: center top;
}
@media screen and (max-width: 75em) {
  .antique-content.old-pine-content .visual-container .primary-title {
    font-size: 4vw;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.old-pine-content .visual-container .primary-title {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.old-pine-content #feature .flex-container.col-2,
.antique-content.old-pine-content #reclaimed-pine .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .antique-content.old-pine-content #feature .flex-container.col-2 .flex-item.small,
.antique-content.old-pine-content #reclaimed-pine .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
}

/* ---------------------------------------------------------------- */
/* custom-board-content */
/* ---------------------------------------------------------------- */
/* visual-container */
.antique-content.custom-board-content .visual-container .visual-item {
  height: 18em;
  background-color: #292726;
  background-image: url(./images/antique/custom-board/vis_custom-board_01.webp);
  background-repeat: no-repeat;
  background-size: 75em;
  background-position: center;
}
@media screen and (max-width: 46em) {
  .antique-content.custom-board-content .visual-container .visual-item {
    height: 15em;
  }
}
.antique-content.custom-board-content .visual-container .primary-title {
  font-size: 1em;
}
@media screen and (max-width: 46em) {
  .antique-content.custom-board-content .visual-container .primary-title {
    font-size: 0.625em;
  }
}
.antique-content.custom-board-content .visual-container .primary-title__pri {
  letter-spacing: 0.1em;
}
.antique-content.custom-board-content .visual-container .primary-title__sec {
  margin-top: 1em;
  font-family: adobe-garamond-pro, serif;
  font-style: italic;
  font-size: 150%;
}
@media screen and (max-width: 46em) {
  .antique-content.custom-board-content .visual-container .primary-title__sec {
    font-size: 200%;
  }
}

/* section-header */
.custom-board-content .section-header {
  position: relative;
  margin-bottom: 2em;
}
.custom-board-content .section-header .sidebar-title {
  margin-bottom: 0.5em;
  font-size: 2.5em;
}
@media screen and (max-width: 46em) {
  .custom-board-content .section-header .sidebar-title {
    font-size: 2em;
  }
}
.custom-board-content .section-header .sidebar-title .en {
  background-color: #f0eeeb;
}
.custom-board-content .section-header .read {
  text-align: center;
}

/* section-footer */
.custom-board-content .section-footer {
  margin-top: 2em;
  padding-top: 2em;
  background-image: url(./images/antique/custom-board/bgi_shadow_01.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  text-align: center;
}
.custom-board-content .section-footer .button .text {
  padding: 0.5em 1em;
}

/* section */
.custom-board-content #old-board .process-container {
  margin-bottom: 1.5em;
}
.custom-board-content #old-board .flex-container {
  margin-bottom: 1.5em;
}
@media screen and (max-width: 46em) {
  .custom-board-content #old-board .flex-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.custom-board-content #old-board .flex-container .flex-item {
  text-align: center;
}
@media screen and (max-width: 46em) {
  .custom-board-content #old-board .flex-container .flex-item {
    width: calc(50% - 0.75em);
    font-size: 0.75em;
  }
}
.custom-board-content #old-board .flex-container .image {
  margin-bottom: 0.5em;
  background-color: #fff;
  border-radius: 0.5em;
}
.custom-board-content #grey-wood,
.custom-board-content #barn-board {
  margin-top: 4em;
}
.custom-board-content #grey-wood .process-container,
.custom-board-content #barn-board .process-container {
  margin-bottom: 1.5em;
}
.custom-board-content #other {
  margin-top: 4em;
}
@media screen and (max-width: 46em) {
  .custom-board-content #other .flex-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.custom-board-content #other .flex-container .flex-item {
  text-align: center;
}
@media screen and (max-width: 46em) {
  .custom-board-content #other .flex-container .flex-item {
    width: calc(50% - 0.75em);
    font-size: 0.75em;
  }
}
.custom-board-content #other .flex-container .image {
  margin-bottom: 0.5em;
  background-color: #fff;
  border-radius: 0.5em;
}
.custom-board-content #antivirus {
  position: relative;
  margin-top: 4em;
  padding-top: 4em;
}
.custom-board-content #antivirus::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(191, 170, 105, 0)), color-stop(25%, #bfaa69), color-stop(75%, #bfaa69), to(rgba(191, 170, 105, 0)));
  background: linear-gradient(to right, rgba(191, 170, 105, 0) 0%, #bfaa69 25%, #bfaa69 75%, rgba(191, 170, 105, 0) 100%);
}

/* ---------------------------------------------------------------- */
/* cheek-hard-vintage-content */
/* ---------------------------------------------------------------- */
.antique-content.antique-content.cheek-hard-vintage-content .visual-container .visual-item {
  background-image: url(./images/antique/cheek-hard-vintage/vis_cheek-hard-vintage_01.webp);
  background-size: 50em;
  background-position: center top;
}
@media screen and (max-width: 46em) {
  .antique-content.antique-content.cheek-hard-vintage-content .visual-container .visual-item {
    background-position: 43% top;
  }
}
@media screen and (max-width: 70em) {
  .antique-content.antique-content.cheek-hard-vintage-content .visual-container .primary-title {
    font-size: 4vw;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.antique-content.cheek-hard-vintage-content .visual-container .primary-title {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.antique-content.cheek-hard-vintage-content #feature .flex-container.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-content.antique-content.cheek-hard-vintage-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
  .antique-content.antique-content.cheek-hard-vintage-content #feature .flex-container.col-3 .flex-item:first-child {
    width: 100%;
  }
}
@media screen and (max-width: 46em) {
  .antique-content.antique-content.cheek-hard-vintage-content #quality .flex-container.col-4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-content.antique-content.cheek-hard-vintage-content #quality .flex-container.col-4 .flex-item {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* redceder-content */
/* ---------------------------------------------------------------- */
.redceder-content .visual-container .visual-item {
  background-image: url(./images/ceiling/redceder/img_redceder.webp);
  background-size: 75em;
  background-position: center top;
}
.redceder-content .drw-redceder_01 {
  width: 495px;
}
.redceder-content .drw-redceder_02 {
  max-width: 369px;
}

/* ---------------------------------------------------------------- */
/* fireproof-content */
/* tertiary-content 以下の共通スタイル */
/* 不燃材トップ特有のスタイルは secondary.sass を参照 */
/* ---------------------------------------------------------------- */
/* page-header */
.fireproof-content .page-header {
  margin-top: 3em;
  text-align: center;
}
.fireproof-content .page-header .sidebar-title {
  width: 90%;
  max-width: 45em;
  margin: 0 auto;
  margin-bottom: 1em;
  font-size: 1.5em;
}
.fireproof-content .page-header .sidebar-title .en {
  margin-bottom: 1em;
  font-family: nimbus-roman, serif;
}
.fireproof-content .page-header .sidebar-title .en small {
  font-family: adobe-garamond-pro, serif;
  font-style: italic;
  font-size: 66.666%;
  letter-spacing: 0.05em;
}
.fireproof-content .page-header .sidebar-title .ja {
  font-size: 125%;
}
.fireproof-content .page-header .read {
  text-align: center;
}

/* page-main */
.fireproof-content .page-main {
  margin-bottom: 4em;
}

/* page-section */
.fireproof-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
}

/* page-footer */
.fireproof-content .page-footer {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
}

/* index-container */
.fireproof-content .index-container .index-item {
  width: 33.333%;
}
@media screen and (max-width: 46em) {
  .fireproof-content .index-container .index-item {
    width: 50%;
  }
}
.fireproof-content .index-container .image {
  max-width: 17em;
}
@media screen and (max-width: 46em) {
  .fireproof-content .index-container .image {
    max-width: 10em;
  }
}
.fireproof-content .index-container .notice {
  margin-top: 1em;
  font-size: 0.625em;
  opacity: 0.5;
}
.fireproof-content .index-container .ribbon-label {
  top: 1.5em;
  right: -2.5em;
  font-size: 0.75em;
}

/* splash-container */
.fireproof-content .splash-container .primary-title {
  font-family: nimbus-roman, serif;
  font-size: 2em;
}
.fireproof-content .splash-container .primary-title small {
  font-family: adobe-garamond-pro, serif;
  font-style: italic;
  font-size: 50%;
  letter-spacing: 0.05em;
}

/* secondary-content: primary-title */
.fireproof-content.secondary-content .primary-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

/* visual-container */
.fireproof-content.tertiary-content .visual-container {
  background: none;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: 0 0.333em 0.333em 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.333em 0.333em 0 rgba(0, 0, 0, 0.2);
}
.fireproof-content.tertiary-content .visual-container .visual-item {
  height: 12.5em;
}
@media screen and (max-width: 46em) {
  .fireproof-content.tertiary-content .visual-container .primary-title {
    top: 75%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .fireproof-content.tertiary-content .visual-container .anniv-label {
    top: 2em;
  }
}

/* preview-container */
.fireproof-content .preview-container .primary-title {
  font-family: nimbus-roman, serif;
}
.fireproof-content .preview-container .primary-title .small {
  font-family: adobe-garamond-pro, serif;
  font-style: italic;
  font-size: 50%;
  letter-spacing: 0.05em;
}

/* board-image */
.fireproof-content .board-image {
  margin-bottom: 2em;
  text-align: center;
}
.fireproof-content .board-image img {
  max-width: 62.5em;
}
@media screen and (max-width: 46em) {
  .fireproof-content .board-image img {
    width: auto;
  }
}

.fireproof-content .page-main .siaa-mark-image {
  text-align: center;
}
@media screen and (max-width: 46em) {
  .fireproof-content .page-main .siaa-mark-image {
    width: 100% !important;
  }
}
.fireproof-content .page-main .siaa-mark-image img {
  max-width: 8em;
}
.fireproof-content .page-main .siaa-mark-image img + img {
  margin-left: 2em;
}

/* ---------------------------------------------------------------- */
/* fireproof-content: secondary-content */
/* ---------------------------------------------------------------- */
/* visual-container */
.fireproof-content.secondary-content .visual-container .visual-item {
  background-repeat: repeat-x;
}
.fireproof-content.secondary-content .visual-container .visual-item.old-oak-board {
  background-image: url(./images/fireproof/index/vis_old-oak-board_01.webp);
  background-size: 112.5em;
}
.fireproof-content.secondary-content .visual-container .visual-item.selection-board {
  background-image: url(./images/fireproof/index/vis_selection-board_01.webp);
  background-size: 112.5em;
}
.fireproof-content.secondary-content .visual-container .visual-item.old-pine-board {
  background-image: url(./images/fireproof/index/vis_old-pine-board_01.webp);
  background-size: 112.5em;
}
.fireproof-content.secondary-content .visual-container .visual-item.antique-wood {
  background-image: url(./images/fireproof/index/vis_antique-wood_01.webp);
  background-size: 125em;
}
@media screen and (max-width: 46em) {
  .fireproof-content.secondary-content .visual-container .visual-item {
    background-size: cover !important;
  }
}
.fireproof-content.secondary-content .visual-container .primary-title {
  top: 40%;
}
@media screen and (max-width: 46em) {
  .fireproof-content.secondary-content .visual-container .primary-title {
    top: 33.333%;
  }
}
.fireproof-content.secondary-content .visual-container .primary-title__pri {
  font-family: nimbus-roman, serif;
  letter-spacing: 0.2em;
}
.fireproof-content.secondary-content .visual-container .visual-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 3em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  white-space: nowrap;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.fireproof-content.secondary-content .visual-container .visual-title__pri {
  font-family: adobe-garamond-pro, serif;
  font-style: italic;
  font-size: 1.4em;
  letter-spacing: 0.05em;
}
.fireproof-content.secondary-content .visual-container .visual-title__sec {
  font-size: 0.875em;
}

.fireproof-content.secondary-content #news {
  margin-top: -2em;
}
.fireproof-content.secondary-content #contents {
  margin-top: 3em;
}
.fireproof-content.secondary-content #contents .sidebar-title .en {
  font-family: adobe-garamond-pro, serif;
  font-style: italic;
}

/* attention-box */
.fireproof-content .attention-box {
  background-color: #f2f2f2;
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}
@media screen and (max-width: 46em) {
  .fireproof-content .attention-box {
    width: 100%;
  }
}
.fireproof-content .attention-box .read {
  font-size: 0.875em;
  text-align: center;
  padding: 0.8em 0;
}

/* index-container */
.fireproof-content .index-container .index-item {
  width: 33.333%;
}
@media screen and (max-width: 46em) {
  .fireproof-content .index-container .index-item {
    width: 50%;
  }
}
.fireproof-content .index-container .image {
  max-width: 17em;
}
@media screen and (max-width: 46em) {
  .fireproof-content .index-container .image {
    max-width: 10em;
  }
}
.fireproof-content .index-container .ribbon-label {
  top: 1.5em;
  right: -2.5em;
  font-size: 0.75em;
}

/* ---------------------------------------------------------------- */
/* old-oak-board-content */
/* ---------------------------------------------------------------- */
.old-oak-board-content .preview-container .primary-title .small {
  font-size: 50%;
}
.old-oak-board-content .preview-container .antique-no1 {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_antique-no1.webp);
}
.old-oak-board-content .preview-container .heritage-no1 {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_heritage-no1.webp);
}
.old-oak-board-content .preview-container .heritage-no2 {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_heritage-no2.webp);
}
.old-oak-board-content .preview-container .early-no1 {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_early-no1.webp);
}
.old-oak-board-content .preview-container .clear {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_clear.webp);
}
.old-oak-board-content .preview-container .ancient-ash {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_ancient-ash.webp);
}
.old-oak-board-content .preview-container .argent-gray {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_argent-gray.webp);
}
.old-oak-board-content .preview-container .vieux-oak {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_vieux-oak.webp);
}
.old-oak-board-content .preview-container .bron {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_bron.webp);
}
.old-oak-board-content .preview-container .provence {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_provence.webp);
}
.old-oak-board-content .preview-container .cordes {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_cordes.webp);
}
.old-oak-board-content .preview-container .vellugue {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_vellugue.webp);
}
.old-oak-board-content .preview-container .french-herringbone {
  background-image: url(./images/fireproof/old-oak-board/img_old-oak-board_french-herringbone.webp);
}
@media screen and (max-width: 46em) {
  .old-oak-board-content .page-header .attention-box {
    width: 90%;
  }
}
@media screen and (max-width: 46em) {
  .old-oak-board-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .old-oak-board-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .old-oak-board-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-oak-board-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .old-oak-board-content #processing .flex-container.col-3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .old-oak-board-content #processing .flex-container.col-3 .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .old-oak-board-content #processing .process-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .old-oak-board-content #processing .process-container .process-item {
    width: 66.666%;
  }
}
.old-oak-board-content .drw-board {
  width: 700px;
}
.old-oak-board-content .drw-decoration-board {
  width: 700px;
}

/* ---------------------------------------------------------------- */
/* selection-board-content */
/* ---------------------------------------------------------------- */
.selection-board-content .preview-container .primary-title .small {
  font-size: 50%;
}
.selection-board-content .preview-container .teak-board {
  background-image: url(./images/fireproof/selection-board/img_teak-board.webp);
}
.selection-board-content .preview-container .walnut-board {
  background-image: url(./images/fireproof/selection-board/img_walnut-board.webp);
}
.selection-board-content .preview-container .blackcherry-board {
  background-image: url(./images/fireproof/selection-board/img_blackcherry-board.webp);
}
@media screen and (max-width: 46em) {
  .selection-board-content .page-header .attention-box {
    width: 90%;
  }
}
@media screen and (max-width: 46em) {
  .selection-board-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .selection-board-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .selection-board-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .selection-board-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .selection-board-content #processing .flex-container.col-3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .selection-board-content #processing .flex-container.col-3 .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .selection-board-content #processing .process-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .selection-board-content #processing .process-container .process-item {
    width: 66.666%;
  }
}
.selection-board-content .drw-board {
  width: 700px;
}

/* ---------------------------------------------------------------- */
/* old-pine-board-content */
/* ---------------------------------------------------------------- */
.old-pine-board-content .preview-container .primary-title .small {
  font-size: 50%;
}
.old-pine-board-content .preview-container .antique-no1 {
  background-image: url(./images/fireproof/old-pine-board/img_old-pine-board_antique-no1.webp);
}
.old-pine-board-content .preview-container .early-no1 {
  background-image: url(./images/fireproof/old-pine-board/img_old-pine-board_early-no1.webp);
}
.old-pine-board-content .preview-container .clear {
  background-image: url(./images/fireproof/old-pine-board/img_old-pine-board_clear.webp);
}
@media screen and (max-width: 46em) {
  .old-pine-board-content .page-header .attention-box {
    width: 90%;
  }
}
@media screen and (max-width: 46em) {
  .old-pine-board-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .old-pine-board-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .old-pine-board-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .old-pine-board-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .old-pine-board-content #processing .flex-container.col-3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .old-pine-board-content #processing .flex-container.col-3 .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .old-pine-board-content #processing .process-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .old-pine-board-content #processing .process-container .process-item {
    width: 66.666%;
  }
}
.old-pine-board-content .drw-board {
  width: 710px;
}

/* ---------------------------------------------------------------- */
/* antique-wood-content */
/* ---------------------------------------------------------------- */
.antique-wood-content .preview-container .primary-title .small {
  font-size: 50%;
}
.antique-wood-content .preview-container .grey-wood {
  background-image: url(./images/fireproof/antique-wood/vis_grey-wood.webp);
}
.antique-wood-content .preview-container .grey-wood-beach-no2 {
  background-image: url(./images/fireproof/antique-wood/vis_grey-wood-beach-no2.webp);
}
.antique-wood-content .preview-container .barn-board {
  background-image: url(./images/fireproof/antique-wood/vis_barn-board.webp);
}
.antique-wood-content .preview-container .old-board {
  background-image: url(./images/fireproof/antique-wood/vis_old-board.webp);
}
.antique-wood-content .preview-container .scaffolding-board-import {
  background-image: url(./images/fireproof/antique-wood/vis_scaffolding-board-import.webp);
}
.antique-wood-content .preview-container .scaffolding-board-domestic {
  background-image: url(./images/fireproof/antique-wood/vis_scaffolding-board-domestic.webp);
}
.antique-wood-content .preview-container .hand-hewn-beam {
  background-image: url(./images/fireproof/antique-wood/vis_hand-hewn-beam.webp);
}
@media screen and (max-width: 46em) {
  .antique-wood-content .page-header .attention-box {
    width: 90%;
  }
}
@media screen and (max-width: 46em) {
  .antique-wood-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .antique-wood-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .antique-wood-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .antique-wood-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .antique-wood-content #processing .flex-container.col-3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .antique-wood-content #processing .flex-container.col-3 .flex-item {
    width: 66.666%;
  }
}
@media screen and (max-width: 46em) {
  .antique-wood-content #processing .process-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .antique-wood-content #processing .process-container .process-item {
    width: 66.666%;
  }
}

.eco-antique-wood-content .preview-container .primary-title .small {
  font-size: 50%;
}
.eco-antique-wood-content .preview-container .eaw-oak-light {
  background-image: url(./images/fireproof/eco-antique-wood/img_eaw-oak-light.webp);
}
.eco-antique-wood-content .preview-container .eaw-oak-dark {
  background-image: url(./images/fireproof/eco-antique-wood/img_eaw-oak-dark.webp);
}
.eco-antique-wood-content .preview-container .eaw-pine-light {
  background-image: url(./images/fireproof/eco-antique-wood/img_eaw-pine-light.webp);
}
.eco-antique-wood-content .preview-container .eaw-pine-dark {
  background-image: url(./images/fireproof/eco-antique-wood/img_eaw-pine-dark.webp);
}
@media screen and (max-width: 46em) {
  .eco-antique-wood-content .page-header .attention-box {
    width: 90%;
  }
}
@media screen and (max-width: 46em) {
  .eco-antique-wood-content #feature .flex-container.col-2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .eco-antique-wood-content #feature .flex-container.col-2 .flex-item.small {
    width: 66.666%;
  }
  .eco-antique-wood-content #feature .flex-container.col-3 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .eco-antique-wood-content #feature .flex-container.col-3 .flex-item {
    width: calc(50% - 0.75em);
  }
}
.eco-antique-wood-content .drw-eaw_01 {
  width: 700px;
}

/* ---------------------------------------------------------------- */
/* furniture-content */
/* ---------------------------------------------------------------- */
/* page-main */
.furniture-content .page-main {
  margin-bottom: 4em;
}

/* page-header */
.furniture-content .page-header {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  padding-top: 3em;
}
@media screen and (max-width: 46em) {
  .furniture-content .page-header {
    text-align: center;
  }
  .furniture-content .page-header .read {
    text-align: center;
  }
}

/* page-section */
.furniture-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
}

/* secondary-content */
.furniture-content.secondary-content .page-header {
  position: relative;
}
.furniture-content.secondary-content .page-header .furniture-title {
  position: absolute;
  top: 3em;
  left: 0;
  max-width: 10em;
  text-align: center;
  font-size: 1em;
  line-height: 1.6;
}
@media screen and (max-width: 46em) {
  .furniture-content.secondary-content .page-header .furniture-title {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto;
  }
}
.furniture-content.secondary-content .page-header .furniture-title .maji-furniture-logo {
  margin-bottom: 1em;
}
.furniture-content.secondary-content .page-header .furniture-title .ja {
  display: inline-block;
  padding-right: 1.25em;
  font-size: 0.875em;
  color: #bfaa69;
}
.furniture-content.secondary-content .page-header .image {
  margin-top: 4em;
  text-align: center;
}
@media screen and (max-width: 46em) {
  .furniture-content.secondary-content .page-header .image {
    margin: 2em 0;
  }
}
.furniture-content.secondary-content .page-header .image img {
  max-width: 35em;
}
.furniture-content.secondary-content .page-header .link {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 10em;
  text-align: center;
}
@media screen and (max-width: 46em) {
  .furniture-content.secondary-content .page-header .link {
    position: relative;
    left: auto;
    bottom: auto;
    margin: 0 auto;
  }
}
.furniture-content.secondary-content .page-header .link .text {
  display: inline-block;
  font-size: 0.75em;
}
.furniture-content.secondary-content .page-header .antivirus-mark {
  position: absolute;
  top: 3em;
  right: 0;
  width: 6em;
  padding: 0.75em;
  border: 2px solid #e5e5e5;
  border-radius: 0.25em;
  background-color: #fff;
}
@media screen and (max-width: 46em) {
  .furniture-content.secondary-content .page-header .antivirus-mark {
    position: relative;
    top: auto;
    left: auto;
    margin: 4em auto 0;
  }
}
.furniture-content.secondary-content #contents {
  position: relative;
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 4em;
}
.furniture-content.secondary-content #lineup {
  border-right: 1px dotted #e5e5e5;
}
@media screen and (max-width: 46em) {
  .furniture-content.secondary-content #lineup {
    border-right: 0;
  }
}
.furniture-content.secondary-content .en-ja-title {
  margin-bottom: 3em;
  line-height: 1.2;
}
@media screen and (max-width: 46em) {
  .furniture-content.secondary-content .en-ja-title {
    text-align: center;
  }
}
.furniture-content.secondary-content .en-ja-title .en {
  font-size: 2.5em;
  font-family: futura-pt-condensed, sans-serif;
  color: #3d3b3b;
}
.furniture-content.secondary-content .en-ja-title .ja {
  font-size: 0.875em;
}
.furniture-content.secondary-content .lineup-item {
  text-align: center;
}
.furniture-content.secondary-content .lineup-item .image {
  margin-bottom: 0.5em;
}
.furniture-content.secondary-content .lineup-item .image img {
  max-width: 11.25em;
}
.furniture-content.secondary-content .lineup-item .en-ja-title {
  margin-bottom: 1em;
  font-size: 0.875em;
}
.furniture-content.secondary-content .lineup-item .en-ja-title .en {
  color: #bfaa69;
}
.furniture-content.secondary-content .lineup-item .read {
  margin-bottom: 0;
  text-align: center;
  line-height: 1.6;
}
.furniture-content.secondary-content .policy-item {
  margin-bottom: 0;
}
@media screen and (max-width: 46em) {
  .furniture-content.secondary-content .policy-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .furniture-content.secondary-content .policy-item .flex-item.small {
    width: calc(33.333% - 0.75em);
  }
  .furniture-content.secondary-content .policy-item .flex-item.large {
    width: calc(66.666% - 0.75em);
  }
}
.furniture-content.secondary-content .policy-item .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
.furniture-content.secondary-content .policy-item .title .number {
  font-size: 2.5em;
  font-family: futura-pt-condensed, sans-serif;
  line-height: 1;
  color: #bfaa69;
}
.furniture-content.secondary-content .policy-item .title .text {
  margin-left: 0.5em;
  font-weight: 700;
}
.furniture-content.secondary-content .policy-item .read {
  margin-bottom: 0;
  line-height: 1.6;
}

/* furniture-banner-container */
.furniture-banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}
.furniture-banner-container .banner-item {
  width: 33.333%;
  margin-bottom: 1.5em;
  text-align: center;
}
@media screen and (max-width: 46em) {
  .furniture-banner-container .banner-item {
    width: 100%;
  }
}
.furniture-banner-container .banner-item a {
  text-decoration: none;
}
.furniture-banner-container .image {
  max-width: 17em;
  margin: 0 auto;
  margin-bottom: 0.5em;
  padding: 0.625em;
  background-color: #f2f2f2;
  line-height: 1;
}
@media screen and (max-width: 46em) {
  .furniture-banner-container .image {
    max-width: 15em;
  }
}
.furniture-banner-container .read {
  text-align: center;
  font-size: 0.75em;
  line-height: 1.6;
}

/* ---------------------------------------------------------------- */
/* customize-content */
/* ---------------------------------------------------------------- */
/* page-header */
.customize-content .page-header .en-ja-title {
  margin-bottom: 3em;
  font-size: 1.25em;
}
.customize-content .page-header .en-ja-title .en {
  font-size: 3em;
}

/* page-section */
.customize-content .page-section {
  margin-top: 3em;
}

/* en-ja-title */
.customize-content .en-ja-title {
  text-align: center;
}
.customize-content .en-ja-title .en {
  display: inline-block;
  font-family: trajan-pro-3;
  font-size: 2em;
  color: #bfaa69;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(212, 196, 146)), color-stop(50%, rgb(196, 177, 115)), color-stop(50%, rgb(184, 162, 96)), to(rgb(160, 133, 64)));
  background: linear-gradient(to bottom, rgb(212, 196, 146) 0%, rgb(196, 177, 115) 50%, rgb(184, 162, 96) 50%, rgb(160, 133, 64) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* section */
@media screen and (max-width: 46em) {
  .customize-content #type .flex-container,
.customize-content #board .flex-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .customize-content #type .flex-container .flex-item,
.customize-content #board .flex-container .flex-item {
    width: calc(50% - 0.75em);
  }
}
@media screen and (max-width: 46em) {
  .customize-content #variation .flex-container .flex-item {
    width: 66.666%;
    margin: 0 auto;
    margin-bottom: 1.5em;
  }
}
.customize-content #processing .flex-container .flex-item {
  text-align: center;
}
.customize-content #processing .flex-container .flex-item.laege {
  width: calc(66.666% - 1.5em);
}
@media screen and (max-width: 46em) {
  .customize-content #processing .flex-container .flex-item.laege {
    width: calc(50% - 0.75em);
  }
}
.customize-content #processing .flex-container .flex-item.small {
  width: calc(33.333% - 2em);
}
@media screen and (max-width: 46em) {
  .customize-content #processing .flex-container .flex-item.small {
    width: calc(50% - 0.75em);
  }
}

/* ---------------------------------------------------------------- */
/* making-content */
/* ---------------------------------------------------------------- */
/* section-header */
.making-content .section-header {
  position: relative;
  margin-bottom: 2em;
  padding-left: 4em;
}
@media screen and (max-width: 46em) {
  .making-content .section-header {
    padding-left: 0;
  }
}
.making-content .section-header .number {
  position: absolute;
  top: 0;
  left: 0;
  font-family: futura-pt-condensed, sans-serif;
  font-size: 3.5em;
  line-height: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(212, 196, 146)), color-stop(50%, rgb(196, 177, 115)), color-stop(50%, rgb(184, 162, 96)), to(rgb(160, 133, 64)));
  background: linear-gradient(to bottom, rgb(212, 196, 146) 0%, rgb(196, 177, 115) 50%, rgb(184, 162, 96) 50%, rgb(160, 133, 64) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 46em) {
  .making-content .section-header .number {
    position: relative;
    top: auto;
    left: auto;
    text-align: center;
  }
}
.making-content .section-header .title {
  margin-bottom: 0;
  padding: 0.5em 0;
  font-weight: 700;
  font-size: 1.4em;
}
@media screen and (max-width: 46em) {
  .making-content .section-header .title {
    text-align: center;
  }
}
@media screen and (max-width: 46em) {
  .making-content .section-header .read {
    text-align: center;
  }
}

/* read */
@media screen and (max-width: 46em) {
  .making-content .read {
    white-space: nowrap;
  }
}

/* flex-container */
.making-content .flex-container {
  padding-left: 4em;
}
@media screen and (max-width: 46em) {
  .making-content .flex-container {
    padding-left: 0;
    width: 75%;
    margin: 0 auto;
  }
}

/* ---------------------------------------------------------------- */
/* showroom-content */
/* ---------------------------------------------------------------- */
/* page-main */
.showroom-content .page-main {
  margin-bottom: 4em;
}

/* page-header */
.showroom-content .page-header {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  padding-top: 3em;
}
@media screen and (max-width: 46em) {
  .showroom-content .page-header {
    text-align: center;
  }
  .showroom-content .page-header .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

/* page-section */
.showroom-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
}

/* section-footer */
.showroom-content .section-footer {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px dotted #e5e5e5;
}

/* showroom-title */
.showroom-content .showroom-title {
  font-family: trajan-pro-3, sans-serif;
  line-height: 1.2;
  white-space: nowrap;
}
.showroom-content .showroom-title .em {
  color: #bfaa69;
}
.showroom-content .showroom-title.fuchu {
  margin-bottom: 0.2em;
  font-size: 3.4em;
}
@media screen and (max-width: 46em) {
  .showroom-content .showroom-title.fuchu {
    font-size: 3em;
  }
}
.showroom-content .showroom-title.web {
  margin-bottom: 0.5em;
  font-size: 2em;
}
@media screen and (max-width: 46em) {
  .showroom-content .showroom-title.web {
    text-align: center;
  }
}

/* sort-container */
.showroom-content .sort-container {
  margin-bottom: 1.5em;
}
.showroom-content .sort-container .flooring .sort-menu-item,
.showroom-content .sort-container .spec .sort-menu-item,
.showroom-content .sort-container .antique .sort-menu-item,
.showroom-content .sort-container .fireproof .sort-menu-item {
  min-width: 21.8em;
}
@media screen and (max-width: 46em) {
  .showroom-content .sort-container .flooring .sort-menu-item,
.showroom-content .sort-container .spec .sort-menu-item,
.showroom-content .sort-container .antique .sort-menu-item,
.showroom-content .sort-container .fireproof .sort-menu-item {
    min-width: 12em;
  }
}
.showroom-content .sort-container .use .sort-menu-item {
  min-width: inherit;
  margin-right: 1.5em;
}
@media screen and (max-width: 46em) {
  .showroom-content .sort-container .use .sort-menu-item {
    min-width: 12em;
    margin-right: 0;
  }
}

/* sort-container */
.showroom-content .cat-container {
  margin-bottom: 1.5em;
}
.showroom-content .cat-container .children .cat-item {
  width: 33.333%;
}
@media screen and (max-width: 46em) {
  .showroom-content .cat-container .children .cat-item {
    width: auto;
  }
}
.showroom-content .cat-container .cat-item-92 .children .cat-item {
  width: auto;
}
.showroom-content .cat-container .cat-item-92 .children .cat-item + .cat-item {
  margin-left: 1.5em;
}
@media screen and (max-width: 46em) {
  .showroom-content .cat-container .cat-item-92 .children .cat-item + .cat-item {
    margin-left: 0;
  }
}

/* archive-title */
.showroom-content .archive-title {
  position: relative;
  padding-left: 0.8em;
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.2;
}
.showroom-content .archive-title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.2em;
  height: 1.2em;
  border-radius: 0.1em;
  background-color: #bfaa69;
}

/* showroom-container */
.showroom-content .showroom-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.showroom-content .showroom-container .showroom-item {
  width: calc(33.333% - 1em);
  overflow: hidden;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 46em) {
  .showroom-content .showroom-container .showroom-item {
    width: 100%;
  }
}
.showroom-content .showroom-container .showroom-item + .showroom-item {
  margin-left: 1.5em;
}
@media screen and (max-width: 46em) {
  .showroom-content .showroom-container .showroom-item + .showroom-item {
    margin-left: 0;
  }
}
.showroom-content .showroom-container .showroom-item:nth-child(3n+4) {
  margin-left: 0;
}

/* gallery-contant */
.gallery-contant .visual-container {
  width: 100%;
  max-width: 60em;
  margin: 0 auto;
}
.gallery-contant .visual-container .visual-item {
  height: auto;
}
.gallery-contant .gallery-title {
  padding-left: 1.5em;
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.4;
  background-image: url(./images/common/ico_camera_01.svg);
  background-repeat: no-repeat;
  background-position: left 0.25em;
  background-size: 1em;
}
.gallery-contant .page-footer {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
}
.gallery-contant .secondary-table th {
  width: 6em;
}

/* ---------------------------------------------------------------- */
/* recruit-content */
/* ---------------------------------------------------------------- */
/* page-main */
.recruit-content .page-main {
  margin-bottom: 4em;
}

/* page-header */
.recruit-content .page-header {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  padding-top: 3em;
}
@media screen and (max-width: 46em) {
  .recruit-content .page-header {
    text-align: center;
  }
  .recruit-content .page-header .read {
    text-align: center;
    font-size: 0.75em;
    white-space: nowrap;
  }
}

/* page-section */
.recruit-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}

/* page-footer */
.recruit-content .page-footer {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 2em;
  text-align: center;
}
.recruit-content .page-footer .link-container {
  display: block;
  padding: 2em;
  background-color: #f0eeeb;
  border-radius: 0.5em;
}
.recruit-content .page-footer .link-container .button {
  padding: 0.5em 1em;
  font-size: 1.5em;
  width: 12em;
}

/* recruit-title */
.recruit-content .recruit-title {
  margin-bottom: 2.5em;
  font-size: 1em;
}
.recruit-content .recruit-title .recruit-logo {
  max-width: 15em;
  margin-bottom: 1em;
}
.recruit-content .recruit-title .ja {
  font-size: 1.5em;
}

/* recruit-title */
.recruit-content .secondary-table th, .recruit-content .secondary-table td {
  border-color: #fff;
}
.recruit-content .secondary-table tbody th {
  background-color: #807673;
  color: #fff;
}
.recruit-content .secondary-table tbody td {
  background-color: #f0eeeb;
}

/* job-box */
.recruit-content .job-box {
  position: relative;
  padding: 2.5em 1.5em;
  padding-bottom: 2em;
  border: 2px solid #bfaa69;
  border-radius: 0.5em;
}
.recruit-content .job-box .job-title {
  position: absolute;
  top: calc(-1em - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 3em;
  background-color: #bfaa69;
  border-radius: 2em;
  font-weight: 700;
  font-size: 1.25em;
  line-height: 2;
  color: #fff;
  white-space: nowrap;
}
.recruit-content .job-box .job-list {
  margin-bottom: 0;
}
.recruit-content .job-box .job-list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5em;
  padding-left: 1em;
  background-color: #f0eeeb;
  border-radius: 0.333em;
}
@media screen and (max-width: 46em) {
  .recruit-content .job-box .job-list .list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.recruit-content .job-box .job-list .title {
  margin: 0.5em 0;
  padding-left: 1.5em;
  background-image: url(./images/common/ico_link_01.svg);
  background-repeat: no-repeat;
  background-position: left 0.333em;
  background-size: 1em;
  text-decoration: none;
}
@media screen and (max-width: 46em) {
  .recruit-content .job-box .job-list .title {
    margin-bottom: 0.5em;
  }
}
.recruit-content .job-box .job-list .button {
  margin-bottom: 0;
  white-space: nowrap;
}
@media screen and (max-width: 46em) {
  .recruit-content .job-box .job-list .button {
    margin-bottom: 0.5em;
  }
}
.recruit-content .job-box .job-list .notice {
  display: inline-block;
  margin-top: 0.875em;
}
@media screen and (max-width: 46em) {
  .recruit-content .job-box .job-list .notice {
    margin: 0 0 1em 2em;
  }
}
.recruit-content .job-box .bird {
  position: absolute;
  top: 0;
  right: 2em;
  -webkit-transform: translateY(-93%);
          transform: translateY(-93%);
  width: 4em;
}
@media screen and (max-width: 46em) {
  .recruit-content .job-box .bird {
    right: 0;
  }
}

/* secondary-content */
.recruit-content.secondary-content .page-header {
  position: relative;
  margin-bottom: 5em;
}
.recruit-content.secondary-content .page-header .read {
  position: relative;
}
.recruit-content.secondary-content .recruit-visual {
  position: absolute;
  top: 0;
  right: 0;
  width: 56%;
}
@media screen and (max-width: 46em) {
  .recruit-content.secondary-content .recruit-visual {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    margin-bottom: 2em;
  }
}
.recruit-content.secondary-content .recruit-visual .image {
  margin-top: 10em;
}
@media screen and (max-width: 46em) {
  .recruit-content.secondary-content .recruit-visual .image {
    margin-top: 2em;
  }
}
.recruit-content.secondary-content .recruit-visual .catch {
  position: absolute;
  top: 3em;
  right: 5em;
  width: 2em;
}
@media screen and (max-width: 46em) {
  .recruit-content.secondary-content .recruit-visual .catch {
    top: -2em;
    right: 2.5em;
  }
}

/* tertiary-content */
.recruit-content.tertiary-content .page-header {
  width: 100%;
}
.recruit-content.tertiary-content .recruit-title {
  margin-bottom: 1.5em;
}
@media screen and (max-width: 46em) {
  .recruit-content.tertiary-content .recruit-title {
    margin-bottom: 4em;
  }
  .recruit-content.tertiary-content .recruit-title .ja {
    font-size: 1.25em;
  }
}
.recruit-content.tertiary-content .recruit-title .recruit-logo {
  max-width: 10em;
}
.recruit-content.tertiary-content .visual-container {
  position: relative;
}
.recruit-content.tertiary-content .visual-container .visual-item {
  height: auto;
  vertical-align: bottom;
}
.recruit-content.tertiary-content .visual-container .bird {
  position: absolute;
  top: 0;
  right: 2em;
  -webkit-transform: translateY(-90%);
          transform: translateY(-90%);
  width: 4em;
}
@media screen and (max-width: 46em) {
  .recruit-content.tertiary-content .visual-container .bird {
    right: 1em;
  }
}
.recruit-content.tertiary-content .visual-container .content {
  padding: 1em 1.5em;
  background-color: #f0eeeb;
}
.recruit-content.tertiary-content #outline {
  margin-top: 4em;
}

/* section */
.recruit-content #job .flex-container.col-3 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3em;
}
.recruit-content #job .flex-container.col-3 .flex-item {
  text-align: center;
}
.recruit-content #job .flex-container.col-3 .flex-item .image {
  position: relative;
  margin-bottom: 1em;
}
@media screen and (max-width: 46em) {
  .recruit-content #job .flex-container.col-3 .flex-item .image {
    max-width: 66.666%;
    margin: 0 auto;
    margin-bottom: 1em;
  }
}
.recruit-content #job .flex-container.col-3 .flex-item .image .caption {
  position: absolute;
  bottom: 16%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 8.75em;
}
.recruit-content #job .flex-container.col-3 .flex-item a {
  text-decoration: none;
}

/* ---------------------------------------------------------------- */
/* inquiry-content */
/* ---------------------------------------------------------------- */
/* page-main */
.inquiry-content.question-content .page-main {
  margin-bottom: 4em;
}

/* page-header */
.inquiry-content .page-header {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  padding-top: 3em;
  margin-bottom: 3em;
  text-align: center;
}
.inquiry-content .page-header .read {
  text-align: center;
}

/* page-section */
.inquiry-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-bottom: 3em;
}

/* page-footer */
.inquiry-content .page-footer {
  width: 100%;
  text-align: center;
}

/* question-box */
.inquiry-content .question-box {
  position: relative;
  padding: 2.5em 1.5em;
  padding-bottom: 2em;
  background-color: #fafafa;
  border: 2px solid #e5e5e5;
  border-radius: 0.5em;
  text-align: center;
}
.inquiry-content .question-box .question-title {
  position: absolute;
  top: calc(-1em - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 3em;
  background-color: #e58a5c;
  border-radius: 2em;
  font-weight: 700;
  font-size: 1em;
  line-height: 2;
  color: #fff;
  white-space: nowrap;
}
.inquiry-content .question-box .question {
  font-weight: 700;
  font-size: 1.125em;
}
.inquiry-content .question-box .read {
  text-align: center;
}
.inquiry-content .question-box .link-container .button {
  width: 18.333em;
}

/* form-group */
.inquiry-content .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.875em;
}
.inquiry-content .form-group.jc-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.inquiry-content .form-group .form-item {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.inquiry-content .form-group .form-item.quarter {
  width: calc(25% - 1em);
}
.inquiry-content .form-group .form-item.third {
  width: calc(33.333% - 1em);
}
.inquiry-content .form-group .form-item.half {
  width: calc(50% - 1em);
}
.inquiry-content .form-group .form-item.full {
  width: calc(100% - 1em);
}
@media screen and (max-width: 46em) {
  .inquiry-content .form-group .form-item.quarter, .inquiry-content .form-group .form-item.third, .inquiry-content .form-group .form-item.half, .inquiry-content .form-group .form-item.full {
    width: 100%;
  }
}

/* form elements */
.inquiry-content input[type=text] {
  width: 100%;
}
.inquiry-content input[type=text].mini {
  width: 15em;
}
.inquiry-content input[type=text].narrow {
  width: 22.5em;
}
.inquiry-content input[type=text].middle {
  width: 30em;
}
@media screen and (max-width: 46em) {
  .inquiry-content input[type=text].middle {
    width: 24.75em;
  }
}
.inquiry-content input[type=text].value {
  width: 6em;
}
.inquiry-content input[type=text].code {
  width: 8em;
}
.inquiry-content input[type=text].address {
  width: 50em;
}
@media screen and (max-width: 46em) {
  .inquiry-content input[type=text].address {
    width: 24.75em;
  }
}
.inquiry-content textarea {
  width: 100%;
}
@media screen and (max-width: 46em) {
  .inquiry-content select {
    max-width: 90vw;
  }
}

/* must */
.inquiry-content .rect-label.must {
  -webkit-transform: translateY(-0.1em);
          transform: translateY(-0.1em);
  padding: 0.2em 1em;
}

/* circle-title */
.inquiry-content .circle-title {
  font-size: 1em;
}
.inquiry-content .circle-title .rect-label.must {
  font-size: 75%;
}

/* example */
.inquiry-content .example {
  display: inline-block;
  -webkit-transform: translateY(-0.5em);
          transform: translateY(-0.5em);
  opacity: 0.5;
}

/* flex-container */
.inquiry-content .flex-container .flex-item {
  margin-bottom: 0;
}
@media screen and (max-width: 46em) {
  .inquiry-content .flex-container .flex-item + .flex-item {
    margin-top: 1em;
  }
}

/* include-box */
.inquiry-content .include-box {
  max-height: 20em;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e5e5e5;
  padding: 2em;
}
.inquiry-content .include-box .page-section {
  width: 100%;
  max-width: inherit;
  margin-bottom: 0;
}

/* ssl-siteseal */
.inquiry-content .ssl-siteseal {
  margin-top: 3em;
  padding: 1.5em;
  background-color: #f2f2f2;
}
.inquiry-content .ssl-siteseal #ss_img {
  max-width: 100px;
}
.inquiry-content .ssl-siteseal .siteseal {
  display: inline-block;
  max-width: 4.0625em;
}

/* help */
.inquiry-content .help {
  display: inline-block;
  position: relative;
  width: 1.6em;
  background-color: #7ab8cc;
  border-radius: 0.25em;
  text-align: center;
  color: #fff;
}
.inquiry-content .help .text {
  display: none;
  position: absolute;
  bottom: calc(100% + 0.5em);
  left: calc(50% - 6em);
  width: 12em;
  padding: 1em;
  background-color: #206880;
  border-radius: 0.25em;
  text-align: justify;
  hanging-punctuation: allow-end;
  font-size: 0.75em;
  color: #fff;
}
.inquiry-content .help .text::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 5.5em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5em 0.5em 0 0.5em;
  border-color: #206880 transparent transparent transparent;
}
.inquiry-content .help:hover {
  cursor: pointer;
  background-color: #206880;
}
.inquiry-content .help:hover .text {
  display: inline-block;
}

/* confirm-table */
.inquiry-content .confirm-table {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-bottom: 4em;
  border-top: 1px dotted #e5e5e5;
  font-size: 0.875em;
}
.inquiry-content .confirm-table th, .inquiry-content .confirm-table td {
  padding: 0.5em 0;
  border-bottom: 1px dotted #e5e5e5;
}
.inquiry-content .confirm-table th {
  width: 12em;
  white-space: nowrap;
}

/* error_attention */
.inquiry-content .error_attention {
  font-size: 1em;
  padding: 0.5em 2em;
  width: 90%;
  max-width: 60em;
  margin: 1em auto;
  background-color: #fafafa;
  background-image: url(./images/common/ico_attention_01.svg);
  background-repeat: no-repeat;
  background-position: 0.5em 0.8em;
  background-size: 1em;
  border: 2px solid #e5e5e5;
  border-radius: 0.25em;
  font-size: 0.875em;
}

/* read_attention */
.inquiry-content .read_attention {
  padding: 0.5em 2.5em;
  width: 100%;
  margin: 1em auto;
  border: 2px solid #e5e5e5;
  border-radius: 0.25em;
  background-color: #fafafa;
  background-image: url(./images/common/ico_attention_01.svg);
  background-repeat: no-repeat;
  background-position: 0.5em 0.5em;
  background-size: 1.5em;
  font-size: 0.875em;
}

/* error_messe */
.inquiry-content .error_messe {
  padding-left: 1.5em !important;
  background-image: url(./images/common/ico_attention_01.svg);
  background-repeat: no-repeat;
  background-position: left 0.8em;
  background-size: 1em;
}

/* ---------------------------------------------------------------- */
/* news-content */
/* ---------------------------------------------------------------- */
/* content-wrapper */
.news-content .content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  padding: 2em 0 4em;
}
@media screen and (max-width: 46em) {
  .news-content .content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.news-content .content-wrapper .page-main {
  width: 66.666%;
}
@media screen and (max-width: 46em) {
  .news-content .content-wrapper .page-main {
    width: 100%;
  }
}
.news-content .content-wrapper .page-navi {
  width: 25%;
}
@media screen and (max-width: 46em) {
  .news-content .content-wrapper .page-navi {
    width: 100%;
  }
}

@media screen and (max-width: 46em) {
  .news-content .page-header {
    text-align: center;
  }
}

.news-content .post-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.news-content .post-list-container .post-item {
  position: relative;
  width: calc(33.333% - 2px);
  margin: 1px;
  padding: 0.625em;
  padding-bottom: 2em;
  border: 1px solid #e5e5e5;
}
@media screen and (max-width: 46em) {
  .news-content .post-list-container .post-item {
    width: calc(50% - 2px);
  }
}
.news-content .post-list-container .post-item a {
  text-decoration: none;
}
.news-content .post-list-container .image {
  margin-bottom: 1em;
}
.news-content .post-list-container .image a {
  display: inline-block;
  padding: 0.625em;
  background-color: #f2f2f2;
}
.news-content .post-list-container .title {
  font-size: 0.875em;
  line-height: 1.6;
}
.news-content .post-list-container .date {
  position: absolute;
  bottom: 1.25em;
  left: 1.5em;
  margin: 0;
  font-size: 0.75em;
  line-height: 1;
  color: #bfaa69;
}

.news-content.isnt-touch .post-list-container .image a:hover,
.news-content.isnt-touch .post-list-container .image a:focus {
  background-color: #e4ddc3;
}

.news-content .section-footer {
  border-top: 1px dotted #e5e5e5;
  margin-top: 2em;
  padding-top: 2em;
}

.news-content .article-header {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px dotted #e5e5e5;
}

.news-content .article-footer {
  border-top: 1px dotted #e5e5e5;
  margin-top: 2em;
  padding-top: 2em;
}

.news-content .post-title {
  position: relative;
  font-size: 2em;
  line-height: 1.4;
  padding-left: 1em;
}
.news-content .post-title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  border-radius: 2px;
  background-color: #bfaa69;
}
@media screen and (max-width: 46em) {
  .news-content .post-title {
    font-size: 1.5em;
  }
}

.news-content .post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75em;
  color: #999;
}
@media screen and (max-width: 46em) {
  .news-content .post-meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.news-content .post-meta > * {
  margin-bottom: 1em;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.news-content .post-meta > *::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: -0.2em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
}
.news-content .post-meta .meta-date {
  margin-right: 1.5em;
  padding-right: 1.5em;
  border-right: 1px dotted #ccc;
}
.news-content .post-meta .meta-date::before {
  background-image: url(./images/common/ico_calendar_01.svg);
}
.news-content .post-meta .meta-categories::before {
  background-image: url(./images/common/ico_tag_01.svg);
}

.news-content .single-content::after {
  content: "";
  display: block;
  clear: both;
}
.news-content .single-content h3 {
  position: relative;
  margin-bottom: 1.5em;
  padding: 1em;
  padding-right: 0.5em;
  border: 1px solid #e5e5e5;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(50%, rgb(245, 245, 245)), color-stop(50%, rgb(240, 240, 240)), to(rgb(230, 230, 230)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 50%, rgb(240, 240, 240) 50%, rgb(230, 230, 230) 100%);
  font-weight: 700;
  font-size: 1em;
  line-height: 1.4;
}
.news-content .single-content h3::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em 1em 0 0;
  border-color: #bfaa69 transparent transparent transparent;
}
.news-content .single-content h4 {
  position: relative;
  padding-left: 1.5em;
  font-weight: 700;
  font-size: 1.125em;
  line-height: 1.6;
}
.news-content .single-content h4::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.333em;
  left: 0;
  width: 1em;
  height: 1em;
  border: 0.25em solid #bfaa69;
  border-radius: 50%;
}
.news-content .single-content p {
  font-size: 1em;
  line-height: 2;
}

.news-content .page-navi {
  margin-top: 6.5em;
}

.news-content .widget-title {
  position: relative;
  padding-left: 1.5em;
  font-weight: 700;
  font-size: 1.125em;
  line-height: 1.6;
}
.news-content .widget-title::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.333em;
  left: 0;
  width: 1em;
  height: 1em;
  border: 0.25em solid #bfaa69;
  border-radius: 50%;
}

.news-content .article-navi {
  padding: 1.5em;
  background-color: #f2f2f2;
  text-align: center;
}
.news-content .article-navi a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-weight: 700;
}
.news-content .article-navi a::before, .news-content .article-navi a::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: -0.2em;
  margin-right: 0.5em;
  background-image: url(./images/common/ico_direction_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
}
.news-content .article-navi a[rel=prev]::after {
  content: "";
  margin-left: 0.5em;
}
.news-content .article-navi a[rel=next]::before {
  content: "";
  margin-right: 0.5em;
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
.news-content .article-navi a + a {
  margin-left: 1.5em;
}

.news-content .widget_categories ul {
  margin-bottom: 3em;
}
.news-content .widget_categories ul li {
  position: relative;
  margin-bottom: 0;
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px dotted #e5e5e5;
  font-size: 1em;
}
.news-content .widget_categories ul li a {
  display: inline-block;
  text-decoration: none;
  padding-right: 2em;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.news-content .widget_categories ul li a::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: -0.2em;
  margin-right: 0.5em;
  background-image: url(./images/common/ico_direction_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
}
.news-content .widget_categories ul .children {
  display: none;
  margin-bottom: 1em;
  font-size: 0.875em;
}
.news-content .widget_categories ul .children li {
  margin-left: 1.75em;
  border-top: 0;
}
.news-content .widget_categories ul .children li a {
  padding-right: 0;
}
.news-content .widget_categories ul .children li a::before {
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #bfaa69;
  background-image: none;
}
.news-content .widget_categories ul .toggle {
  position: absolute;
  top: 0.5em;
  right: 0.25em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #3d3b3b;
}
.news-content .widget_categories ul .toggle::before, .news-content .widget_categories ul .toggle::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 25%;
  width: 50%;
  height: 2px;
  margin-top: -1px;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.news-content .widget_categories ul .toggle::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.news-content .widget_categories ul .toggle.closed::before {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.news-content .widget_categories ul .toggle.closed::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.news-content.isnt-touch .widget_categories ul .toggle {
  cursor: pointer;
}
.news-content.isnt-touch .widget_categories ul .toggle:focus, .news-content.isnt-touch .widget_categories ul .toggle:hover {
  background-color: #bfaa69;
}

.news-content .widget_recent_entries ul {
  margin-bottom: 3em;
}
.news-content .widget_recent_entries ul li {
  position: relative;
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px dotted #e5e5e5;
  font-size: 1em;
}
.news-content .widget_recent_entries ul li a {
  display: inline-block;
  text-decoration: none;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.news-content .widget_recent_entries ul li a::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: -0.2em;
  margin-right: 0.5em;
  background-image: url(./images/common/ico_direction_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
}
.news-content .widget_recent_entries ul li .post-date {
  margin-left: 2em;
  font-size: 0.75em;
  color: #999;
}
.news-content .widget_recent_entries ul li .post-date::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: -0.2em;
  margin-right: 0.5em;
  background-image: url(./images/common/ico_calendar_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  vertical-align: middle;
}

/* default setting
 * .clear
 * clear: both
 *
 * #globalNavi .blog
 * background: url(./images/common/bgi_globalnavi_04.gif) repeat-x left top
 *
 * #content
 * width: 900px
 * margin: 0 auto
 * padding-top: 60px
 *
 * #content-left
 * width: 600px
 * overflow-x: hidden
 * float: left
 *
 * #content-right
 * width: 240px
 * float: right
 *
 * #footer
 * clear: both */
/* top tabs
 * #tabs
 * margin-bottom: 30px
 * font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
 * ul li a
 * font-size: 12px
 * font-size: 12px
 * div
 * min-height: 220px
 * clear: both
 * content: ""
 * span
 *  width: 200px
 *  float: left
 *  padding-top: 10px
 *  margin-right: 20px
 *  img
 *   width: 100%
 * h3
 *  overflow-x: hidden
 *  padding-top: 10px
 *  font-weight: bold
 *  font-size: 24px
 *  line-height: 30px
 *  small
 *   font-size: 12px
 *   color: #bfaa69
 * p
 *  overflow-x: hidden
 *  margin-top: 10px
 *  font-size: 12px
 *  line-height: 20px */
/* index
 * #index
 * width: 615px
 * h2
 * width: 560px
 * height: 40px
 * padding: 0 20px
 * font-size: 1.05em
 * font-weight: bold
 * line-height: 40px
 * background: url(/blog/wp-content/themes/photo-clip/img/bse_title_01.gif) no-repeat
 * .entry
 * width: 170px
 * padding: 9px
 * border: 1px solid #f2f2f2
 * margin: 15px 15px 0 0
 * float: left
 * img
 *  width: 150px
 *  height: 150px
 *  border: 10px solid #f2f2f2
 *  &:hover
 *   border-color: #e4ddc3
 * h3
 *  height: 80px
 *  overflow-y: hidden
 *  margin-top: 10px
 *  a
 *   text-decoration: none
 *   font-size: 12px
 *   line-height: 20px
 *   &:hover
 *    color: #bfaa69
 * p
 *  margin-top: 10px
 *  font-size: 10px
 *  color: #bfaa69
 * div.page_navi
 * clear: both
 * padding-top: 30px
 * .wp-pagenavi
 *  border-top: 1px dotted #e5e5e5
 *  padding-top: 30px
 *  span, a
 *   display: inline-block
 *   margin-right: 1px
 *   padding: 10px 12px 8px 12px
 *   text-decoration: none
 *  span
 *   &.pages
 *    color: #999
 *   &.current
 *    background: #000
 *    color: #fff
 *  a
 *   background: #ccc
 *   color: #fff */
/* box-left
 * #content-left .box-left
 * h2
 * &.title
 *  margin-bottom: 10px
 *  padding-bottom: 10px
 *  border-bottom: 1px solid #e5e5e5
 *  font-weight: bold
 *  font-size: 18px
 *  line-height: 25px
 * a
 *  text-decoration: none
 * h3
 * width: 560px
 * height: 40px
 * padding: 0 20px
 * font-size: 1.05em
 * font-weight: bold
 * line-height: 40px
 * background: url(/blog/wp-content/themes/photo-clip/img/bse_title_01.gif) no-repeat
 * div + h3, p + h3, a + h3, img + h3
 * margin-top: 40px
 * .related-article
 * margin-top: 50px
 * padding: 25px 20px 15px 20px
 * border: 1px solid #e5e5e5
 * background: #fafafa
 * h3
 *  width: auto
 *  height: auto
 *  margin: 0 0 20px 0
 *  padding: 0
 *  font-size: 14px
 *  font-weight: bold
 *  line-height: 20px
 *  background: none
 * ul li
 *  border-top: 1px dotted #e5e5e5
 *  a
 *   display: block
 *   padding: 10px 0 10px 20px
 *   background: url(/images/common/ico_link_01.gif) no-repeat 4px 13px
 *   text-decoration: none
 * .meta
 * margin-bottom: 30px
 * font-size: 12px
 * color: #ccc
 * .meta-date
 *  padding: 0 0 0 15px
 *  background: url(/blog/wp-content/themes/photo-clip/img/bg-date.gif) no-repeat left 2px
 *  color: #999
 * .meta-categories
 *  padding: 0 0 0 25px
 *  background: url(/blog/wp-content/themes/photo-clip/img/bg-cats.gif) no-repeat 10px 2px
 *  color: #999
 *  margin-left: 10px
 *  border-left: 1px dotted #ccc
 *  a
 *   text-decoration: none
 *   color: #999
 *   &:hover
 *    text-decoration: none
 *    color: #bfaa69 */
/* Mainl Magazine */
#post-1795 p {
  margin-top: 30px;
  font-size: 14px;
  line-height: 30px;
}
#post-1795 input[type=text] {
  width: 568px;
  margin: 5px;
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #e5e5e5;
  background-color: #fafafa;
}
#post-1795 input[type=submit] {
  width: 100px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
}

/* single_content
 * #content-left .box-left .single_content
 * clear: both
 * content: ""
 * h2
 * font-weight: bold
 * font-size: 18px
 * line-height: 24px
 * margin-top: 20px
 * p
 * font-size: 14px
 * line-height: 25px
 * margin-top: 20px */
/* content-right
 * #content-right
 * div + div
 * margin-top: 50px
 * .box-right
 * h4
 *  margin-bottom: 15px
 *  padding-left: 20px
 *  background: url(/images/common/ico_caption_01.gif) no-repeat left center
 *  font-weight: bold
 *  font-size: 14px
 *  line-height: 20px
 *  color: #999
 * li
 *  a
 *   display: block
 *   padding: 10px 0 10px 20px
 *   background: url(/images/common/ico_link_01.gif) no-repeat 4px 13px
 *   border-top: 1px dotted #e5e5e5
 *   text-decoration: none
 *   font-weight: bold
 *   font-size: 12px
 *   line-height: 20px
 *  .children
 *   li a
 *    padding: 5px 0 5px 30px
 *    background: url(/images/common/ico_link_05.gif) no-repeat 20px 13px
 *    border-top: none
 *    font-weight: normal
 *   padding-bottom: 10px
 *  a:hover, .children li a:hover
 *   background-color: #f2f2f2
 * div.textwidget
 *  font-size: 12px
 *  line-height: 20px
 * a.rss
 * display: block
 * margin-top: 50px
 * padding: 10px
 * border: 1px solid #f2f2f2
 * background-color: #fafafa
 * text-decoration: none
 * font-size: 12px
 * line-height: 20px
 * img
 *  vertical-align: middle
 *  margin-right: 5px */
#wp-calendar caption {
  padding: 10px;
  background: #ccc;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}
#wp-calendar td {
  border: 1px solid #e5e5e5;
  padding: 7px;
  text-align: right;
  font-size: 14px;
}
#wp-calendar td a {
  color: #09c;
}
#wp-calendar td a:hover {
  color: #bfaa69;
}
#wp-calendar thead th {
  border: 1px solid #e5e5e5;
  padding: 7px;
  background: #f2f2f2;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #999;
}
#wp-calendar tfoot td {
  border: none;
}
#wp-calendar tfoot td#prev {
  text-align: left;
}
#wp-calendar tfoot td#next {
  text-align: right;
}
#wp-calendar tfoot td a {
  color: #999;
  text-decoration: none;
}

/* ---------------------------------------------------------------- */
/* manual-content */
/* ---------------------------------------------------------------- */
/* page-main */
.manual-content .page-main {
  margin-bottom: 4em;
}

/* page-header */
.manual-content .page-header {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  padding-top: 3em;
  text-align: center;
}
.manual-content .page-header .en-ja-title {
  margin-bottom: 1.5em;
  font-size: 1.25em;
}
.manual-content .page-header .en-ja-title .en {
  display: inline-block;
  margin-bottom: 0.125em;
  font-family: trajan-pro-3;
  font-size: 3em;
  line-height: 1.2;
  color: #bfaa69;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(212, 196, 146)), color-stop(50%, rgb(196, 177, 115)), color-stop(50%, rgb(184, 162, 96)), to(rgb(160, 133, 64)));
  background: linear-gradient(to bottom, rgb(212, 196, 146) 0%, rgb(196, 177, 115) 50%, rgb(184, 162, 96) 50%, rgb(160, 133, 64) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 46em) {
  .manual-content .page-header .en-ja-title .en {
    font-size: 2.5em;
  }
}

/* page-section */
.manual-content .page-section {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  margin-top: 3em;
}

/* download-list */
.download-list .list-item a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 1em 1.5em 1em 4em;
  border: 1px solid #f2f2f2;
  border-radius: 0.25em;
  background-color: #fafafa;
}
.download-list .list-item a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8em;
  left: 1em;
  width: 2em;
  height: 2em;
  background-image: url(./images/common/ico_pdf_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/* ---------------------------------------------------------------- */
/* layout styles */
/* ---------------------------------------------------------------- */
/* wrapper */
.w-full {
  width: 100%;
}

.w-80 {
  width: 90%;
  max-width: 80em;
  margin: 0 auto;
}

.w-70 {
  width: 90%;
  max-width: 70em;
  margin: 0 auto;
}

.w-60 {
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
}

.w-50 {
  width: 90%;
  max-width: 50em;
  margin: 0 auto;
}

.w-40 {
  width: 90%;
  max-width: 40em;
  margin: 0 auto;
}

.w-30 {
  width: 90%;
  max-width: 30em;
  margin: 0 auto;
}

.w-20 {
  width: 90%;
  max-width: 20em;
  margin: 0 auto;
}

@media screen and (max-width: 46em) {
  .sp-w-full {
    width: 100%;
  }
}
/* layout: padding */
/* -------------------------------------------------------------------------- */
.p-0 {
  padding: 0 !important;
}

.p-d5 {
  padding: 0.5em !important;
}

.p-1 {
  padding: 1em !important;
}

.p-2 {
  padding: 2em !important;
}

.p-3 {
  padding: 3em !important;
}

.p-4 {
  padding: 4em !important;
}

.p-5 {
  padding: 5em !important;
}

.p-6 {
  padding: 6em !important;
}

.p-7 {
  padding: 7em !important;
}

.p-8 {
  padding: 8em !important;
}

.p-9 {
  padding: 9em !important;
}

.p-10 {
  padding: 10em !important;
}

@media screen and (max-width: 46em) and (orientation: portrait) {
  .sp-p-0 {
    padding: 0 !important;
  }

  .sp-p-d5 {
    padding: 0.5em !important;
  }

  .sp-p-1 {
    padding: 1em !important;
  }

  .sp-p-2 {
    padding: 2em !important;
  }

  .sp-p-3 {
    padding: 3em !important;
  }

  .sp-p-4 {
    padding: 4em !important;
  }

  .sp-p-5 {
    padding: 5em !important;
  }

  .sp-p-6 {
    padding: 6em !important;
  }

  .sp-p-7 {
    padding: 7em !important;
  }

  .sp-p-8 {
    padding: 8em !important;
  }

  .sp-p-9 {
    padding: 9em !important;
  }

  .sp-p-10 {
    padding: 10em !important;
  }
}
/* layout: padding top */
/* -------------------------------------------------------------------------- */
.pt-0 {
  padding-top: 0 !important;
}

.pt-d5 {
  padding-top: 0.5em !important;
}

.pt-1 {
  padding-top: 1em !important;
}

.pt-2 {
  padding-top: 2em !important;
}

.pt-3 {
  padding-top: 3em !important;
}

.pt-4 {
  padding-top: 4em !important;
}

.pt-5 {
  padding-top: 5em !important;
}

.pt-6 {
  padding-top: 6em !important;
}

.pt-7 {
  padding-top: 7em !important;
}

.pt-8 {
  padding-top: 8em !important;
}

.pt-9 {
  padding-top: 9em !important;
}

.pt-10 {
  padding-top: 10em !important;
}

@media screen and (max-width: 46em) and (orientation: portrait) {
  .sp-pt-0 {
    padding-top: 0 !important;
  }

  .sp-pt-d5 {
    padding-top: 0.5em !important;
  }

  .sp-pt-1 {
    padding-top: 1em !important;
  }

  .sp-pt-2 {
    padding-top: 2em !important;
  }

  .sp-pt-3 {
    padding-top: 3em !important;
  }

  .sp-pt-4 {
    padding-top: 4em !important;
  }

  .sp-pt-5 {
    padding-top: 5em !important;
  }

  .sp-pt-6 {
    padding-top: 6em !important;
  }

  .sp-pt-7 {
    padding-top: 7em !important;
  }

  .sp-pt-8 {
    padding-top: 8em !important;
  }

  .sp-pt-9 {
    padding-top: 9em !important;
  }

  .sp-pt-10 {
    padding-top: 10em !important;
  }
}
/* layout: padding right */
/* -------------------------------------------------------------------------- */
.pr-0 {
  padding-right: 0em !important;
}

.pr-d5 {
  padding-right: 0.5em !important;
}

.pr-1 {
  padding-right: 1em !important;
}

.pr-1d5 {
  padding-right: 1.5em !important;
}

.pr-2 {
  padding-right: 2em !important;
}

.pr-2d5 {
  padding-right: 2.5em !important;
}

.pr-3 {
  padding-right: 3em !important;
}

.pr-3d5 {
  padding-right: 3.5em !important;
}

.pr-4 {
  padding-right: 4em !important;
}

.pr-4d5 {
  padding-right: 4.5em !important;
}

.pr-5 {
  padding-right: 5em !important;
}

.pr-6 {
  padding-right: 6em !important;
}

.pr-7 {
  padding-right: 7em !important;
}

.pr-8 {
  padding-right: 8em !important;
}

.pr-9 {
  padding-right: 9em !important;
}

.pr-10 {
  padding-right: 10em !important;
}

@media screen and (max-width: 46em) and (orientation: portrait) {
  .sp-pr-0 {
    padding-right: 0em !important;
  }

  .sp-pr-d5 {
    padding-right: 0.5em !important;
  }

  .sp-pr-1 {
    padding-right: 1em !important;
  }

  .sp-pr-1d5 {
    padding-right: 1.5em !important;
  }

  .sp-pr-2 {
    padding-right: 2em !important;
  }

  .sp-pr-2d5 {
    padding-right: 2.5em !important;
  }

  .sp-pr-3 {
    padding-right: 3em !important;
  }

  .sp-pr-3d5 {
    padding-right: 3.5em !important;
  }

  .sp-pr-4 {
    padding-right: 4em !important;
  }

  .sp-pr-4d5 {
    padding-right: 4.5em !important;
  }

  .sp-pr-5 {
    padding-right: 5em !important;
  }

  .sp-pr-6 {
    padding-right: 6em !important;
  }

  .sp-pr-7 {
    padding-right: 7em !important;
  }

  .sp-pr-8 {
    padding-right: 8em !important;
  }

  .sp-pr-9 {
    padding-right: 9em !important;
  }

  .sp-pr-10 {
    padding-right: 10em !important;
  }
}
/* layout: padding bottom */
/* -------------------------------------------------------------------------- */
.pb-0 {
  padding-bottom: 0em !important;
}

.pb-d5 {
  padding-bottom: 0.5em !important;
}

.pb-1 {
  padding-bottom: 1em !important;
}

.pb-1d5 {
  padding-bottom: 1.5em !important;
}

.pb-2 {
  padding-bottom: 2em !important;
}

.pb-2d5 {
  padding-bottom: 2.5em !important;
}

.pb-3 {
  padding-bottom: 3em !important;
}

.pb-3d5 {
  padding-bottom: 3.5em !important;
}

.pb-4 {
  padding-bottom: 4em !important;
}

.pb-4d5 {
  padding-bottom: 4.5em !important;
}

.pb-5 {
  padding-bottom: 5em !important;
}

.pb-6 {
  padding-bottom: 6em !important;
}

.pb-7 {
  padding-bottom: 7em !important;
}

.pb-8 {
  padding-bottom: 8em !important;
}

.pb-9 {
  padding-bottom: 9em !important;
}

.pb-10 {
  padding-bottom: 10em !important;
}

@media screen and (max-width: 46em) and (orientation: portrait) {
  .sp-pb-0 {
    padding-bottom: 0em !important;
  }

  .sp-pb-d5 {
    padding-bottom: 0.5em !important;
  }

  .sp-pb-1 {
    padding-bottom: 1em !important;
  }

  .sp-pb-1d5 {
    padding-bottom: 1.5em !important;
  }

  .sp-pb-2 {
    padding-bottom: 2em !important;
  }

  .sp-pb-2d5 {
    padding-bottom: 2.5em !important;
  }

  .sp-pb-3 {
    padding-bottom: 3em !important;
  }

  .sp-pb-3d5 {
    padding-bottom: 3.5em !important;
  }

  .sp-pb-4 {
    padding-bottom: 4em !important;
  }

  .sp-pb-4d5 {
    padding-bottom: 4.5em !important;
  }

  .sp-pb-5 {
    padding-bottom: 5em !important;
  }

  .sp-pb-6 {
    padding-bottom: 6em !important;
  }

  .sp-pb-7 {
    padding-bottom: 7em !important;
  }

  .sp-pb-8 {
    padding-bottom: 8em !important;
  }

  .sp-pb-9 {
    padding-bottom: 9em !important;
  }

  .sp-pb-10 {
    padding-bottom: 10em !important;
  }
}
/* layout: padding left */
/* -------------------------------------------------------------------------- */
.pl-0 {
  padding-left: 0em !important;
}

.pl-d5 {
  padding-left: 0.5em !important;
}

.pl-1 {
  padding-left: 1em !important;
}

.pl-1d5 {
  padding-left: 1.5em !important;
}

.pl-2 {
  padding-left: 2em !important;
}

.pl-2d5 {
  padding-left: 2.5em !important;
}

.pl-3 {
  padding-left: 3em !important;
}

.pl-3d5 {
  padding-left: 3.5em !important;
}

.pl-4 {
  padding-left: 4em !important;
}

.pl-4d5 {
  padding-left: 4.5em !important;
}

.pl-5 {
  padding-left: 5em !important;
}

.pl-6 {
  padding-left: 6em !important;
}

.pl-7 {
  padding-left: 7em !important;
}

.pl-8 {
  padding-left: 8em !important;
}

.pl-9 {
  padding-left: 9em !important;
}

.pl-10 {
  padding-left: 10em !important;
}

@media screen and (max-width: 46em) and (orientation: portrait) {
  .sp-pl-0 {
    padding-left: 0em !important;
  }

  .sp-pl-d5 {
    padding-left: 0.5em !important;
  }

  .sp-pl-1 {
    padding-left: 1em !important;
  }

  .sp-pl-1d5 {
    padding-left: 1.5em !important;
  }

  .sp-pl-2 {
    padding-left: 2em !important;
  }

  .sp-pl-2d5 {
    padding-left: 2.5em !important;
  }

  .sp-pl-3 {
    padding-left: 3em !important;
  }

  .sp-pl-3d5 {
    padding-left: 3.5em !important;
  }

  .sp-pl-4 {
    padding-left: 4em !important;
  }

  .sp-pl-4d5 {
    padding-left: 4.5em !important;
  }

  .sp-pl-5 {
    padding-left: 5em !important;
  }

  .sp-pl-6 {
    padding-left: 6em !important;
  }

  .sp-pl-7 {
    padding-left: 7em !important;
  }

  .sp-pl-8 {
    padding-left: 8em !important;
  }

  .sp-pl-9 {
    padding-left: 9em !important;
  }

  .sp-pl-10 {
    padding-left: 10em !important;
  }
}
/* layout: margin auto */
/* -------------------------------------------------------------------------- */
.m-auto {
  margin: 0 auto !important;
}

/* layout: margin top */
/* -------------------------------------------------------------------------- */
.mt-0 {
  margin-top: 0 !important;
}

.mt-05,
.mt-d5 {
  margin-top: 0.5em !important;
}

.mt-1 {
  margin-top: 1em !important;
}

.mt-1d5 {
  margin-top: 1.5em !important;
}

.mt-2 {
  margin-top: 2em !important;
}

.mt-2d5 {
  margin-top: 2.5em !important;
}

.mt-3 {
  margin-top: 3em !important;
}

.mt-3d5 {
  margin-top: 3.5em !important;
}

.mt-4 {
  margin-top: 4em !important;
}

.mt-4d5 {
  margin-top: 4.5em !important;
}

.mt-5 {
  margin-top: 5em !important;
}

.mt-6 {
  margin-top: 6em !important;
}

.mt-7 {
  margin-top: 7em !important;
}

.mt-8 {
  margin-top: 8em !important;
}

.mt-9 {
  margin-top: 9em !important;
}

.mt-10 {
  margin-top: 10em !important;
}

@media screen and (max-width: 46em) and (orientation: portrait) {
  .sp-mt-0 {
    margin-top: 0 !important;
  }

  .sp-mt-05,
.sp-mt-d5 {
    margin-top: 0.5em !important;
  }

  .sp-mt-1 {
    margin-top: 1em !important;
  }

  .sp-mt-1d5 {
    margin-top: 1.5em !important;
  }

  .sp-mt-2 {
    margin-top: 2em !important;
  }

  .sp-mt-2d5 {
    margin-top: 2.5em !important;
  }

  .sp-mt-3 {
    margin-top: 3em !important;
  }

  .sp-mt-3d5 {
    margin-top: 3.5em !important;
  }

  .sp-mt-4 {
    margin-top: 4em !important;
  }

  .sp-mt-4d5 {
    margin-top: 4.5em !important;
  }

  .sp-mt-5 {
    margin-top: 5em !important;
  }

  .sp-mt-6 {
    margin-top: 6em !important;
  }

  .sp-mt-7 {
    margin-top: 7em !important;
  }

  .sp-mt-8 {
    margin-top: 8em !important;
  }

  .sp-mt-9 {
    margin-top: 9em !important;
  }

  .sp-mt-10 {
    margin-top: 10em !important;
  }
}
/* layout: margin right */
/* -------------------------------------------------------------------------- */
.mr-0 {
  margin-right: 0 !important;
}

.mr-05,
.mr-d5 {
  margin-right: 0.5em !important;
}

.mr-1 {
  margin-right: 1em !important;
}

.mr-1d5 {
  margin-right: 1.5em !important;
}

.mr-2 {
  margin-right: 2em !important;
}

.mr-2d5 {
  margin-right: 2.5em !important;
}

.mr-3 {
  margin-right: 3em !important;
}

.mr-3d5 {
  margin-right: 3.5em !important;
}

.mr-4 {
  margin-right: 4em !important;
}

.mr-4d5 {
  margin-right: 4.5em !important;
}

.mr-5 {
  margin-right: 5em !important;
}

.mr-6 {
  margin-right: 6em !important;
}

.mr-7 {
  margin-right: 7em !important;
}

.mr-8 {
  margin-right: 8em !important;
}

.mr-9 {
  margin-right: 9em !important;
}

.mr-10 {
  margin-right: 10em !important;
}

@media screen and (max-width: 46em) and (orientation: portrait) {
  .sp-mr-0 {
    margin-right: 0 !important;
  }

  .sp-mr-05,
.sp-mr-d5 {
    margin-right: 0.5em !important;
  }

  .sp-mr-1 {
    margin-right: 1em !important;
  }

  .sp-mr-1d5 {
    margin-right: 1.5em !important;
  }

  .sp-mr-2 {
    margin-right: 2em !important;
  }

  .sp-mr-2d5 {
    margin-right: 2.5em !important;
  }

  .sp-mr-3 {
    margin-right: 3em !important;
  }

  .sp-mr-3d5 {
    margin-right: 3.5em !important;
  }

  .sp-mr-4 {
    margin-right: 4em !important;
  }

  .sp-mr-4d5 {
    margin-right: 4.5em !important;
  }

  .sp-mr-5 {
    margin-right: 5em !important;
  }

  .sp-mr-6 {
    margin-right: 6em !important;
  }

  .sp-mr-7 {
    margin-right: 7em !important;
  }

  .sp-mr-8 {
    margin-right: 8em !important;
  }

  .sp-mr-9 {
    margin-right: 9em !important;
  }

  .sp-mr-10 {
    margin-right: 10em !important;
  }
}
/* layout: margin bottom */
/* -------------------------------------------------------------------------- */
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-05,
.mb-d5 {
  margin-bottom: 0.5em !important;
}

.mb-1 {
  margin-bottom: 1em !important;
}

.mb-1d5 {
  margin-bottom: 1.5em !important;
}

.mb-2 {
  margin-bottom: 2em !important;
}

.mb-2d5 {
  margin-bottom: 2.5em !important;
}

.mb-3 {
  margin-bottom: 3em !important;
}

.mb-3d5 {
  margin-bottom: 3.5em !important;
}

.mb-4 {
  margin-bottom: 4em !important;
}

.mb-4d5 {
  margin-bottom: 4.5em !important;
}

.mb-5 {
  margin-bottom: 5em !important;
}

.mb-6 {
  margin-bottom: 6em !important;
}

.mb-7 {
  margin-bottom: 7em !important;
}

.mb-8 {
  margin-bottom: 8em !important;
}

.mb-9 {
  margin-bottom: 9em !important;
}

.mb-10 {
  margin-bottom: 10em !important;
}

@media screen and (max-width: 46em) and (orientation: portrait) {
  .sp-mb-0 {
    margin-bottom: 0 !important;
  }

  .sp-mb-05,
.sp-mb-d5 {
    margin-bottom: 0.5em !important;
  }

  .sp-mb-1 {
    margin-bottom: 1em !important;
  }

  .sp-mb-1d5 {
    margin-bottom: 1.5em !important;
  }

  .sp-mb-2 {
    margin-bottom: 2em !important;
  }

  .sp-mb-2d5 {
    margin-bottom: 2.5em !important;
  }

  .sp-mb-3 {
    margin-bottom: 3em !important;
  }

  .sp-mb-3d5 {
    margin-bottom: 3.5em !important;
  }

  .sp-mb-4 {
    margin-bottom: 4em !important;
  }

  .sp-mb-4d5 {
    margin-bottom: 4.5em !important;
  }

  .sp-mb-5 {
    margin-bottom: 5em !important;
  }

  .sp-mb-6 {
    margin-bottom: 6em !important;
  }

  .sp-mb-7 {
    margin-bottom: 7em !important;
  }

  .sp-mb-8 {
    margin-bottom: 8em !important;
  }

  .sp-mb-9 {
    margin-bottom: 9em !important;
  }

  .sp-mb-10 {
    margin-bottom: 10em !important;
  }
}
/* layout: margin left */
/* -------------------------------------------------------------------------- */
.ml-0 {
  margin-left: 0 !important;
}

.ml-05,
.ml-d5 {
  margin-left: 0.5em !important;
}

.ml-1 {
  margin-left: 1em !important;
}

.ml-1d5 {
  margin-left: 1.5em !important;
}

.ml-2 {
  margin-left: 2em !important;
}

.ml-2d5 {
  margin-left: 2.5em !important;
}

.ml-3 {
  margin-left: 3em !important;
}

.ml-3d5 {
  margin-left: 3.5em !important;
}

.ml-4 {
  margin-left: 4em !important;
}

.ml-4d5 {
  margin-left: 4.5em !important;
}

.ml-5 {
  margin-left: 5em !important;
}

.ml-6 {
  margin-left: 6em !important;
}

.ml-7 {
  margin-left: 7em !important;
}

.ml-8 {
  margin-left: 8em !important;
}

.ml-9 {
  margin-left: 9em !important;
}

.ml-10 {
  margin-left: 10em !important;
}

@media screen and (max-width: 46em) and (orientation: portrait) {
  .sp-ml-0 {
    margin-left: 0 !important;
  }

  .sp-ml-05,
.sp-ml-d5 {
    margin-left: 0.5em !important;
  }

  .sp-ml-1 {
    margin-left: 1em !important;
  }

  .sp-ml-1d5 {
    margin-left: 1.5em !important;
  }

  .sp-ml-2 {
    margin-left: 2em !important;
  }

  .sp-ml-2d5 {
    margin-left: 2.5em !important;
  }

  .sp-ml-3 {
    margin-left: 3em !important;
  }

  .sp-ml-3d5 {
    margin-left: 3.5em !important;
  }

  .sp-ml-4 {
    margin-left: 4em !important;
  }

  .sp-ml-4d5 {
    margin-left: 4.5em !important;
  }

  .sp-ml-5 {
    margin-left: 5em !important;
  }

  .sp-ml-6 {
    margin-left: 6em !important;
  }

  .sp-ml-7 {
    margin-left: 7em !important;
  }

  .sp-ml-8 {
    margin-left: 8em !important;
  }

  .sp-ml-9 {
    margin-left: 9em !important;
  }

  .sp-ml-10 {
    margin-left: 10em !important;
  }
}
/* ---------------------------------------------------------------- */
/* typography styles */
/* ---------------------------------------------------------------- */
/* typography: font-family */
.ff-sans-serif {
  font-family: source-han-sans-japanese, sans-serif;
}

.ff-serif {
  font-family: serif;
}

/* typography: font-size */
.fz-small {
  font-size: 80%;
}

.fz-big {
  font-size: 120%;
}

.fz-10 {
  font-size: 0.625em;
}

.fz-12 {
  font-size: 0.75em;
}

.fz-14 {
  font-size: 0.875em;
}

.fz-16 {
  font-size: 1em;
}

.fz-18 {
  font-size: 1.125em;
}

.fz-20 {
  font-size: 1.25em;
}

.fz-22 {
  font-size: 1.375em;
}

.fz-24 {
  font-size: 1.5em;
}

.fz-28 {
  font-size: 1.75em;
}

.fz-32 {
  font-size: 2em;
}

.fz-40 {
  font-size: 2.5em;
}

.fz-48 {
  font-size: 3em;
}

.fz-64 {
  font-size: 4em;
}

/* typography: font-style */
.fs-normal {
  font-style: normal;
}

.fs-italic {
  font-style: italic;
}

/* typography: font-weight */
.fw-normal {
  font-weight: 300;
}

.fw-bold {
  font-weight: 700;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-700 {
  font-weight: 700;
}

/* typography: letter-spacing */
.ls-0 {
  letter-spacing: 0;
}

.ls-1 {
  letter-spacing: 0.1em;
}

.ls-2 {
  letter-spacing: 0.2em;
}

.ls-3 {
  letter-spacing: 0.3em;
}

.ls-4 {
  letter-spacing: 0.4em;
}

/* line-br */
@media screen and (min-width: 46em) {
  br.pc-br {
    display: inline;
  }

  br.sp-br {
    display: none;
  }
}
@media screen and (max-width: 46em) {
  br.pc-br {
    display: none;
  }

  br.sp-br {
    display: inline;
  }
}
/* typography: line-height */
.lh-10 {
  line-height: 1;
}

.lh-12 {
  line-height: 1.2;
}

.lh-14 {
  line-height: 1.4;
}

.lh-16 {
  line-height: 1.6;
}

.lh-18 {
  line-height: 1.8;
}

.lh-20 {
  line-height: 2;
}

.lh-22 {
  line-height: 2.2;
}

.lh-24 {
  line-height: 2.4;
}

.lh-26 {
  line-height: 2.6;
}

.lh-28 {
  line-height: 2.8;
}

.lh-30 {
  line-height: 3;
}

.lh-32 {
  line-height: 3.2;
}

/* typography: text-align */
.ta-left {
  text-align: left;
}

.ta-center {
  text-align: center;
}

.ta-right {
  text-align: right;
}

@media screen and (max-width: 40em) {
  .sp-ta-left {
    text-align: left !important;
  }

  .sp-ta-center {
    text-align: center !important;
  }

  .sp-ta-right {
    text-align: right !important;
  }
}
/* typography: decoration */
.td-none {
  text-decoration: none;
}

.td-underline {
  text-decoration: underline;
}

.td-overline {
  text-decoration: overline;
}

/* typography: white-space */
.ws-normal {
  white-space: normal;
}

.ws-nowrap {
  white-space: nowrap;
}

/* typography: white-space */
.wm-v-rl {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}