@charset "UTF-8";
.teaser-ad { display: block; width: 100%; padding: 10px 0 20px 0; color: #fff; position: absolute; top: 150px; z-index: 2; font-family: "Zen Old Mincho",'游明朝', 'Yu Mincho', 'YuMincho', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝','Noto Serif JP',  serif; font-weight: 400; font-style: normal; }
.teaser-ad .ad-inner { width: 90%; max-width: 1360px; margin: 0 auto; display: -webkit-box; display: flex; flex-wrap: wrap; }
.teaser-ad .ad-inner * { min-height: 0%; }
.teaser-ad .title { font-size: 16px; border: 1px solid currentColor; padding: 0 10px; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-right: 10px; }
.teaser-ad .title * { min-height: 0%; }
.teaser-ad .text { font-size: 12px; line-height: 1.2; }
@media screen and (max-width: 768px) { .teaser-ad { position: static; top: auto; left: auto; padding: 1rem 0; background: #000; width: 100%; }
  .teaser-ad .title { width: 100%; text-align: center; }
  .teaser-ad .text { margin-top: 1rem; width: 100%; } }

.bg-box { background: #3A3A34; }
.bg-box::after { background: #33332D; }

.merit { background: #282822; padding: 4rem 0; }
.merit .merit-list { width: 90%; max-width: 1000px; margin-right: auto; margin-left: auto; text-align: center; border-bottom: solid 1px #fff; }
.merit .merit-list .img-box { display: inline-block; padding: 2rem; }
.merit .merit-list .img-box::after { content: ""; display: inline-block; width: 1px; height: 40px; background: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.merit .merit-list .img-box:last-of-type::after { display: none; }
.merit .merit-list .img { height: 4rem !important; width: auto !important; }
.merit .note { width: 90%; max-width: 1000px; margin-right: auto; margin-left: auto; margin-top: 4rem; text-align: center; color: #fff; line-height: 1.6; }
@media screen and (max-width: 1121px) { .merit .merit-list { border-bottom: none; }
  .merit .merit-list .img-box { display: block; width: 100%; text-align: center; padding: 10px 0; border-bottom: solid 1px #fff; }
  .merit .merit-list .img-box::after { display: none; }
  .merit .merit-list .merit01 { display: inline-block; width: 55%; }
  .merit .merit-list .merit01::after { display: inline-block; height: 20px; }
  .merit .merit-list .merit02 { display: inline-block; width: 45%; }
  .merit .merit-list .merit03 { display: inline-block; width: 45%; }
  .merit .merit-list .merit06 { display: inline-block; width: 45%; }
  .merit .merit-list .merit07 { display: inline-block; width: 55%; }
  .merit .merit-list .merit07::after { display: inline-block; height: 20px; }
  .merit .note { text-align: left; }
  .merit .note .aw { display: inline; } }
@media screen and (max-width: 768px) { .merit .merit-list .img-box .img { height: 3.5rem; } }

.price { /*background: rgb(204,204,204);
background: -moz-linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(253,253,253,1) 50%, rgba(204,204,204,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(253,253,253,1) 50%, rgba(204,204,204,1) 100%);
background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(253,253,253,1) 50%, rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#cccccc",GradientType=1);*/ padding: 2rem 0 1.5rem; background: #6e0002; background: linear-gradient(90deg, #6e0002 0%, #870003 50%, #6e0002 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#cccccc",GradientType=1); padding: 0 0 2rem; }
.price .inner { width: 90%; max-width: 1000px; margin-right: auto; margin-left: auto; text-align: center; /*color: #7E5F01;*/ color: #fff; font-size: 2rem; }
.price .inner img { width: 100%; height: auto; line-height: 1; }
.price .inner .p-txt, .price .inner .slash { display: inline-block; font-size: 2.4rem; line-height: 1.4; margin-top: 2rem; }
.price .inner .p-txt .num, .price .inner .slash .num { font-size: 5rem; }
.price .inner .txt-s { font-size: 1.1rem; display: inline-block; }
.price .inner .priceimg { width: 96%; /*max-width: 640px;*/ max-width: 585px; margin: 1rem auto 0; }

.last { padding: 2rem 0 1.5rem; background: #6e0002; background: linear-gradient(90deg, #6e0002 0%, #870003 50%, #6e0002 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#cccccc",GradientType=1); }
.last .inner { width: 90%; max-width: 1000px; margin-right: auto; margin-left: auto; text-align: center; font-size: 2rem; color: #7E5F01; }
.last .inner img { width: 100%; height: auto; line-height: 1; }
.last .inner .p-txt { display: block; margin-bottom: 0.5rem; font-size: 2.4rem; color: #fff; line-height: 1.4; }
.last .inner .p-txt .num { font-size: 5rem; }
.last .inner .ttl { margin-top: 2.4rem; }
.last .inner .txt-l { font-size: 3.4rem; display: inline-block; }
.last .inner .txt-s { font-size: 1.1rem; display: inline-block; }
.last .inner .txt-ss { font-size: 70%; display: inline-block; }
.last .inner .supplement { display: inline-block; margin-top: 2.4rem; }
.last .inner .supplement p { font-size: 1.4rem; line-height: 1.6; color: #fff; text-align: left; }
.last .inner .supplement p + p { margin-top: 0.5em; }
.last .inner .img { width: 96%; max-width: 570px; margin: 0 auto; }
.last .inner .img:nth-child(2) { margin: 1rem auto 0; }
@media screen and (max-width: 1121px) { .last .inner .supplement p { font-size: 1.8rem; } }

.cta { background: #cccccc; background: -moz-linear-gradient(90deg, #cccccc 0%, #fdfdfd 50%, #cccccc 100%); background: -webkit-linear-gradient(90deg, #cccccc 0%, #fdfdfd 50%, #cccccc 100%); background: linear-gradient(90deg, #cccccc 0%, #fdfdfd 50%, #cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#cccccc",GradientType=1); padding: 2rem 0; }
.cta .inner { width: 90%; max-width: 1000px; margin-right: auto; margin-left: auto; text-align: center; color: #7E5F01; font-size: 2rem; line-height: 1.44; }
.cta .inner .p-txt, .cta .inner .slash { display: inline-block; font-size: 2.4rem; line-height: 1.4; letter-spacing: 0.05em; }
.cta .inner .p-txt .num, .cta .inner .slash .num { font-size: 5rem; }
.cta .inner .txt-l { font-size: 3.4rem; display: inline-block; }
.cta .inner .txt-s { font-size: 1.1rem; display: inline-block; }
.cta .inner .supplement { margin-top: 2.4rem; }
.cta .inner .supplement p { font-size: 1.4rem; line-height: 1.6; color: #000; text-align: left; }
.cta .inner .supplement p + p { margin-top: 0.5em; }
@media screen and (max-width: 1121px) { .cta .inner .supplement p { font-size: 14px; } }
@media screen and (max-width: 768px) { .cta .inner .supplement p { font-size: 13px; } }

.obi { background: #93804a; background: -moz-linear-gradient(90deg, #93804a 0%, #b2a887 50%, #93804a 100%); background: -webkit-linear-gradient(90deg, #93804a 0%, #b2a887 50%, #93804a 100%); background: linear-gradient(90deg, #93804a 0%, #b2a887 50%, #93804a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#93804a",endColorstr="#93804a",GradientType=1); padding: 4rem 0; }
.obi .inner { width: 90%; max-width: 1000px; margin-right: auto; margin-left: auto; }
.obi .inner p { text-align: center; color: #fff; font-size: 1.8rem; line-height: 1.6; }
.obi .inner p.txt-l { font-size: 3.4rem; }
.obi .inner p + p { margin-top: 2rem; }
@media screen and (max-width: 1121px) { .obi p { font-size: 1.6rem; }
  .obi p.txt-l { font-size: 3rem; } }

.top01 .txtarea .txt-head .en { font-size: 1.8rem; }
@media screen and (max-width: 768px) { .top01 .txtarea .txt-head .img-box { height: auto; }
  .top01 .txtarea .txt-head .img-box .img { width: 100%; height: auto; position: relative; top: 0; left: auto; right: auto; } }

.movie { padding: 0 0 20rem 0; }
.movie .movie-ttl { text-align: center; font-size: 1.6rem; line-height: 1; font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; letter-spacing: .1em; color: #A3A3A3; text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); }
.movie .movie-area { max-width: 800px; position: relative; margin: 4rem auto 0 auto; padding-bottom: calc(9 / 16 * 100%); }
.movie .movie-area .img { width: 100%; height: auto; }
@media screen and (max-width: 768px) { .movie { padding: 10rem 0; } }
@media screen and (max-width: 480px) { .movie { padding: 0 0 10rem 0; } }

.info { padding: 10rem 0; }
.info .infolist { margin-top: 8rem; width: 90%; max-width: 1000px; margin-right: auto; margin-left: auto; max-width: 950px; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; color: #fff; }
.info .infolist * { min-height: 0%; }
.info .infolist .i-ttl { display: -webkit-box; display: flex; flex-wrap: wrap; align-content: center; font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; letter-spacing: .1em; font-size: 16px; line-height: 1; width: 15%; border-right: solid 1px #fff; }
.info .infolist .i-ttl * { min-height: 0%; }
.info .infolist .infolist-area { width: 85%; padding: 0 2rem 2rem 2rem; }
.info .infolist .infolist-area .i-item { font-size: 14px; line-height: 1.6; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; padding-top: 2rem; padding-bottom: 5px; border-bottom: dotted 1px #fff; }
.info .infolist .infolist-area .i-item * { min-height: 0%; }
.info .infolist .infolist-area .i-item .i-data { width: 20%; }
.info .infolist .infolist-area .i-item .i-txt { width: 78%; }
.info .infolist .infolist-area .i-item .i-txt a { color: #fff; text-decoration: underline; }
@media screen and (max-width: 768px) { .info .infolist .i-ttl { display: block; width: 100%; text-align: center; border-right: none; border-bottom: solid 1px #fff; }
  .info .infolist .infolist-area { width: 100%; padding: 2rem 0; }
  .info .infolist .infolist-area .i-item .i-data { width: 100%; }
  .info .infolist .infolist-area .i-item .i-txt { margin-top: 1rem; width: 100%; }
  .info .infolist .infolist-area .i-item .i-txt .aw { display: inline; } }

.bg-box .txt-head .en { font-size: 14px; }
.bg-box .txt-head .ja { color: #9E905B; }
.bg-box .btn-area { margin-top: 6rem; border: solid 1px #9E905B; display: block; width: 100%; max-width: 320px; }
.bg-box .btn-area a { display: block; padding: 20px; background: #3A3A34; transition: .3s; }
.bg-box .btn-area a:hover { background: rgba(0, 0, 0, 0.8); }
.bg-box .btn-area a .txt { font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; letter-spacing: .1em; display: block; color: #9E905B; font-size: 12px; line-height: 1; text-align: right; border-bottom: solid 1px #9E905B; transition: .3s; }
@media screen and (max-width: 480px) { .bg-box .residence .bgarea .txtarea .txt-head .img-box .img { transform: translateX(13%); } }

.page-caption { color: #ECECED; }

.links2 { margin-top: 30px; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; /*	.quality{
		opacity: .4;
	} */ }
.links2 * { min-height: 0%; }
.links2 .quality, .links2 .zeh, .links2 .premiumplan { width: 33.33%; position: relative; }
.links2 .quality .en, .links2 .zeh .en, .links2 .premiumplan .en { color: #fff; }
.links2 .quality .ja, .links2 .zeh .ja, .links2 .premiumplan .ja { text-shadow: 0 0 10px #000, 0 0 10px #000,0 0 5px #000; }
.links2 .quality .txtarea, .links2 .zeh .txtarea, .links2 .premiumplan .txtarea { display: block; width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
.links2 .quality .txtarea .btn-area, .links2 .zeh .txtarea .btn-area, .links2 .premiumplan .txtarea .btn-area { margin-right: auto; margin-left: auto; }
.links2 > div { position: relative; }
.links2 > div .new { background-color: #D50000; color: #fff; font-size: 12px; text-align: center; line-height: 1.2; padding: 4px 1em; position: absolute; top: 2%; right: 2%; }
@media screen and (max-width: 768px) { .links2 .quality, .links2 .zeh, .links2 .premiumplan { width: 80%; margin-top: 60px; }
  .links2 .quality:nth-of-type(even), .links2 .zeh:nth-of-type(even), .links2 .premiumplan:nth-of-type(even) { margin-right: 0; margin-left: auto; } }
@media screen and (max-width: 480px) { .links2 .quality, .links2 .zeh, .links2 .premiumplan { width: 100%; }
  .links2 .quality:nth-of-type(even), .links2 .zeh:nth-of-type(even), .links2 .premiumplan:nth-of-type(even) { margin-left: 0; } }

.contents-link { background: url("../images/top/img06.jpg") no-repeat top center; background-size: cover; padding: 10rem 0; position: relative; }
.contents-link .note { position: absolute; bottom: 10px; right: 10px; color: #fff; }
.contents-link .inner2 { max-width: 800px; }
.contents-link .cl-ttl { font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; letter-spacing: .1em; text-align: center; font-size: 16px; line-height: 1; color: #9E905B; }
.contents-link .cl { margin-top: 6rem; }
.contents-link .cl .cl-item { width: 100%; border-bottom: solid 1px #fff; }
.contents-link .cl .cl-item a, .contents-link .cl .cl-item .close { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 20px 0; font-size: 14px; color: #fff; transition: .3s; position: relative; }
.contents-link .cl .cl-item a *, .contents-link .cl .cl-item .close * { min-height: 0%; }
.contents-link .cl .cl-item a span, .contents-link .cl .cl-item .close span { display: inline-block; }
.contents-link .cl .cl-item a .en, .contents-link .cl .cl-item .close .en { font-family: "Cinzel", serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; letter-spacing: .1em; width: 20%; color: #9E905B; }
.contents-link .cl .cl-item a .ja, .contents-link .cl .cl-item .close .ja { width: calc(70% - 30px); margin-right: 30px; line-height: 1.4; }
.contents-link .cl .cl-item a .mark, .contents-link .cl .cl-item .close .mark { width: 30px; height: 30px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-radius: 50%; background: #050402; transition: .3s; }
.contents-link .cl .cl-item a .mark .arrow, .contents-link .cl .cl-item .close .mark .arrow { display: block; width: 10px; height: 10px; border-top: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 50%; left: 25%; transform: translateY(-50%) rotate(45deg); z-index: 2; transition: .3s; }
.contents-link .cl .cl-item a:hover { background: rgba(0, 0, 0, 0.4); }
.contents-link .cl .cl-item a:hover .mark { background: rgba(255, 255, 255, 0.2); }
.contents-link .cl .cl-item a:hover .mark .arrow { border-top: solid 1px #9E905B; border-right: solid 1px #9E905B; }
.contents-link .cl .cl-item .close { opacity: .4; }
.contents-link .cl .cl-item .close .mark { display: none; }
@media screen and (max-width: 768px) { .contents-link .cl .cl-item a { font-size: 12px; } }

#container .view { width: 100%; }
#container .view .time { width: 30%; max-width: 320px; position: absolute; top: 20px; right: 20px; z-index: 2; }
#container .view .time img { width: 100%; height: auto; }
@media screen and (max-width: 768px) { #container .view .img-box { overflow-x: scroll; }
  #container .view .img-box .time { right: auto; left: 20px; }
  #container .view .img-box .cap { right: auto; left: 10px; }
  #container .view .img-box .img { height: 300px; width: auto; max-width: 10000px; } }