.lnav { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; padding: 5rem 0; }
.lnav ul { max-width: 800px; margin: 0 auto; display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.lnav ul li a { display: grid; place-content: center; place-items: center; padding: 1.5rem; text-align: center; border: solid 1px #9e7c1d; background: #251A16; transition: .4s; }
.lnav ul li a .en { font-size: 10px; letter-spacing: 0; line-height: 1; color: #fff; }
.lnav ul li a .ja { text-align: center; font-size: .9rem; line-height: 1; color: #fff; margin-top: .5rem; }
.lnav ul li.current a { background: #856814; background: -webkit-linear-gradient(110deg, #856814 3%, #4a3600 90%); background: -moz-linear-gradient(110deg, #856814 3%, #4a3600 90%); background: linear-gradient(110deg, #856814 3%, #4a3600 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#856814", endColorstr="#4A3600", GradientType=0); }
.lnav ul li:hover a { filter: brightness(120%); }
@media screen and (max-width: 768px) { .lnav ul { max-width: 400px; grid-template-columns: 1fr; }
  .lnav ul li a { padding: 1.2rem; }
  .lnav ul li a .en img { height: .85rem; }
  .lnav ul li a .ja { font-size: 1rem; } }

section .w-box { background: #fff; color: #222; padding: 5rme 0; }
section .w-box h3 { color: #9e7c1d; }

.plantop-room { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; max-width: 800px; padding: 3rem 0 5rem 0; }
.plantop-room .move-line { padding-top: 0; }
.plantop-room .move-line::before { display: none; }
.plantop-room .move-line + .lmidashi { margin-top: 0; }
.plantop-room .plantop-spec { max-width: 480px; margin: 3rem auto 0 auto; }
.plantop-room .plantop-spec + .lmidashi { padding: 1rem 0; }
.plantop-room .plantop-zu { margin: 2rem auto 0 auto; max-width: 600px; }
.plantop-room .plantop-zu .note { text-align: right; }
.plantop-room .plan-point { margin-top: 3rem; display: grid; gap: 2rem; grid-template-columns: repeat(2, 1fr); align-items: start; }
.plantop-room .plan-point + .note { margin-top: 1rem; }
.plantop-room .plan-point + .note .num { color: #fff; background: #9e7c1d; padding: 2px 4px; display: inline-block; line-height: 1; }
.plantop-room .plan-point li { display: grid; gap: .5rem; }
.plantop-room .plan-point li.g2-j .img + .note { text-align: right; }
.plantop-room .plan-point .li-ttl { color: #9e7c1d; display: grid; gap: .5rem; font-size: 1rem; padding-bottom: .5rem; border-bottom: solid 1px #9e7c1d; grid-template-columns: 1.2rem 1fr; }
.plantop-room .plan-point .li-ttl .num { height: 1.2rem; background: #9e7c1d; color: #fff; padding: .1rem; display: grid; place-content: center; }
.plantop-room .plan-point .li-txt { font-size: .875rem; line-height: 1.8; }
.plantop-room .plan-point .li-box { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.plantop-room.roomtype-c .plan-point li:first-of-type { grid-column: span 2; }
.plantop-room.roomtype-g2 .plan-point .li-other01 .img-box .note { width: 50%; margin: .2rem 0 0 auto; }
@media screen and (max-width: 768px) { .plantop-room .plan-point { grid-template-columns: 1fr; }
  .plantop-room.roomtype-c .plan-point li:first-of-type { grid-column: span 1; } }

.plan-btn-list-area { width: 100%; position: relative; background: #7D8488; background: -webkit-linear-gradient(120deg, #7d8488 0%, #38383a 100%); background: -moz-linear-gradient(120deg, #7d8488 0%, #38383a 100%); background: linear-gradient(120deg, #7d8488 0%, #38383a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7D8488", endColorstr="#38383A", GradientType=0); }
.plan-btn-list-area::before { content: ""; width: 14.6341463415%; height: 100%; display: block; background: #A88F43; background: -webkit-linear-gradient(29deg, #a88f43 8%, #856814 72%, #695103 100%); background: -moz-linear-gradient(29deg, #a88f43 8%, #856814 72%, #695103 100%); background: linear-gradient(29deg, #a88f43 8%, #856814 72%, #695103 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A88F43", endColorstr="#695103", GradientType=0); position: absolute; top: 0; right: 0; }
.plan-btn-list-area .move-line { padding-top: 0; }
.plan-btn-list-area .move-line::before { display: none; }
.plan-btn-list-area .move-line + .lmidashi { margin-top: 0; }
.plan-btn-list-area .inner { padding: 5rem 0; position: relative; z-index: 1; }
.plan-btn-list-area .plan-btn-list { max-width: 800px; margin: auto; display: grid; gap: 2rem; grid-template-columns: repeat(2, 1fr); }
.plan-btn-list-area .plan-btn-list li a { background: #fff; display: block; transition: .3s; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); }
.plan-btn-list-area .plan-btn-list li a:hover { filter: brightness(80%); }
.plan-btn-list-area .plan-btn-list li a img { display: block; width: 100%; height: auto; }
@media screen and (max-width: 768px) { .plan-btn-list-area .plan-btn-list { max-width: 400px; grid-template-columns: 1fr; } }

#p00 { padding-bottom: 5rem; }
#p00 h3 { color: #c9bc9c; }

#p01 { padding: 5rem 0; background: #5D6164; background: -webkit-linear-gradient(110deg, #5d6164 1%, #292526 100%); background: -moz-linear-gradient(110deg, #5d6164 1%, #292526 100%); background: linear-gradient(110deg, #5d6164 1%, #292526 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5D6164", endColorstr="#292526", GradientType=0); }
#p01 h3 { color: #c9bc9c; }
#p01 h3:first-of-type { padding-top: 5rem; }
#p01 .img01 { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; width: 100%; }
#p01 .box01 { margin-top: 5rem; display: grid; gap: 3rem; grid-template-columns: repeat(2, 1fr); }
#p01 .box01 .item { display: grid; gap: .5rem; grid-template-rows: subgrid; grid-row: span 3; }
#p01 .box01 .item .lead { margin-top: 0; }
#p01 .box01 .item.item-l { grid-column: span 2; }
#p01 .box01 .item.item-l .list { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
#p01 .box01 .item.item-l .list li { background: #fff; padding: 1rem 2rem; text-align: center; color: #9e7c1d; font-size: .9rem; }
#p01 .box01 .item.item-l .list li b { display: block; font-weight: normal; font-size: 110%; border-bottom: solid 1px #9e7c1d; padding-bottom: .5rem; }
#p01 .box01 .item.item-l .list li.note { grid-column: span 2; padding: 0; background: none; font-size: 10px; line-height: 1.4; text-align: left; color: #fff; }
#p01 .box01 .komidashi { color: #c9bc9c; padding-bottom: .2rem; border-bottom: solid 1px rgba(255, 255, 255, 0.5); }
#p01 .box01 .img-box .img { background: #fff; }
#p01 .box01 .img-box .note { margin-top: .5rem; }
@media screen and (max-width: 1024px) { #p01 { padding-top: 0; } }
@media screen and (max-width: 768px) { #p01 .box01 { max-width: 500px; margin-right: auto; margin-left: auto; gap: 2rem; grid-template-columns: 1fr; }
  #p01 .box01 .item.item-l { grid-column: span 1; }
  #p01 .box01 .item.item-l .list { grid-template-columns: 1fr; }
  #p01 .box01 .item.item-l .list li { padding: .5rem 1rem; }
  #p01 .box01 .item.item-l .list li.note { grid-column: span 1; } }

#p03 h3 { color: #9e7c1d; }
#p03 .bg-line { padding-bottom: 5rem; }
#p03 .img04 { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; width: 100%; }
#p03 .type-c h3 { color: #9e7c1d; }

#p04 h3.lmidashi { color: #9e7c1d; }
#p04 .img05 { width: 90%; max-width: 1100px; margin-left: auto; margin-right: auto; width: 100%; }
#p04 .inner { padding-bottom: 5rem; }
#p04 .low-list { margin-top: 5rem; display: grid; gap: 3rem; grid-template-columns: repeat(2, 1fr); }
#p04 .low-list .low-item { display: grid; gap: 1rem; grid-template-columns: 1fr; }
#p04 .low-list .low-item .category-box { padding-bottom: 0; }
#p04 .low-list .low-item .category-box img { transform: none; }
#p04 .low-list .li-ttl { color: #9e7c1d; font-size: 1.2rem; line-height: 1.8; text-align: center; }
#p04 .low-list .img-box .img-ttl { margin-top: .5rem; font-size: 1rem; line-height: 1.8; color: #c9bc9c; border-bottom: solid 1px #c9bc9c; padding-bottom: .5rem; }
#p04 .low-list .img-box .img-txt { margin-top: .5rem; font-size: .875rem; line-height: 1.8; }
#p04 .low-list + .note { margin-top: 3rem; }
@media screen and (max-width: 768px) { #p04 .low-list { grid-template-columns: 1fr; }
  #p04 .low-list .li-ttl { font-size: 1.1rem; } }

#p05 .kankyo { padding: 5rem 0 0 0; }
#p05 .kankyo .txt { display: block; cursor: pointer; transition: .3s; max-width: 420px; margin: auto; padding: 1rem; background: #c9bc9c; color: #fff; position: relative; font-size: .875rem; line-height: 1; text-align: center; }
#p05 .kankyo .txt::after { content: ""; display: block; width: .75rem; height: .75rem; border-top: solid 1px #fff; border-right: solid 1px #fff; transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 1rem; z-index: 2; }
#p05 .kankyo .txt:hover { filter: brightness(80%); }
#p05 .kankyo .label { display: none; max-width: 420px; margin: auto; }

.view { padding-top: 5rem; margin: 0 auto; max-width: 1100px; }