/********************************************************

setting

********************************************************/
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600&display=swap");
:root {
  --margin-block: 200px; }

@media (min-width: 1101px) and (max-width: 1280px) {
  :root {
    --margin-block: 120px; } }
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --margin-block: 90px; } }
@media (max-width: 640px) {
  :root {
    --margin-block: 70px; } }
.pc {
  display: block !important; }
  @media screen and (max-width: 600px) {
    .pc {
      display: none !important; } }

.sp {
  display: none !important; }
  @media screen and (max-width: 600px) {
    .sp {
      display: block !important; } }

.info-area,
#topics-area,
#aj-area,
#insta-area {
  margin: 0 auto; }

body {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  text-align: left; }

.font-en {
  font-family: 'Gilda Display', serif; }

a.gl-tel::before {
  filter: invert(62%) sepia(17%) saturate(705%) hue-rotate(11deg) brightness(95%) contrast(92%); }

.btn-document a {
  background: linear-gradient(to right, #9e925d, #635416); }

.btn-visit a {
  background: linear-gradient(to right, #c05a54, #8e254d); }
  .btn-visit a:hover {
    filter: brightness(120%) saturate(100%); }

a.link-btn {
  background: #3b527a; }

#header-menu3 a.btn-contact {
  color: #FFF;
  background-color: #3b527a; }

a.btn-contact::before {
  filter: invert(98%) sepia(32%) saturate(386%) hue-rotate(250deg) brightness(116%) contrast(100%); }

.info-area .info-btn2 li a.btn-contact {
  background-color: #3b527a;
  border-color: #3b527a;
  color: #FFF; }

.info-area .info-btn2 li a.btn-contact:hover {
  background-color: #59729d;
  border-color: #3b527a; }

#header-menu2 li a::before {
  filter: invert(25%) sepia(73%) saturate(383%) hue-rotate(180deg) brightness(100%) contrast(88%); }

#header-nav > ul > li#nav-home.active > a:after {
  filter: invert(83%) sepia(7%) saturate(1686%) hue-rotate(8deg) brightness(85%) contrast(83%); }

#header-menu1 li a::before {
  filter: invert(30%) sepia(14%) saturate(1668%) hue-rotate(179deg) brightness(96%) contrast(90%); }

#header-nav > ul > li > a::before {
  background: #a69a68; }

#header-nav > ul > li ul a:after {
  background: #a69a68; }

#header-nav > ul > li:not(#nav-sc):not(.coming) > a:hover,
#header-nav > ul > li:not(#nav-sc).active > a {
  color: #a69a68; }

.notice-in .date {
  color: #a69a68; }

.menu-trigger {
  background: linear-gradient(to right, #9e925e, #635517); }

.sc-mode #header-nav {
  right: 310px; }

#header-menu3 li.wid {
  width: 15em; }

.sc-mode #header-menu3 li.wid {
  width: auto; }

.sc-mode #header-menu3 li.wid a {
  font-size: 105%;
  text-align: center; }

.gl-name {
  font-size: 80%;
  letter-spacing: -0.05em; }
  @media screen and (max-width: 600px) {
    .gl-name {
      font-size: 90%; } }

#header-menu3 li {
  width: 15em; }

#header-menu3 li.btn-document a,
#header-menu3 li.btn-visit a {
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.btn-document a:hover,
.btn-visit a:hover {
  text-decoration: none; }

#privacy-area {
  margin: 2% auto 6%; }

#foot-nav ul {
  background: linear-gradient(to right, #9e925e, #635517);
  text-align: center; }

.seller li.logo_living-gallery {
  width: 250px; }

.info-area {
  background: #272f36;
  margin: 0 auto;
  padding: 6% 0;
  color: #FFF; }

.info-area .info-in h2 {
  font-family: "Shippori Mincho", serif; }
  .info-area .info-in h2 span {
    font-size: 70%; }

.info-area .info-in .tag {
  color: #a69a68; }

@media screen and (max-width: 600px) {
  .info-area .info-in .info-btn1 li {
    margin: 1.2em 0; } }

@media screen and (max-width: 600px) {
  .info-area .info-in .info-tel1 li {
    margin-bottom: 1em; } }
.info-area .info-in .info-tel1 li .gl-name {
  font-size: 80% !important; }
  @media screen and (max-width: 600px) {
    .info-area .info-in .info-tel1 li .gl-name {
      font-size: 90% !important;
      margin-bottom: 2px; } }

@media screen and (max-width: 600px) {
  .info-area .info-in .info-tel li {
    margin-bottom: 1em; } }
.info-area .info-in .info-tel li .gl-name {
  font-size: 80% !important; }
  @media screen and (max-width: 600px) {
    .info-area .info-in .info-tel li .gl-name {
      font-size: 90% !important;
      margin-bottom: 2px; } }
.info-area .info-in .info-tel li a {
  color: #FFF; }

@media screen and (max-width: 600px) {
  .info-area .info-in .info-btn2 {
    order: 5;
    margin: 0; } }

@media screen and (max-width: 970px) {
  .info-area .btn-visit a,
  .info-area .btn-document a {
    font-size: 150%; } }

@media screen and (max-width: 600px) {
  .info-area .info-tel .gl-time {
    font-size: 80%; } }

.news-list li {
  color: #FFF;
  border-bottom: 1px solid #232a32; }

.news-list li:nth-child(even) {
  background: none; }

.news-list .date {
  color: #FFF; }

.news-list .date .category {
  color: #1c202e; }

.news-list li a {
  color: #b4a57f; }

.notes-area {
  margin: 0 auto; }