@charset "UTF-8";

#main-content .floating{ position: absolute; right: 0; width: 30%; transform: translateY(-50%); margin-top: 25.17%; z-index: 1500; }
#main-content .floating.fixed{ position: fixed; top: 10px; transform: none; margin-top: 0; }
#main-content .floating .bnr{ position: relative; }
#main-content .floating .bnr .close{ width: 28px; height: 28px; position: absolute; right: 0; bottom: 100%; background-color: rgba(0,0,0,0.8); cursor: pointer; }
#main-content .floating .bnr .close::before,
#main-content .floating .bnr .close::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 70%; height: 1px; background-color: #ffffff; }
#main-content .floating .bnr .close::before{ transform: translate(-50%,-50%) rotate(45deg); }
#main-content .floating .bnr .close::after{ transform: translate(-50%,-50%) rotate(-45deg); }
#main-content .main-visual{ position: relative; }
#main-content .main-visual .list-item .item{ position: relative; }
#main-content .main-visual .list-item .item .photo .pc{ display: block; }
#main-content .main-visual .list-item .item .photo .sp{ display: none; }
#main-content .main-visual .list-item .item .caption{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); padding: 3px; font-size: 12px; color: #fff; line-height: 1; }
#main-content .main-visual .list-item .prev-arrow,
#main-content .main-visual .list-item .next-arrow{ position: absolute; top: 0; width: 35px; height: 70px; background-color: rgba(0,0,0,0.85); transform: translateY(-50%); margin-top: 25.17%; z-index: 50; cursor: pointer; transition: opacity 0.5s; }
#main-content .main-visual .list-item .prev-arrow:hover,
#main-content .main-visual .list-item .next-arrow:hover{ opacity: 0.7; }
#main-content .main-visual .list-item .prev-arrow{ left: 0; }
#main-content .main-visual .list-item .next-arrow{ right: 0; }
#main-content .main-visual .list-item .prev-arrow::before,
#main-content .main-visual .list-item .next-arrow::before{ content: ""; position: absolute; left: 50%; top: 50%; border: solid #ffffff; width: 30%; padding-top: 30%; }
#main-content .main-visual .list-item .prev-arrow::before{ border-width: 0 0 1px 1px; transform: translate(-50%,-50%) translateX(25%) rotate(45deg); }
#main-content .main-visual .list-item .next-arrow::before{ border-width: 1px 1px 0 0; transform: translate(-50%,-50%) translateX(-25%) rotate(45deg); }
#main-content .main-visual .bubble{ position: absolute; right: 0; bottom: 0; margin: 0 20px 30px 0; width: 27.91%; }
#main-content .main-visual .slide-bar{ height: 5px; width: 100%; background-color: #fffdd6; display: -ms-flex; display: flex; }
#main-content .main-visual .slide-bar .item{ height: 100%; flex: 1; position: relative; }
#main-content .main-visual .slide-bar .item::after{ content: ""; position: absolute; left: 0; top: 0; height: 100%; background-color: #c0a457; width: 100%; transform: scaleX(0); transform-origin: 0 0; }
#main-content .main-visual .slide-bar .item.active::after{ transition: transform 4s; transform: scaleX(1); }
#main-content .main-visual .slide-bar .item.pass::after{ transition: transform 0s!imoportant; transform: scaleX(1); }
/*#main-content .feature::before{ content: ""; width: 100%; height: 5px; position: relative; display: block; left: 0; top: 0; background: linear-gradient(to right, #c0a457 16.66%, #fffdd6 16.66%); border-bottom: 1px solid #e3e1db; }*/
#main-content .feature .list-item{ max-width: 1112px; display: -ms-flex; display: flex; margin: 0 auto; padding: 20px 3%; justify-content: space-between; align-items: center; }
#main-content .feature .list-item .item01{ width: 31.65%; }
#main-content .feature .list-item .item02{ width: 28.32%; }
#main-content .feature .list-item .item03{ width: 30.93%; }
#main-content .feature .list-item .deco{ width: 4.5%; padding-top: 4.5%; position: relative; }
#main-content .feature .list-item .deco::before,
#main-content .feature .list-item .deco::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 70%; height: 1px; background-color: #606060; }
#main-content .feature .list-item .deco::before{ transform: translate(-50%,-50%) rotate(45deg); }
#main-content .feature .list-item .deco::after{ transform: translate(-50%,-50%) rotate(-45deg); }
#main-content .model-section{ padding: 20px 0; position: relative; background: linear-gradient(to right, rgba(255,249,241,0) 20%, rgba(255,249,241,0.3) 50%, rgba(255,249,241,0) 80%); text-align: center; overflow: hidden; }
#main-content .model-section{ background-color: #aa8d1a; color: #ffffff; }
#main-content .model-section::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: linear-gradient(to right, #f8f6ef 0%, #aa8d1a 50%, #f8f6ef 100%); }
#main-content .model-section .copy{ font-size: 58px; line-height: 1.2; /*letter-spacing: 0.2em; padding-left: 0.2em;*/ }
#main-content .model-section .copy{ color: #ffffff; }
#main-content .model-section .copy sup{ font-size: 14px; letter-spacing: 0; }
#main-content .model-section.reflection::after{
	content: ''; width: 10%; height: 200%; position: absolute; top: 50%; left: -18%; background-color: #000000; transform: translateY(-50%) rotate(30deg); animation: reflection 3s ease-in-out infinite;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
}
#main-content .sale-section{ padding: 30px 0; position: relative; background: linear-gradient(to right, rgba(255,249,241,0) 20%, rgba(255,249,241,0.3) 50%, rgba(255,249,241,0) 80%); text-align: center; overflow: hidden; }
#main-content .sale-section{ background-color: #a04218; color: #ffffff; }
#main-content .sale-section::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #ffffff; }
#main-content .sale-section .copy{ font-size: 60px; line-height: 1.2; }
@media screen and (max-width: 800px){
	#main-content .sale-section .copy{ font-size: 7.5vw; }
}
#main-content .sale-section .copy .manen{ position: relative; }
#main-content .sale-section .copy .manen .tax{ font-size: 40%; position: absolute; left: 0; top: 0; transform: translateY(-60%); }
#main-content .sale-section .copy .s-size{ font-size: 80%; }
#main-content .sale-section .copy .num{ font-size: 140%; }
#main-content .sale-section .copy{ color: #ffffff; }
#main-content .sale-section .copy sup{ font-size: 14px; letter-spacing: 0; }
#main-content .sale-section.reflection::after{
	content: ''; width: 10%; height: 200%; position: absolute; top: 50%; left: -18%; background-color: #000000; transform: translateY(-50%) rotate(30deg); animation: reflection 3s ease-in-out infinite;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
}
@keyframes reflection {
	0% { left: -25%; }
	30% { left: -25%; }
	70% { left: 115%; }
	100% { left: 115%; }
}
#main-content .ceiling-section{ padding: 30px 0; position: relative; background: linear-gradient(to right, rgba(246,246,246,0) 20%, rgba(246,246,246,1) 50%, rgba(246,246,246,0) 80%); text-align: center; }
#main-content .ceiling-section::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: linear-gradient(to right, #f8f6ef 0%, #aa8d1a 50%, #f8f6ef 100%); }
#main-content .ceiling-section .about{ font-size: 30px; line-height: 1.5; }
#main-content .ceiling-section .about .marker{ font-size: 76.66%; border: 1px solid #666666; display: inline-block; padding: 2px 10px; margin-right: 0.2em; }
#main-content .ceiling-section .about .s-size{ font-size: 70%; }
#main-content .ceiling-section .about .num{ font-size: 140%; line-height: 1; }
#main-content .ceiling-section .copy{ font-size: 28px; line-height: 1.5; color: #bfa357; margin-top: 10px; }
#main-content .ceiling-section .navi{ width: 100%; max-width: 450px; margin: 10px auto 0; }
#main-content .ceiling-section .navi a{ display: block; text-decoration: none; font-size: 16px; padding: 10px 0; position: relative; border-radius: 25px; border: 1px solid #cccccc;  background: #c02940; color: #ffffff; }
#main-content .ceiling-section .navi a img{ width: 24px; margin-right: 0.5em; vertical-align: middle; }
#main-content .ceiling-section .navi a .inner{ display: inline-block; vertical-align: top; }
#main-content .merit-section{ padding: 40px 0; position: relative; }
#main-content .merit-section::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: linear-gradient(to right, #f8f6ef 0%, #aa8d1a 50%, #f8f6ef 100%); }
#main-content .merit-section .list-item{ width: 90%; max-width: 1112px; display: flex; display: -ms-flex; margin: 0 auto; flex-wrap: wrap; justify-content: space-between; }
#main-content .merit-section .list-item .item{ width: 21.49%; }
#main-content .merit-section .list-item .item .caption{ font-size: 14px; line-height: 1.28; color: #606060; margin-top: 10px; }
#main-content .middle-section{ padding: 80px 0; position: relative; }
/*#main-content .middle-section::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: linear-gradient(to right, #f8f6ef 0%, #aa8d1a 50%, #f8f6ef 100%); }*/
#main-content .bnr-wrap{ width: 90%; max-width: 1112px; margin: 0 auto;  }
#main-content .bnr-wrap .bnr+.bnr{ margin-top: 20px; }
#main-content .bnr-wrap .bnr a{ display: block; }
#main-content .notice{ width: 90%; max-width: 1112px; margin: 80px auto 0; }
#main-content .notice .ttl{ font-family: 'EB Garamond', 'Cormorant Garamond', serif; font-size: 28px; line-height: 1.5; text-align: center; color: #000000; max-width: 720px; margin: 0 auto; position: relative; display: -ms-flex; display: flex; align-items: center; }
#main-content .notice .ttl::before,
#main-content .notice .ttl::after{ content: ""; flex: 1; height: 1px; background-color: #cccccc; }
#main-content .notice .ttl::before{ margin-right: 1em; }
#main-content .notice .ttl::after{ margin-left: 1em; }
#main-content .notice .list-item{ margin-top: 30px; padding: 0; text-align: center; }
#main-content .notice .list-item .item{ display: inline-block; }
#main-content .notice .list-item .item+.item{ margin-top: 30px; }
#main-content .notice .list-item .item .request-txt{ font-size: 40px; line-height: 1.7; letter-spacing: 0.2em; padding-left: 0.2em; color: #000000; }
#main-content .notice .list-item .item .head{ font-size: 32px; line-height: 1.7; color: #000000; }
#main-content .notice .list-item .item .txt{ font-size: 16px; line-height: 1.7; /*text-align: left;*/ }
#main-content .notice .list-item .item a{ color: #1797c8; text-decoration: underline; }
#main-content .notice .contact-navi{ margin: 10px auto 0; display: -ms-flex; display: flex; justify-content: center; width: 100%; }
#main-content .notice .contact-navi .navi{ width: 100%; max-width: 450px; display: block; background-color: #ffffff;  overflow: hidden; }
#main-content .notice .contact-navi .navi+.navi{ margin-left: 20px; }
#main-content .notice .contact-navi .navi a{ display: block; color: #ffffff; text-decoration: none; font-size: 16px; padding: 10px 0; position: relative; border-radius: 25px; border: 1px solid #cccccc; }
#main-content .notice .contact-navi .navi-request a{ background: #ffffff; color: #606060; }
#main-content .notice .contact-navi .navi-reservation a{ background: #c02940; color: #ffffff; }
#main-content .notice .contact-navi .navi a img{ width: 24px; margin-right: 0.5em; vertical-align: middle; }
#main-content .notice .contact-navi .navi a .inner{ display: inline-block; vertical-align: top; }
#main-content .main-navi{ background: linear-gradient(to right, rgba(246,246,246,0) 10%, rgba(246,246,246,1) 35%, rgba(246,246,246,1) 65%, rgba(246,246,246,0) 90%); margin: 0 auto; padding: 80px 0; position: relative; }
#main-content .main-navi::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: linear-gradient(to right, #f8f6ef 0%, #aa8d1a 50%, #f8f6ef 100%); }
#main-content .main-navi .ttl{ font-family: 'EB Garamond', 'Cormorant Garamond', serif; font-size: 28px; line-height: 1.5; text-align: center; color: #000000; max-width: 720px; margin: 0 auto; position: relative; display: -ms-flex; display: flex; align-items: center; }
#main-content .main-navi .ttl::before,
#main-content .main-navi .ttl::after{ content: ""; flex: 1; height: 1px; background-color: #cccccc; }
#main-content .main-navi .ttl::before{ margin-right: 1em; }
#main-content .main-navi .ttl::after{ margin-left: 1em; }
#main-content .main-navi .navi-list{ max-width: 1112px; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 50px auto 0; }
#main-content .main-navi .navi-list .item{ position: relative; background-color: #f6f2e5; width: 30.4%; margin-left: 4.4%; }
#main-content .main-navi .navi-list .item:nth-child(3n+1){ margin-left: 0; }
#main-content .main-navi .navi-list .item:nth-child(n+4){ margin-top: 4.4%; }
#main-content .main-navi .navi-list .item .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0); z-index: 5; transition: background-color 0.25s; }
#main-content .main-navi .navi-list .item .overlay:hover{ background-color: rgba(255,255,255,0.3); }
#main-content .main-navi .navi-list .item .photo-body{ position: relative; }
#main-content .main-navi .navi-list .item .photo-body .photo img{ width: 100%; height: auto; }
#main-content .main-navi .navi-list .item .photo-body .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 5px; background-color: rgba(255,255,255,0.8); font-size: 14px; line-height: 1.5; }
#main-content .main-navi .navi-list .item .txt-body{ padding: 20px; }
#main-content .main-navi .navi-list .item .txt-body .name{ font-size: 21px; line-height: 1.5; }
#main-content .main-navi .navi-list .item .txt-body .name .s-size{ font-size: 85%; }
#main-content .main-navi .navi-list .item .txt-body .txt{ font-size: 14px; line-height: 1.7;  }
#main-content .end-caption{ font-size: 14px; line-height: 1.28; color: #606060; margin-top: 10px; max-width: 1112px; margin: 0 auto; border-top: 1px solid #cccccc; padding: 20px 0; }


/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
}

@media screen and (max-width: 768px){
	#main-content .floating{ position: fixed; left: 0; right: auto; bottom: 0; top: auto; width: 100%; transform: none; margin: 0 0 51px; }
	#main-content .floating.fixed{ top: auto; transform: none; margin-top: 0; }
	#main-content .main-visual .list-item .item .photo .pc{ display: none; }
	#main-content .main-visual .list-item .item .photo .sp{ display: block; }
	#main-content .main-visual .list-item .prev-arrow,
	#main-content .main-visual .list-item .next-arrow{ margin-top: 33.33%; }
	#main-content .main-visual .bubble{ margin: 0 3.81% 6.61% 0; width: 42.49%; }
	/*#main-content .feature::before{ height: 3px; }*/
	#main-content .feature .list-item{ width: 91.6%; padding: 0; flex-wrap: wrap; justify-content: center; }
	#main-content .feature .list-item .item{ padding: 3% 0; }
	#main-content .feature .list-item .item01{ width: 72.83%; }
	#main-content .feature .list-item .item02{ width: 43.89%; }
	#main-content .feature .list-item .item03{ width: 58.30%; margin-left: -8.75%; }
	#main-content .feature .list-item .deco01{ width: 100%; padding-top: 1px; background-color: #606060; }
	#main-content .feature .list-item .deco02{ width: 5.55%; padding-top: 5.55%; margin-left: 1%; margin-top: -3%; }
	#main-content .feature .list-item .deco01::before,
	#main-content .feature .list-item .deco01::after{ display: none; }
	#main-content .model-section{ padding: 3.90vw 0; }
	#main-content .model-section .copy{ font-size: 7vw; /*letter-spacing: 0.15em; padding-left: 0.15em;*/ }
	#main-content .sale-section{ padding: 3.90vw 0; }
	#main-content .ceiling-section{ padding: 3.90vw 0; }
	#main-content .ceiling-section .about{ font-size: 4.4vw; }
	#main-content .ceiling-section .about .marker{ padding: 0.26vw 1.30vw; margin-right: 0.2em; }
	#main-content .ceiling-section .copy{ font-size: 4.83vw; margin-top: 1.30vw; }
	#main-content .ceiling-section .navi{ width: 62.61%; margin: 1.30vw auto 0; }
	#main-content .ceiling-section .navi a{ font-size: 4.07vw; padding: 1.30vw 0; border-radius: 5vw; }
	#main-content .ceiling-section .navi a img{ width: 4.77vw; }
	#main-content .merit-section{ padding: 5.20vw 0; }
	#main-content .merit-section .list-item .item{ width: 48%; }
	#main-content .merit-section .list-item .item:nth-child(n+3){ margin-top: 4%; }
	#main-content .merit-section .list-item .item .caption{ font-size: 3.05vw; margin-top: 2.54vw; }
	#main-content .middle-section{ padding: 10.41% 0; position: relative; }
	#main-content .notice{ width: 90%; margin: 10.41% auto 0; }
	#main-content .notice .ttl{ font-size: 4.56vw; }
	#main-content .notice .list-item{ margin-top: 3.90vw; }
	#main-content .notice .list-item .item+.item{ margin-top: 3.90vw; }
	#main-content .notice .list-item .item .request-txt{ font-size: 7.63vw; }
	#main-content .notice .list-item .item .head{ font-size: 5.08vw; }
	#main-content .notice .list-item .item .txt{ font-size: 3.56vw; text-align: left; }
	#main-content .notice .contact-navi{ margin: 1.30vw auto 0; }
	#main-content .notice .contact-navi .navi{ width: 70%; margin: 1.30vw auto 0; }
	#main-content .notice .contact-navi .navi a{ font-size: 4.07vw; padding: 1.30vw 0; border-radius: 5vw; }
	#main-content .notice .contact-navi .navi a img{ width: 4.77vw; }
	#main-content .notice .contact-navi .navi a .inner{ display: inline-block; vertical-align: top; }
	#main-content .main-navi{ padding: 10.41vw 5%; }
	#main-content .main-navi .ttl{ font-size: 4.56vw; }
	#main-content .main-navi .navi-list{ margin: 6.51vw auto 0; }
	#main-content .main-navi .navi-list .item{ width: 48%; }
	#main-content .main-navi .navi-list .item:nth-child(n){ margin-left: 4%; }
	#main-content .main-navi .navi-list .item:nth-child(2n+1){ margin-left: 0; }
	#main-content .main-navi .navi-list .item:nth-child(n+3){ margin-top: 4.4%; }
	#main-content .main-navi .navi-list .item .photo-body .caption{ font-size: 2.604vw; }
	#main-content .main-navi .navi-list .item .txt-body{ padding: 2.54vw; }
	#main-content .main-navi .navi-list .item .txt-body .name{ font-size: 4.07vw; }
	#main-content .main-navi .navi-list .item .txt-body .name .s-size{ display: block; }
	#main-content .main-navi .navi-list .item .txt-body .txt{ font-size: 3.05vw; }
	#main-content .end-caption{ font-size: 2.604vw; margin-top: 0; padding: 2.60vw 0; }
}