@charset "UTF-8";
/*
normalize
BASE
LAYOUT
MODULE
STATUS
HEADER
PAN
CONTENTS
FOOTER
CTA

INDEX
FABRICS
NEWS
 EX
 PAGE NAVI
FORM
ABOUT US

REMODAL

*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
main {
  display: block
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace, monospace;
  font-size: 1em
}
a {
  background-color: transparent
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b, strong {
  font-weight: bolder
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
img {
  border-style: none
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details {
  display: block
}
summary {
  display: list-item
}
template {
  display: none
}
[hidden] {
  display: none
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
ul, ol {
  padding: 0;
  list-style: none;
  margin: 0;
}
/*
li::marker {
  content: none;
}
*/
/*****************************************************
BASE*/ :root {
  --main-color: #E60039;
  --txt-color: #231815;
  --size-high: 120px;
  --size-mid-low: 48px;
  --sp-size-rate: 0.7;
  --size-high-sp: calc(var(--size-high) * var(--sp-size-rate));
  --hdr-height: 64px;
  --hdr-height-sp: 48px;
  --leading-trim: calc((1em - 1lh) / 2);
  --index-headline-height: 44px
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
html {
  height: 100%;
  width: 100%;
  font-size: 62.5%;
}
body {
  color: #231815;
  font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
  width: 100%;
  background: #fff;
  position: relative;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: .05em;
}
body.front-page {
  overflow-x: hidden;
}
a:link, a:visited {
  color: #231815;
  text-decoration: none;
  transition: all .6s ease-out;
}
a:hover {
  color: var(--main-color);
}
a[href^="tel:"] {
  pointer-events: none;
}
a .fas.fa-angle-right {
  color: var(--main-color);
}
p {
  margin-bottom: 1.8em;
}
p:last-child {
  margin-bottom: 0;
}
h1, h2, h3, h4 {
  font-weight: 500;
}
img {
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.strng {
  font-weight: 500;
}
/*****************************************************
LAYOUT*/
.l-w-100 {
  width: 100%;
  max-width: 100%;
}
.l-w-50 {
  width: 50%;
}
.l-w-49 {
  width: 49%;
}
.l-w-60 { /*PROFILE*/
  width: 60%;
}
.l-w-30 { /*PROFILE*/
  width: 30%;
}
/*.l-w-50:nth-child(odd){
  padding-right: 32px;
}
.l-w-50:nth-child(even){
  padding-left: 32px;
}
.l-w-25{
  width: 25%;
  padding-right: 32px;
  padding-left: 32px;
}
.l-w-25:first-child{
  padding-left: 0;
}
.l-w-25:nth-child(4n){
  padding-left: 32px;
  padding-right: 0;
}*/
.l-wrp-contents { /*header height分下げる*/
  margin-top: var(--hdr-height);
}
.l-w-master { /*w1160*/
  margin-left: auto;
  margin-right: auto;
  max-width: 1208px;
  position: relative;
}
.l-w-mid { /*profile*/
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  position: relative;
}
.l-w-narrow { /*w720 contact, news entry*/
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
  position: relative;
}
.l-aside { /*products*/
  /*width: 18%;*/
  width: 25%; /*210407追記*/
  max-width: 300px; /*210407追記*/
}
.l-flex-wrp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.l-flex-wrp-e {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
}
.l-flex-wrp-s {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
/*.mgn-top-hdr {
  margin-top: 126px;
}*/
.mgn-bottom-high {
  margin-bottom: 120px
}
.mgn-bottom-mid {
  margin-bottom: 72px
}
.mgn-bottom-mid-low {
  margin-bottom: var(--size-mid-low);
}
.mgn-bottom-low {
  margin-bottom: 32px !important;
}
.mgn-bottom-1em {
  margin-bottom: 1em !important;
}
.mgn-bottom-06em {
  margin-bottom: .6em !important;
}
.mgn-180 {
  margin: 180px auto;
}
.mgn-top-32 { /*product entry*/
  margin-top: 32px;
}
.mgn-side-auto {
  margin-left: auto;
  margin-right: auto
}
.pd-side {
  padding-left: 24px;
  padding-right: 24px;
}
.pd-120 { /**/
  padding-top: 120px;
  padding-bottom: 120px;
}
.pd-120.top-non { /**/
  padding-top: 0;
  padding-bottom: 120px;
}
.pd-180 {
  padding-top: 136px;
  padding-bottom: 180px;
}
.pd-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1280px) {
  .pd-128 { /*第二階層ページラップ*/
    padding-top: 96px;
  }
}
@media screen and (max-width: 1084px) {
  .l-wrp-contents { /*header height分下げる*/
    margin-top: var(--hdr-height-sp);
  }
}
@media screen and (max-width: 768px) {
  .l-flex-wrp {
    flex-wrap: wrap;
  }
  .l-container {
    margin-top: 0;
  }
  .l-w-30, .l-w-60, .l-aside {
    width: 100%;
    max-width: 100%
  }
  .l-aside {
    /*padding-left: 24px;
    padding-right: 24px;　210407追加*/
  }
  .mgn-bottom-high {
    margin-bottom: 84px
  }
  .mgn-bottom-mid {
    margin-bottom: 50px
  }
  .mgn-180 {
    margin: 180px auto;
  }
  .pd-120 { /**/
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .pd-120.top-non { /**/
    padding-bottom: 84px;
  }
  .pd-180 {
    padding-top: 120px;
    padding-bottom: 136px;
  }
  .pd-80 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .pd-side-sp { /*210407追加*/
    padding-left: 24px;
    padding-right: 24px;
  }
  .l-w-50, .l-w-49 {
    width: 100%;
    max-width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 40px;
  }
  .l-w-50.border-right-dot {
    border: 0;
  }
  .l-w-50:last-child {
    margin-bottom: 0;
  }
  .l-w-25 {
    width: 50%;
    margin-bottom: 40px;
  }
  .l-w-25:nth-child(2n) {
    border: 0;
    padding-right: 0;
  }
  .l-w-25:nth-child(3n) {
    padding-left: 0;
    margin-bottom: 0;
  }
  .l-w-25:last-child {
    margin-bottom: 0;
  }
  .without-frm {
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
  }
}
/*****************************************************
MODULE*/
.title-ex-large {
  font-size: 2.6rem;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 32px;
  margin-top: var(--leading-trim);
}
.title-large { /*showroom*/
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 500;
  margin-bottom: 40px;
}
.title-large span { /*showroom*/
  font-size: 1.5rem;
}
.title-ex-large-sub {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
  color: var(--main-color);
}
.title-ex-large-sub span {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.7;
  color: #231815;
}
.title-with-line {
  align-items: center;
  display: flex;
}
.title-with-line::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: var(--txt-color);
  margin-left: 32px;
}
.title-middle {
  font-size: 1.6rem;
}
.title-middle span { /*210407追加*/
  font-size: 1.4rem;
  ;
  font-weight: 300;
}
.title-small {
  font-size: 1.5rem;
  font-weight: 500;
}
.title-ex-small { /*card-product-category-txt*/
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: .6em;
}
.title-ex-small span {
  font-size: 1.2rem;
  font-weight: 100;
}
.title-ex-small-12 { /*fabric list item name 210407追加*/
  font-size: 1.2rem;
  font-weight: 300;
}
.l-aside .title-ex-small, .drawer-nav .title-ex-small {
  margin-top: 1em;
  margin-bottom: .6em;
}
.aside-title-group {
  padding-block: 1em;
	background-color: #fff;
}
.aside-title-group * {
  display: inline;
}
.outline-table tr td {
  border-bottom: 1px solid #ddd;
  line-height: 2;
  padding: 1em 0;
  font-size: 1.4rem;
}
.table-header {
  font-weight: 300;
  width: 24%;
}
.btn {
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  padding: 1.2em 0;
  display: block;
  cursor: pointer;
  transition: all 200ms ease-out;
  letter-spacing: .06em;
  margin: 0 auto;
}
.btn:hover, .btn:focus {
  border-color: var(--main-color);
  background: var(--main-color);
  color: #fff !important;
  opacity: 1 !important;
}
.btn:hover .fas.fa-angle-right {
  color: #fff !important;
}
.btn-arrow-right, .btn-chevron-right {
  position: relative;
  padding-right: 2em;
  padding-left: 1.38em;
}
.btn-arrow-right::after {
  content: "\f061";
  position: absolute;
  top: 50%;
  right: .83em;
  font-family: 'FontAwesome';
  transform: translateY(-50%);
}
.btn-chevron-right::after {
  content: "\f054";
  position: absolute;
  top: 50%;
  right: .83em;
  font-family: 'FontAwesome';
  font-weight: 900;
  transform: translateY(-50%);
  color: var(--main-color);
}
.btn-arrow-left, .btn-chevron-left {
  position: relative;
  padding-right: 1.38em;
  padding-left: 2em;
}
.btn-arrow-left::after {
  content: "\f060";
  position: absolute;
  top: 50%;
  left: .83em;
  font-family: 'FontAwesome';
  transform: translateY(-50%);
}
.btn-chevron-left::after {
  content: "\f0d7";
  color: var(--main-color);
  position: absolute;
  top: 50%;
  left: .83em;
  font-family: 'FontAwesome';
  transform: translateY(-50%);
}
.btn-frm {
  border: 1px solid #231815;
  display: inline-block;
  padding: 1.2em 0;
  line-height: 1;
  text-align: center;
  /*margin-left: 8px;*/
}
.btn-frm-background {
  background: #333;
  color: #fff;
  border: none;
}
.btn-frm-background:hover {
  background: var(--main-color);
  color: #fff;
}
a.btn-frm-background {
  color: #fff;
}
.btn-frm-width {
  width: 100%;
  max-width: 360px;
}
.float-l {
  float: left;
}
.txt-c {
  text-align: center;
}
.txt-l {
  text-align: left;
}
.txt-r {
  text-align: right;
}
.txt-u {
  text-decoration: underline !important;
}
.txt-middle {
  font-size: 1.3rem;
}
.txt-small {
  font-size: 1.2rem;
}
.txt-bold {
  font-weight: 500;
}
.bg-f {
  background-color: #fff;
}
.bg-fa {
  background-color: #fafafa;
}
.bg-f7 {
  background-color: #f7f7f7;
}
.bg-air {
  background-color: #49AAD2 !important;
}
.bg-fancy {
  background-color: #E94709;
}
.bg-skin {
  background-color: #C99739;
}
.bg-natural {
  background-color: #9CCA48;
}
.bg-recycle {
  background-color: #3d897f !important;
}
.bg-bouen {
  background-color: #4465a8 !important;
}
.bg-suncorona-red {
  background: var(--main-color);
}
.border-top {
  border-top: 2px solid #595757;
  padding-top: 16px;
}
.no-pc {
  display: none;
}
.no-sp {
  display: block;
}
.spec-tbl { /*showroom, fabrics entry*/
  width: 100%;
  max-width: 696px;
  border-top: 1px solid #ddd;
  margin-bottom: 24px;
}
.spec-tbl caption {
  padding: 1.2em 0;
  font-weight: 500;
  text-align: left;
}
.spec-tbl-l {
  width: 24%;
}
.spec-tbl td {
  border-bottom: 1px solid #ddd;
  padding: 1.2em 0;
}
.spec-tbl .txt-r { /*fabrics entry*/
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .title-ex-large, .title-ex-large-sub {
    line-height: 1.5;
    margin-bottom: 40px;
  }
  .no-pc {
    display: block;
  }
  .no-sp {
    display: none;
  }
  .widthout-frm {
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
  }
  .txt-l-to-c {
    text-align: center;
  }
  .txt-c-to-l {
    text-align: left;
  }
}
/*****************************************************
STATUS*/
.is-btn-active {
  background: #494F4F;
  color: #fff !important;
  opacity: 1;
}
/*****************************************************
HEADER*/
.hdr {
  background: var(--main-color);
  position: fixed;
  height: var(--hdr-height);
  top: 0;
  left: 0;
  z-index: 99;
  transition: all 600ms ease-out;
}
.logo {
  margin-top: 19px;
  width: 140px;
  line-height: 1;
  transition: all 600ms ease-out;
  font-size: 0;
}
.gnavi {
  margin-top: 26px;
  transition: all 600ms ease-out;
  text-align: left;
}
.gnavi a:link, .gnavi a:visited {
  color: #fff;
}
.gnavi-list {
  letter-spacing: .06em;
  margin-left: 24px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  height: 16px;
}
.gnavi-list:first-child {
  margin-left: 0;
}
.gnavi-contact {
  border-left: 1px solid #fff;
  padding-left: 24px;
}
.logo-oda {
  width: 142px;
  vertical-align: top;
}
.gnavi-list:not(:last-child):before {
  position: absolute;
  top: -26px;
  left: 0;
  content: "";
  display: inline-block;
  width: 100%;
  opacity: 0;
  height: 3px;
  background: #fff;
  transition: .6s;
}
.gnavi-list.active:before {
  opacity: 1;
}
.gnavi-list:hover:before {
  opacity: 1;
}
.gnavi-list:hover, .gnavi-list.active a {
  opacity: 1 !important;
  /*color: #fff !important;*/
}
.hdr-more-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
  margin-left: 32px;
}
.hdr-more-link span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  margin-inline: 1px;
}
.hdr-search-wrp {
  position: relative;
  width: 232px;
  height: 32px;
  /*	margin-left: 80px;*/
  margin-left: 32px;
  margin-top: -8px;
}
.search-wrp {
  position: relative;
}
.hdr-search-wrp .search-wrp {
  position: absolute;
  right: 0;
  top: 0;
  width: 232px;
}
.srch-txt {
  background: #f7f7f7;
  border: 1px solid #999;
  border-radius: 20px;
  padding: .4em 1em;
  line-height: 1;
  font-size: 1.3rem;
  font-weight: 300;
  width: 100%;
}
.btn-search {
  border: 4px solid #000;
  line-height: 1;
  font-size: 1.3rem;
  cursor: pointer;
  background: #000;
  padding-block: .4em;
  text-align: center;
  -webkit-appearance: none;
  transition: all 480ms;
  color: #fff;
  width: 20%;
  font-weight: 300;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.lang-selecter-wrp {}
.lang-selecter {
  font-size: 1.4rem;
  border: 1px solid;
  margin-top: -5px;
  border-radius: 4px;
}
.lang-selecter-wrp .lang-selecter {
  font-size: 1.2rem;
  margin-top: -4px;
  width: 96px;
}
/****************************************************
GNAV DROPDOWN*/
.btn-list-mega:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f0d7";
  position: absolute;
  top: 0;
  right: -10px;
  color: #fff !important;
  font-weight: 900;
}
.btn-list-mega:hover:after {
  content: "\f0d8";
}
.btn-list-mega:hover .list-mega {
  visibility: visible;
  opacity: 1;
}
.btn-list-mega .list-mega > li {
  width: 20%;
  transition: all .45s ease;
  text-align: center;
  border-right: 1px solid #ddd;
}
.list-mega li a {
  color: #231815 !important;
  font-size: 1.1rem;
  line-height: 1.7;
  font-weight: 500;
}
.list-mega li p { /*210407追記*/
  text-align: left;
  font-weight: 500;
}
.list-mega li p span { /*210407追記*/
  font-size: 1.1rem;
  font-weight: 300;
  margin-left: .25em;
  line-height: 1;
}
.list-mega li:hover a, .list-mega li:hover a .fas.fa-angle-right {
  color: #fff !important;
}
.list-mega {
  visibility: hidden;
  opacity: 0;
  /*visibility:visible;
  opacity: 1;*/
  z-index: 998;
  position: absolute;
  top: 39px;
  left: -302px;
  width: 100vw;
  max-width: 1160px;
  transition: all .6s ease;
  border-bottom: 1px solid #ddd;
  background: rgba(255, 255, 255, .94);
}
.btn-list-mega .list-mega > li {
  padding: 40px 20px; /*210407追記*/
}
.btn-list-mega .list-mega > li:hover {
  background: var(--main-color);
}
.btn-list-mega .list-mega > li a:hover {
  opacity: 1 !important;
}
.btn-list-mega .list-mega > li:nth-child(1) {
  border-left: 1px solid #ddd;
}
.btn-list-mega .list-mega > li:nth-child(2) {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.btn-list-mega .list-mega > li:nth-child(3), li.btn-list-mega .list-mega > li:nth-child(4) {
  border-right: 1px solid #ddd;
}
.list-mega-bnr {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 16px;
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #fff;
}
.list-mega-bnr img {
  margin: 0 auto;
  height: 110px;
  width: auto;
}
.hdr-more-link {
  cursor: pointer;
}
.hdr-more-link:hover .list-mega-ex {
  visibility: visible;
  opacity: 1;
}
.list-mega-ex {
  visibility: hidden;
  opacity: 0;
  /*
	visibility:visible;
  opacity: 1;
*/
  z-index: 998;
  position: absolute;
  top: 38px;
  transition: all .6s ease;
  background: rgba(255, 255, 255, 1);
  padding: 1.5em;
  width: 220px;
}
.list-mega-ex a {
  color: #231815 !important;
}
.list-mega-ex i {
  margin-right: .5em;
}
.list-mega-ex-logo {
  margin-top: 1em;
}
.list-mega-ex-logo img {
  width: 110px;
  height: 21px;
}
.bg-venus-organza {

  background-image: url("https://organdie.net/wp/wp-content/uploads/2025/06/hdr-mega-vo-img-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;

/*	background-color: #bc8948;*/
}
/****************************************************
スクロールするとheigh減少
.hdr.size-s {
  height: 80px;
  box-shadow: 0 0 1.6rem hsl(0 0% 0% / 40%);
}
.hdr.size-s .logo {
  margin-top: 21px;
}
.hdr.size-s .gnavi {
  margin-top: 19px;
}
.hdr.size-s .gnavi-list:not(:last-child):before {
  top: -20px;
}*/
@media screen and (max-width: 1280px) {
  .hdr {
    height: var(--hdr-height-sp);
  }
  .logo {
    width: 124px;
    float: none;
    margin: 10px auto 0;
  }
  .gnavi, .hdr-search-wrp {
    display: none;
  }
}
/****************************************************
DRAWER DROPDOWN- PRODUCTS*/
.drop-down-cap {
  line-height: 40px;
  color: #fff;
  text-align: left;
  padding-left: 1.2em;
  font-size: 1.2rem;
}
.drop-down-cap a {
  color: #fff !important;
}
.drop-down-cap img {
  height: 16px;
  vertical-align: middle;
  width: auto;
}
.drop-down-menu-item-contents {
  font-size: 1.2rem;
  line-height: 2.1;
  padding: 1.2em 1em;
  font-weight: 500; /*210407追記*/
}
.drop-down-menu-item-contents span {
  font-size: 1.1rem; /*210407追記*/
  font-weight: 100;
}
.drop-down-menu-item-contents.bg-air {
  background: rgba(73, 170, 210, .2) !important;
}
.drop-down-menu-item-contents.bg-fancy {
  background: rgba(233, 71, 9, .2);
}
.drop-down-menu-item-contents.bg-skin {
  background: rgba(201, 151, 57, .2);
}
.drop-down-menu-item-contents.bg-natural {
  background: rgba(156, 202, 72, .2);
}
.drop-down-menu-item-contents.bg-bouen {
  background: rgba(9, 61, 150, .2) !important;
}
.drop-down-menu-item-contents.bg-recycle {
  background: rgba(61, 137, 127, .2) !important;
}
.drawer-dropdown.open .drawer-dropdown-key {
  padding-left: 1em;
}
/****************************************************
PAN*/
.pan-list {
  line-height: 1;
  font-size: 1.2rem;
  padding-top: 22px;
  padding-bottom: 22px;
}
.pan-list li {
  display: inline;
  margin-right: .5em;
}
.pan-list li:before {
  content: " > ";
  font-size: 1rem;
}
.pan-list li:first-child:before {
  content: "";
}
/*****************************************************
CONTENTS*/
.category-panel {
  padding-top: 80px;
  padding-bottom: 80px;
}
.category-panel .capH2 {
  margin-bottom: 0;
}
.category-panel-fabrics-index {
  background: #f9f9f9 url("../images/products/category-panel-fabrics-index.jpg") no-repeat;
  background-size: cover;
}
.category-panel-showroom {
  /*background: #f9f9f9 url("../images/showroom/category-panel-showroom.jpg") no-repeat;
  background-size: cover;*/
  height: 268px;
}
.category-panel-showroom img {
  object-fit: fill;
}
@media screen and (max-width: 768px) {
  .pan-list {
    line-height: 1.4;
    display: none;
  }
  .cont-wrp {
    margin-bottom: 160px;
    margin-top: 60px;
  }
  .category-panel-showroom img {
    object-fit: cover;
    height: 268px;
  }
}
/*****************************************************
FOOTER*/
.ftr {
  font-size: 1.2rem;
  background: #333;
  color: #fff;
  padding-top: 88px;
  padding-bottom: 48px;
}
.ftr a {
  color: #fff;
}
.footer-logo {
  width: 200px;
  margin-bottom: 32px;
}
.footer-box {
  width: 18%;
}
.footer-box.footer-address {
  width: 28%;
}
.footer-cap {
  font-size: 1.3rem;
  font-weight: 500;
}
.ftr-list {
  list-style: disc;
  margin-left: 1.6em;
}
.ftr-list li {}
.credit {
  line-height: 1;
  text-align: right;
}
a.btn-up {
  display: block;
  width: 56px;
  height: 56px;
  background: var(--main-color);
  line-height: 56px;
  text-align: center;
  color: #fff !important;
}
@media screen and (max-width: 1100px) {
  .ftr, .ftr-list {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  .footer-logo {
    margin-left: auto;
    margin-right: auto;
  }
  .footer-box, .footer-box.footer-address {
    width: 100%;
  }
  .footer-box.footer-address {
    margin-bottom: 64px;
  }
  .ftr-list {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .ftr-txt {
    width: 100%;
    text-align: center;
    line-height: 2em;
  }
  .ftr-list {
    width: 100%;
    margin-bottom: 0;
  }
  .ftr-list li {
    display: block;
    margin-right: 0;
    text-align: center;
    line-height: 3em;
  }
}
.btnFrm-sp {
  padding: 1em !important;
  margin-bottom: 1em;
}
}
/*****************************************************
CTA*/
.cta-wrp {
  margin: 0 auto;
}
.cta {
  width: 33.33%;
  border: 1px solid #333;
  padding: 48px 40px;
  text-align: center;
  transition: all .6s ease-out;
  cursor: pointer;
  display: inline-block;
}
.cta:nth-child(2) {
  border-left: 0;
  border-right: 0;
}
.cta .title-large {
  margin-bottom: 24px;
}
.cta .title-large span {
  color: var(--main-color);
}
.cta p {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 3em;
}
.cta:hover {
  background: var(--main-color);
  color: #fff;
  border-color: var(--main-color);
}
.cta:hover span {
  color: #fff;
}
.cta:hover .btn-frm {
  background: #231815;
  border-color: #fff;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .cta-wrp {
    padding-left: 24px;
    padding-right: 24px;
  }
  .cta {
    width: 100%;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .cta:nth-child(2) {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
  }
}
/*****************************************************
INDEX*/
.loader-wrp {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.index-headline {
  margin-top: var(--hdr-height);
  padding-block: .75em;
  height: var(--index-headline-height);
  display: block;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hero-wrp {
  width: 100%;
  height: calc(100vh - (var(--hdr-height) + var(--index-headline-height)));
  background: #f1f1f1;
  overflow: hidden;
  position: relative;
}
.hero-title {
  width: 28%;
  height: auto;
  max-width: 474px;
  max-height: 420px;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -18%;
  margin-left: -14%;
}
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}
.hero-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.slide-bnr-cap-001 {
  top: 36%;
  left: 14%;
}
.slide-bnr-cap-002 {
  top: 14%;
  left: 10%;
  width: 25%;
}
.slide-bnr-cap-003 {
  top: 16%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
}
.slide-bnr-cap-001 a, .slide-bnr-cap-002 a, .slide-bnr-cap-003 a {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.index-category-panel {
  margin-top: -160px;
  position: relative;
  z-index: 3;
  margin-bottom: var(--size-high);
}
.index-category-panel .card-product-category-txt-wrp {
  padding-bottom: 32px;
  border: 1px solid #eee;
}
.index-wrp {
  display: flex; /* 子要素をFlexアイテムとして配置 */
  flex-direction: row; /* デフォルトで横並び */
  gap: 3%;
}
.l-aside-index {
  width: 25%;
  max-width: 300px;
  order: 0;
  background-color: #f8f8f8;
}
.products-entry-index {
  flex-grow: 1;
  width: 72%;
  max-width: 869px;
}
.index-news-title {
  width: 20%;
}
.index-news-list {}
.index-news-entry {
  margin-bottom: 72px;
}
.news-img-wrp {
  width: 18%;
}
.news-img {
  position: relative;
  overflow: hidden;
  padding-top: 56%;
}
.news-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}
.news-text {
  width: 78%;
  margin-top: var(--leading-trim);
}
.index-category-wrp {
  /* ビューポートの左端から.l-w-masterの左端までの余白分をmargin-leftに設定 
    margin-left: calc((100vw - 1208px) / 2);*/
  /* 要素の幅を、このmargin-leftからビューポートの右端まで広げる */
  width: calc(100vw - ((100vw - 1208px) / 2));
  /* 親要素のmax-width: 100%（.l-w-100によるもの）を解除し、幅の計算が正しく適用されるようにする */
  max-width: unset;
  color: #fff;
  padding-block: 96px;
  padding-left: 56px;
}
.index-category-title-group {
  line-height: 64px;
}
.index-category-title {
  height: 64px;
  width: auto;
}
.index-category-title-sub {
  margin-left: 48px;
}
.index-category-title img {
  width: auto;
  height: 100%;
}
a.btn-index-category {
  display: inline-block;
  border: 1px solid #fff;
  padding: .65em 3em;
  line-height: 1;
  text-align: center;
  min-width: 240px;
  border-radius: 20px;
  color: #fff;
}
a.btn-index-category .fas.fa-angle-right {
  color: #fff;
}
.splide__slide.entry-list a {
  color: #fff !important;
}
.splide__arrow {
  background: none !important;
  top: 45% !important;
}
@media screen and (max-width: 1280px) {
  .slide-bnr-cap-003 {
    top: 6%;
  }
  .index-category-panel {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: var(--size-high-sp)
  }
}
@media screen and (max-width: 768px) {
  .hero-title {
    width: 80%;
    margin-top: -48%;
    margin-left: -40%;
  }
  .index-headline {
    margin-top: var(--hdr-height-sp);
    position: relative;
    padding-right: 2em;
  }
  .index-headline::after {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    position: absolute;
    top: 25%;
    right: 5%;
    font-size: 1.3rem;
    font-weight: bold
  }
  .index-headline i {
    display: none;
  }
  /*
.index-category-wrp {
    width:100%;
 padding-block:80px;
 padding-left: 0;
}
*/
  .index-category-title-group {
    line-height: 1.5;
  }
  .index-category-title {
    height: 64px;
    width: auto;
    margin-inline: auto;
    margin-bottom: 40px;
  }
  .index-category-title-sub {
    margin-left: 0;
  }
  .index-category-title img {
    width: auto;
    height: 100%;
  }
  .index-category-wrp {
    width: 100vw; /* ビューポートの幅全体に広げる */
    position: relative; /* 必要に応じて、内部要素の絶対配置の基準となる */
    left: -24px; /* 要素の左端を親要素の中央に配置 */
    /*transform: translateX(-50%);  要素自体を左に幅の半分だけ移動させ、完全に中央に配置 */
    /* .pd-120 による既存のパディングを解除し、コンテンツは別のパディングで調整 */
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box; /* widthとpaddingの計算を標準化 */
  }
  /* .index-category-wrp内のコンテンツ（.pd-sideクラスを持つ要素）のパディングを調整 */
  .index-category-wrp .pd-side {
    /* スマートフォンでのコンテンツの左右の余白を調整
           ここでは、PC版の.l-w-masterのグリッド幅に依存しない、
           スマートフォン向けの左右24pxのパディングを想定しています。
           必要に応じて calc((100vw - 320px) / 2 + 24px) のように調整も可能。
           (320pxはスマホの最小幅など)
        */
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .slide-bnr-cap-001 {
    top: 36%;
    left: 0;
    margin-left: 10vw;
    width: 80vw;
  }
  .slide-bnr-cap-002 {
    top: 10%;
    left: 0;
    width: 30%;
    margin-left: 24px;
  }
  .slide-bnr-cap-003 {
    top: 10%;
    left: 0;
    width: 90vw;
    margin-left: 5vw;
  }
  .index-category-panel {
    margin-left: auto;
    margin-right: auto;
  }
  .index-category-panel {
    padding-left: 3%;
    padding-right: 3%;
    background-color: #fff;
    width: 94%;
    padding-block: var(--size-mid-low);
    box-shadow: 0 0 1.6rem hsl(0 0% 0% / 20%);
  }
  .index-category-panel-inner {
    padding-left: 3%;
    padding-right: 3%;
  }
  .l-aside-index {
    display: none;
  }
  .products-entry-index {
    width: 100%; /* スマートフォンでは全幅に */
  }
  .index-news-wrp {}
  .index-news-list, .index-news-title {
    width: 100%;
  }
  .index-news-list {}
  .index-news-entry {
    border-bottom: 1px solid #ddd;
    margin-bottom: 32px;
    padding-bottom: 32px;
  }
  .news-img-wrp {
    width: 32%;
  }
  .news-text {
    width: 60%;
  }
  .news-text p, .wrp-5-column:nth-child(5) {
    display: none;
  }
  .hero-wrp {
    height: 100vh;
  }
  .hero-wrp .swiper-slide {
    height: 100vh;
  }
  .slide-bnr-cap-002 {
    top: 4%;
    left: 12%;
    width: 76%;
    margin-left: 0;
  }
  .japan-artisan-fabrics-logo {
    margin-bottom: 32px;
  }
  .index-category-panel {
    margin-top: -16vh;
  }
  .swiper-pagination {
    bottom: 18% !important;
  }
  .wrp-5-column .entry-list:nth-child(5) {
    margin-right: 6%
  }
  .wrp-5-column .entry-list:nth-child(6) {
    display: block;
    margin-bottom: 48px;
  }
}
/*****************************************************
PRODUCTS*/
.aside-search {
  padding: 24px 12px;
}
.aside-search .srch-txt {
  background: #fff;
  border: 1px solid #999;
}
.card-product-category {
  /*width: 23%
	max-width: 266px;*/
  width: 24.8%; /*210407追記*/
  border-radius: 8px;
  overflow: hidden;
}
.card-product-category .entry-thumb {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.card-product-category-txt-wrp {
  /*padding: 32px 20px 40px;*/
  padding: 32px 12px 40px;
  background-color: #fff;
}
.card-product-category-txt-wrp p {
  font-size: 1.1rem;
  font-weight: 500; /*210407追記*/
}
.card-product-category-txt-wrp p span {
  font-weight: 300; /*210407追記*/
}
.card-product-category-horizonal {
  margin-bottom: 24px;
}
.aside-bnr.bnr-sample-book {
  border: 1px solid #c4003a;
}
.aside-bnr.bnr-sample-book:hover {
  border-color: 2px solid #231815;
}
/*****************************************************
PRODUCTS CATEGORY*/
.fabrics-category-title {
  margin-bottom: 56px;
}
.fabrics-category-title .category-bnr {
  margin-bottom: 24px;
}
.fabrics-category-title .category-bnr.bg-bouen {
  color: #fff;
  font-weight: 500;
}
.non-root-categories-section {
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  padding-block: .5em;
}
.non-root-categories-section .category-tags, .non-root-categories-section .strng {
  display: inline;
  font-size: 1.2rem;
  line-height: 1.3;
}
.non-root-categories-section .category-tags a {
  margin-right: .5em;
  color: #5E5D5D;
}
.non-root-categories-section .category-tags a::after {
  content: ',';
}
.venus-organza-lead {
  border-radius: 16px;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  padding: 2em;
}
/*****************************************************
PRODUCTS ENTRY*/
.fabric-entry-master {
  padding-left: 24px;
  padding-right: 24px;
}
.products-entry {
  /*width: 78%;
  max-width: 898px;*/
  width: 72%; /*210407追記*/
  max-width: 869px; /*210407追記*/
}
.entry-txt {
  float: left;
  width: 39%;
  max-width: 348px;
}
.category-bnr {
  height: 40px;
  padding-left: 16px;
  padding-top: 8px;
  margin-bottom: 24px;
  color: #fff;
  font-weight: 700;
}
.category-bnr img {
  height: 24px;
  width: auto;
}
.products-entry .entry-meta {
  margin-bottom: 32px;
  text-align: left;
}
.products-entry .entry-list .entry-meta {
  margin-bottom: 0;
}
.item-name {
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 700;
  margin-top: var(--leading-trim);
}
.entry-txt .entry-body {
  margin-bottom: 48px;
}
.item-number {
  border-bottom: 1px solid #707070;
  padding-bottom: .4em;
  margin-bottom: .4em;
}
.item-spec {
  margin-bottom: 40px;
}
.air-organza-section {
  margin-bottom: 24px;
}
.air-organza-section-img {
  width: 42%;
}
.air-organza-section-txt {
  width: 55%;
  padding-left: 3%;
  font-size: 1.1rem;
}
.item-imgs {
  float: right;
  width: 55%;
  max-width: 490px;
}
.item-icon-wrp {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
}
.item-icon-wrp img {
  width: 24.44%;
  max-width: 120px;
  float: left;
  margin-right: .6%;
  border-radius: 5px;
}
.item-icon-wrp img:nth-child(4n) {
  margin-right: 0;
}
.item-note ul li {
  margin-left: 2em;
}
.item-note ul.item-note-all {
  list-style-type: circle
}
.btns.l-flex-wrp .btn {
  margin-left: 0;
  margin-right: 0;
}
.btns.l-flex-wrp a {
  margin-bottom: 8px;
}
.btns.l-flex-wrp::after {
  content: "";
  display: block;
  width: 49%;
  height: 0;
}
a.bg-suncorona-red, a.bg-suncorona-red .fas.fa-angle-right {
  color: #fff;
}
a.bg-suncorona-red:hover {
  background: #333;
}
/*****************************************************
PRODUCTS PHOTOSWIPE 2020.12.23*/
.products-entry .slider-wrp {
  margin-bottom: 72px;
}
.products-entry .slider {
  margin-bottom: 8px !important;
}
figure.thumbnail {
  width: 16%;
  float: left;
  margin-left: .5%;
  margin-right: .5%;
  margin-top: 8px;
}
.swiper-wrapper figure:nth-child(2) {
  margin-left: 1%;
}
.swiper-wrapper figure:nth-child(7) {
  margin-right: 1%;
}
.pswp__img--placeholder--blank {
  background: #fff !important;
}
.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
  background: none;
}
/*****************************************************
PRODUCTS RELATED ITEM*/
.wrp-4-column .entry-list {
  width: 23%;
  max-width: 200px;
  margin-bottom: 40px;
  margin-right: 2.6%
}
.wrp-4-column::before, .wrp-4-column::after {
  content: "";
  display: block;
  width: 23%;
  height: 0;
}
.wrp-4-column::before {
  order: 1;
}
.wrp-4-column .entry-list:nth-child(4n) {
  margin-right: 0;
}
.wrp-4-column .entry-listss .entry-meta {
  margin-bottom: 0;
}
.item-square-img {
  border: 4px solid #fff;
  box-shadow: 0 0 1.6rem hsl(0 0% 0% / 20%);
  margin-bottom: 16px;
  position: relative;
}
.iconNew {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 80px 80px;
  border-color: transparent transparent #595757 transparent;
  z-index: 2;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #000;
  line-height: 105px;
}
.iconNew span {
  font-size: 1.2rem;
  white-space: nowrap;
  margin-left: -40px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .fabric-entry-master {
    padding-left: 0;
    padding-right: 0;
  }
  .products-entry, .entry-txt, .item-imgs {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .products-entry {
    /*padding-left: 24px;
    padding-right: 24px;　210407追加*/
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .products-entry .slider-wrp {
    margin-bottom: 24px;
  }
  .item-imgs {
    margin-bottom: 48px;
  }
  .item-icon-wrp img {
    width: 32.8%;
    max-width: 100%;
    margin-bottom: 1px;
  }
  .item-icon-wrp img:nth-child(3n) {
    margin-right: 0;
  }
  .item-spec {
    margin-bottom: 0;
  }
  .no-pc .card-product-category-txt-wrp {
    color: #fff;
  }
  .card-product-category {
    width: 100%;
    max-width: 100%;
    /*padding-left: 24px;
    padding-right: 24px;*/ /*210407追記*/
    margin-bottom: 40px;
  }
  .card-product-category:last-child {
    margin-bottom: 0;
  }
  .wrp-4-column .entry-list, .wrp-5-column .entry-list { /*index category*/
    width: 47%;
    max-width: 400px;
    margin-right: 6%;
    margin-bottom: 32px;
  }
  .wrp-4-column .entry-list:nth-child(even), .wrp-5-column .entry-list:nth-child(even) {
    margin-right: 0;
  }
}
/*****************************************************
NEWS*/
.entry-news .entry-hdr {
  padding-top: 120px;
  padding-bottom: 104px;
}
.wrp-3-column .entry-list {
  width: 31%;
  max-width: 352px;
  margin-bottom: 80px;
  font-size: 1.3rem;
}
.wrp-3-column.recent-entry-wrp .entry-list {
  margin-bottom: 0;
}
.l-flex-wrp.wrp-3-column::after {
  content: "";
  display: block;
  width: 31%;
  height: 0;
}
.wrp-3-column .entry-list .entry-thumb {
  margin-bottom: 24px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.entry-thumb img {
  cursor: pointer;
  transition: all 600ms ease-out;
  vertical-align: bottom;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.entry-list .entry-title {
  font-weight: 500;
  font-size: 1.4rem;
}
/*****************************************************
NEWS ASIDE*/
.news-aside {
  border-top: 2px solid #ddd;
  padding-top: 2em;
}
.cap-ex {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 1em;
}
.md-ex li {
  font-size: 1.3rem;
  line-height: 2;
}
.md-ex ul li::before {
  content: "-";
}
.md-ex ul {
  margin-left: 0;
  margin-bottom: 0;
  padding-bottom: 40px;
}
.md-ex i {
  margin-right: .8em;
}
a.btn-entry-more {
  text-decoration: underline;
}
.entry-list .entry-body {
  line-height: 1.7;
}
/*****************************************************
PAGE NAVI*/
.wp-pagenavi {
  clear: both;
  text-align: center;
  margin-bottom: 180px;
  font-size: 1.3rem;
}
.wp-pagenavi a, .wp-pagenavi span {
  background: #fff;
  margin: 0 2px 13px;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  padding: 0;
}
.wp-pagenavi span.pages {
  margin-right: 12px;
}
.wp-pagenavi a.last {
  margin-left: 12px;
}
.page, .nextpostslink, .previouspostslink, .extend {
  width: 40px;
  height: 40px;
  border: 1px solid #EDE8E5;
  display: inline-block;
  line-height: 40px;
}
.wp-pagenavi span.current {
  width: 40px;
  height: 40px;
  background: #E94709;
  border: 1px solid #E94709;
  opacity: 1 !important;
  display: inline-block;
  line-height: 40px;
  color: #fff !important;
}
.page:hover, .nextpostslink:hover, .previouspostslink:hover, .extend:hover {
  background: #494F4F;
  border: 1px solid #494F4F;
  color: #fff;
  opacity: 1;
}
.select-wrap {
  position: relative;
  width: 100%;
  display: inline-block;
}
.select-wrap::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 40%;
  right: 1em;
}
.select-wrap select {
  width: 100%;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 40px;
  padding: 5px 1em;
  border: 1px solid #ddd;
  background-color: #f7f7f7;
  border-radius: 5px;
  font-size: 1.3rem;
  color: #231815;
  font-weight: 300;
}
.select-wrap select::-ms-expand {
  display: none;
}
/*.search-form {
  position: relative;
  width: 100%;
}
.search-input {
  position: absolute;
  top: 0;
  left: 0;
}
.btn-search {
  width: 20%;
  background: #000;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #000;
  padding: 1em 0;
}*/
/* ENTRY PAGE */
.entry-news .entry-title {
  margin-bottom: 1em;
}
.entry-news .entry-meta * {
  display: inline;
}
.entry-news .entry-meta .entry-category:before {
  content: ' / ';
}
.entry-eyecatch {
  margin-bottom: 72px;
  text-align: center;
}
.entry-news .entry-body {
  width: 100%;
  margin: 0 auto;
  font-size: 1.3rem;
  margin-bottom: 72px;
}
.entry .entry-body a {
  text-decoration: underline;
}
.entry-img-2 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.entry-img-2.l-flex-wrp figure, .entry-img-2.l-flex-wrp img {
  max-width: 380px;
}
.entry-img-2.l-flex-wrp figure img, .entry-works .entry-body figure img {
  margin: 0 auto 1em;
}
.entry-img-2.l-flex-wrp figure figcaption {
  font-weight: 100;
  font-size: 1.3rem;
}
.entry-works .entry-body .wp-caption {
  margin-bottom: 40px;
}
.entry .entry-body h3 {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 1.6em;
}
.entry .entry-body a {
  text-decoration: underline;
}
.entry-img-2 {}
.pager {
  margin-left: auto;
  margin-right: auto;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  font-size: 1.3rem;
  width: 100%;
  max-width: 720px;
}
.pager div {
  width: 49.5%;
  display: inline-block;
  line-height: 1.8;
  padding-top: 1em;
  padding-bottom: 1em;
}
.btn-prev {
  text-align: left;
  padding-right: 1em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.btn-next {
  text-align: right;
  padding-left: 1em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.entry-sns {
  margin: 0 auto 72px;
  font-size: 2.4rem;
}
.entry-sns li {
  display: inline;
  margin: 0 .1em;
}
.entry-sns li a {
  color: #494F4F;
}
@media screen and (max-width: 1100px) {}
@media screen and (max-width: 768px) {
  .wrp-3-column .entry-list {
    width: 100%;
    max-width: 100%;
  }
  .wrp-3-column .entry-list.sample-book-bnr {
    width: 31%;
    max-width: 352px;
  }
  .entry-news .entry-hdr {
    padding-top: 84px;
    padding-bottom: 72px;
  }
  .entry-eyecatch {
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    margin-bottom: 64px;
  }
  .entry-news .entry-body {
    max-width: 100%;
  }
  .entry-news .entry-body h3, .entry-news .entry-body p {
    width: 100%;
    max-width: 100%;
  }
  .page-nav {
    margin-bottom: 96px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .wrp-3-column.recent-entry-wrp .entry-list {
    width: 100%;
    max-width: 100%;
    margin-bottom: 56px;
  }
  .wrp-3-column.recent-entry-wrp .entry-list:last-child {
    margin-bottom: 0;
  }
  .entry-img-2.l-flex-wrp figure, .entry-img-2.l-flex-wrp img {
    width: 100%;
    max-width: 100%;
  }
  .entry-img-2.l-flex-wrp figure:first-child, .entry-img-2.l-flex-wrp img:first-child {
    margin-bottom: 32px;
  }
  .pager {
    display: none;
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .pager div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 3;
  }
  .btn-prev {
    border-right: 0;
    padding-right: 24px;
  }
  .btn-next {
    padding-left: 24px;
  }
  .pager img {
    display: none;
  }
  .pager .txt-c {
    display: none;
  }
  .wp-pagenavi {
    margin-bottom: 136px;
  }
  .md-ex {
    margin-bottom: 36px;
    border-bottom: 1px dotted #ccc;
  }
}
/* FORM */
.contact-tel-num {
  font-size: 2rem;
  font-weight: 500;
}
.frm-step {
  width: 100%;
  margin-bottom: 88px;
  font-weight: 300;
  font-size: 1.3rem;
}
.frm-step li {
  float: left;
  width: 33.33%;
  text-align: center;
  padding: 1.1em 0;
  border-right: 1px solid #fff;
  letter-spacing: .05em;
}
.frm-step li:last-child {
  border-right: none;
}
.step-off {
  background: #f1f1f1;
}
.step-on {
  background: var(--main-color);
  color: #fff;
}
.form-wrp {
  margin-bottom: 48px;
}
.item1 {
  line-height: 1.8;
  font-weight: 500;
  margin-bottom: .5em
}
.answer {
  line-height: 1.8;
  margin-bottom: 2.4em;
}
.hissu {
  color: #f00;
  font-size: 1.1rem;
  font-weight: 500;
  margin-left: .5em
}
input[type="text"], input[type="email"], textarea {
  width: 100%;
  border: 1px solid #999;
  padding: 1em;
  background: #f9f9f9;
  font-weight: 300;
}
input[type="checkbox"], input[type="radio"] {
  margin-right: 1em;
}
.mwform-checkbox-field label, .mwform-radio-field label { /*over write*/
  font-weight: 100;
  margin-right: 2em;
}
.btns {
  width: 100%;
  text-align: center;
  margin-top: 96px;
}
.btns * {
  display: inline-block;
}
.confirm-wrp .btns * {
  width: 48%;
}
.confirm-wrp .txt-c {
  text-align: left
}
.btn-back {
  background: #999;
  color: #fff;
  border: none;
}
.btn-back:hover {}
.confirm-table {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}
.error_messe {
  text-align: center;
  color: #f00;
  font-weight: 500;
}
.confirm-wrp .privacy-txt {
  display: none;
}
@media screen and (max-width: 768px) {
  .frm-step {
    margin-bottom: 40px;
  }
  .item1, .answer {
    float: none;
    width: 100%;
  }
  .item1 {}
  .answer {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 2em;
    margin-bottom: 2em;
  }
  .btns {
    margin-top: 48px;
  }
}
/*FLOW*/
.flow-wrp {
  background: url("../images/flow/mountain.png") no-repeat;
  background-size: 25%;
  background-position: 80% top;
}
.flow-box {
  padding-bottom: 120px;
  position: relative;
}
.flow-box:last-child {
  padding-bottom: 0;
}
.arrow-1 {
  background: url("../images/flow/arrow-1.png") no-repeat;
  background-position: center bottom;
  background-size: 35%;
}
.arrow-2 {
  background: url("../images/flow/arrow-2.png") no-repeat;
  background-position: center bottom;
  background-size: 35%;
}
.arrow-3 {
  background: url("../images/flow/arrow-3.png") no-repeat;
  background-position: center bottom;
  background-size: 35%;
}
.flow-coffee {
  position: absolute;
  top: -16px;
  left: 10%;
  max-width: 84px;
}
.flow-hand {
  max-width: 148px;
  margin: -8px auto 40px;
}
.flow-dentaku {
  position: absolute;
  top: -16px;
  right: 10%;
  max-width: 98px;
}
.flow-fukidashi-1 {
  position: absolute;
  top: -72px;
  right: 0;
  max-width: 184px;
}
.flow-fukidashi-2 {
  position: absolute;
  top: -72px;
  right: 0;
  max-width: 228px;
}
.flow-titile-10 {
  background: url("../images/flow/banzai.png") no-repeat;
  background-position: center bottom;
  background-size: 40%;
  width: 100%;
  height: 64px;
  line-height: 64px;
}
@media screen and (max-width: 768px) {
  .flow-wrp {
    background-size: 40%;
    background-position: 80% top;
    padding-top: 112px;
    margin-top: 104px;
  }
  .flow-coffee {
    top: -64px;
    left: 0;
  }
  .flow-box {
    margin-bottom: 88px !important;
  }
  .flow-hand {
    margin-top: -16px;
  }
  .flow-dentaku {
    top: 0;
    right: 0;
    max-width: 68px;
  }
  .flow-kougu {
    width: 128px;
    margin: 0 auto;
  }
  .flow-cracker {
    width: 90px;
    margin: 0 auto;
  }
  .flow-titile-10 {
    background-size: 100%;
  }
  .arrow-1, .arrow-2, .arrow-3 {
    background-size: 80%;
  }
}
/*ABOUT
SHOWROOM
SAMPLE BOOK*/
.hdr-height-adjust { /*about page*/
  padding-top: 96px;
  margin-top: -96px;
}
.profile-txt {
  width: 47%;
  max-width: 536px;
}
.profile-txt p {
  margin-bottom: 3em;
}
.profile-img {
  width: 50%;
  height: 100%;
  max-width: 580px;
  background: var(--main-color);
}
.showroom-txt {
  width: 60%;
}
.map {
  width: 36%;
  position: relative;
  height: 0;
  padding-top: 33.33%;
  margin-bottom: .5em;
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sample-book-bnr img {
  border: 1px solid #999;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .profile-hero-wrp {
    margin-top: 60px;
    height: auto;
    margin-bottom: 96px;
  }
  .profile-header-txt {
    position: absolute;
    z-index: 2;
    top: 60%;
    left: 24px;
    ;
    font-size: 3.2rem;
    color: #1B0000;
  }
  .profile-img, .profile-logo img, .profile-txt, .showroom-txt, .map {
    width: 100%;
    max-width: 100%;
  }
  .showroom-txt {
    margin-bottom: 40px;
  }
  .map {
    padding-top: 100%;
    margin-left: 24px;
    margin-right: 24px;
  }
  .profile-img {
    margin-bottom: 64px;
  }
}
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
/* Anti FOUC */
.remodal, [data-remodal-id] {
  display: none;
}
/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}
/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}
/* Fix iPad, iPhone glitches */
.remodal-overlay, .remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
/* Default theme styles of the overlay */
.remodal-overlay {
  background: #f7f7f7;
  opacity: .9;
}
.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}
/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 5%;
}
/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 24% 12%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #1B0000;
  background: #fff;
}
.remodal.remodal-is-opening, .remodal.remodal-is-closing {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}
/* Vertical align of the modal dialog */
.remodal, .remodal-wrapper:after {
  vertical-align: middle;
}
/* Close button */
.remodal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  display: block;
  overflow: visible;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 600ms ease-out;
  transition: color 600ms ease-out;
  text-decoration: none;
  color: #1B0000;
  border: 0;
  outline: 0;
  background: transparent;
}
.remodal-close:hover, .remodal-close:focus {
  color: #1B0000;
}
.remodal-close:before {
  font-size: 3rem;
  line-height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  content: "\00d7";
  text-align: center;
}
/* Dialog buttons */
.remodal-confirm, .remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 600ms ease-out;
  transition: background 600ms ease-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}
.remodal-confirm {
  color: #fff;
  background: #1B0000;
}
.remodal-confirm:hover, .remodal-confirm:focus {
  background: #66bb6a;
}
.remodal-cancel {
  color: #1B0000;
  background: #e57373;
}
.remodal-cancel:hover, .remodal-cancel:focus {
  background: #1B0000;
}
/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.drawer-nav .search-wrp {
  width: 100%;
}
/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 768px) {
  .remodal {
    max-width: 100%;
  }
}