@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .anchor{ transform: translateY(-136px); display: block; }
#main-content .announce{ max-width: 1112px; width: 100%; background-color: rgba(255,255,255,0.8); position: relative; left: 0; top: 0; z-index: 1001; margin: 31px auto 0; }
#main-content .announce .item{ display: table; padding: 10px 5px; clear: left; width: 100%; margin: 0 auto; box-sizing: border-box; margin: 0 auto; }
#main-content .announce .icon{ display: table-cell; vertical-align: middle; width: 160px; border: 1px solid #666666; text-align: center; vertical-align: middle; box-sizing: border-box; font-size: 20px; color: #666666; }
#main-content .announce .txt{ display: table-cell; vertical-align: middle; padding-left: 7px; font-size: 14px; line-height: 1.33; color: #666666; }
#main-content .section-top{  }
#main-content .section-top .main-visual{ width: 100%; padding-top: 56.25%; position: relative; background-color: #ffffff; overflow: hidden; }
#main-content .section-top .main-visual.end{ padding-top: 71.0714%; }
#main-content .section-top .main-visual .movie{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; }
#main-content .section-top .main-visual .movie video{ width: 100%; height: 100%; }
#main-content .section-top .main-visual .photo{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #ffffff; width: 100%; opacity: 0; transition: opacity 1s ease-in; }
#main-content .section-top .main-visual.end .photo{ opacity: 1; }
#main-content .section-top .main-visual .photo img{ width: 100%; height: auto; }
#main-content .section-top .main-visual .bubble{ position: absolute; left: 10px; top: 10px; width: 30%; max-width: 224px; z-index: 10; opacity: 0; transition: opacity 1s ease-in; box-shadow: 0 0 5px rgba(0,0,0,0.5); border-radius: 50%; }
#main-content .section-top .main-visual.end .bubble{ opacity: 1; }
#main-content .section-top .main-visual .bubble img{ width: 100%; height: auto; }
#main-content .section-top .main-visual .txt{ position: absolute; left: 0; top: 0; width: 15%; margin: 29% 0 0 76.0676%; z-index: 10; opacity: 0; transition: opacity 1s ease-in; }
#main-content .section-top .main-visual.end .txt{ opacity: 1; }
#main-content .section-top .main-visual .txt img{ width: 100%; height: auto; }
#main-content .section-top .main-visual .photo{ opacity: 1; }
#main-content .section-top .main-visual .txt02{ position: absolute; left: 50%; bottom: 0; width: 50%; margin: 0 0 5% 0; z-index: 10; opacity: 0; transition: opacity 1s ease-in; line-height: 0; transform: translateX(-50%); padding: 1% 10%; background: linear-gradient(to right, rgba(0,0,0,0) 5%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0) 95%); }
#main-content .section-top .main-visual.end .txt02{ opacity: 1; }
#main-content .section-top .main-visual .txt02 img{ width: 100%; height: auto; }
#main-content .section-top .main-visual .caption{ position: absolute; right: 0; bottom: 0; background: rgba(255,255,255,0.95); padding: 2px 7px; }
#main-content .section-top .feature{ background-color: #1f1715; text-align: center; padding: 20px 0 15px; }
#main-content .section-top .feature .feature-list{ max-width: 1112px; margin: 0 auto; display: flex; display: -ms-flex; justify-content: center; align-items: center; flex-wrap: wrap; }
#main-content .section-top .feature .feature-list .item{ position: relative; font-size: 30px; }
#main-content .section-top .feature .feature-list .item:nth-child(n+2){ margin-left: 20px; padding-left: 20px; }
#main-content .section-top .feature .feature-list .item:nth-child(n+2)::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background-color: rgba(255,255,255,0.5); }
#main-content .section-top .feature .feature-list .item:nth-child(4){ margin: 15px 0 0; padding: 15px 0 0; width: 100%; }
#main-content .section-top .feature .feature-list .item:nth-child(4)::before{ content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; height: 1px; background-color: rgba(255,255,255,0.5); }
#main-content .section-top .feature .feature-list .txt{ line-height: 1.5; color: #ffffff; }
#main-content .section-top .feature .feature-list .walk{ position: relative; line-height: 1.2; color: #ffffff; }
#main-content .section-top .feature .feature-list .walk .line{ display: block; font-size: 44.1176%; text-align: left; }
/*#main-content .section-top .feature .feature-list .walk .name{ font-size: 108.8235%; }*/
#main-content .section-top .feature .feature-list .walk .name .s-size{ font-size: 48.6486%; }
#main-content .section-top .feature .feature-list .walk .num{ font-size: 150%; line-height: 0; }
#main-content .section-top .feature .feature-list .walk .distance{ display: block; font-size: 44.1176%; text-align: right; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
#main-content .section-top .feature .feature-list .area{ position: relative; line-height: 1.2; color: #ffffff; }
#main-content .section-top .feature .feature-list .area .s-size{ font-size: 50%; display: inline-block; }
#main-content .section-top .feature .feature-list .area .num{ font-size: 120%; line-height: 0; }
#main-content .section-top .feature .feature-list .area .caption{ display: block; font-size: 44.1176%; text-align: center; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
#main-content .section-top .obi01{ background: linear-gradient(to right, #755f31 0%, #bfa255 50%, #755f31 100%); padding: 15px 0; }
#main-content .section-top .obi01 .txt{ text-align: center; font-size: 46px; line-height: 1.3; color: #ffffff; letter-spacing: 0.3em; padding-left: 0.3em; }
#main-content .section-top .obi02{ background: linear-gradient(to right, #6b2c2c 0%, #b6514b 50%, #6b2c2c 100%); padding: 20px 0; }
#main-content .section-top .obi02 .txt{ text-align: center; font-size: 30px; line-height: 1.3; color: #ffffff; letter-spacing: 0.3em; padding-left: 0.3em; }
#main-content .section-top .obi02 .navi{ max-width: 340px; margin: 10px auto 0; }
#main-content .section-top .obi02 .navi a{ display: block; background-color: rgba(255,255,255,0.3); color: #ffffff; text-decoration: none; text-align: center; padding: 10px 0; /*border-radius: 20px;*/ }
#main-content .section-top .entry-body{ padding: 80px 0; background-color: #f3f2f0; text-align: center; }
#main-content .section-top .entry-body .split-bnr{ margin: 0 auto; display: flex; display: -ms-flex; justify-content: space-between; max-width: 1112px; padding: 0 5%; }
#main-content .section-top .entry-body .split-bnr .bnr{ width: 32%; }
#main-content .section-top .entry-body .split-bnr .bnr.len2{ width: 48.1115%; }
#main-content .section-top .entry-body .split-bnr .bnr a{ display: block; }
#main-content .section-top .entry-body .split-bnr .bnr img{ max-width: 100%; height: auto; }
#main-content .section-top .entry-body .hanbai{ max-width: 690PX; margin: 70px auto 0; }
#main-content .section-top .entry-body .hanbai .head{ font-size: 36px; line-height: 1.5; color: #000000; font-weight: normal; }
#main-content .section-top .entry-body .hanbai .list-item{ margin-top: 30px; }
#main-content .section-top .entry-body .hanbai .list-item .item{ border: solid #cecfcf; border-width: 1px 0; display: flex; display: -ms-flex; justify-content: center; align-items: center; flex-wrap: wrap; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; color: #000000; padding: 15px 0; }
#main-content .section-top .entry-body .hanbai .list-item .item:nth-child(n+2){ margin-top: -1px; }
#main-content .section-top .entry-body .hanbai .list-item .item .cat{ width: 100%; font-size: 18px; line-height: 1.5; background-color: rgba(0,0,0,0.1); margin-bottom: 10px; }
#main-content .section-top .entry-body .hanbai .list-item .item .ldk{ font-size: 50px; line-height: 1; }
#main-content .section-top .entry-body .hanbai .list-item .item .ldk .num{ font-size: 114.28%; line-height: 0; }
#main-content .section-top .entry-body .hanbai .list-item .item .ldk .room{ font-size: 36%; line-height: 1.5; vertical-align: middle; display: inline-block; }
#main-content .section-top .entry-body .hanbai .list-item .item .area{ font-size: 36px; line-height: 1.2; margin-left: 0.5em; transform: translateY(10%); }
#main-content .section-top .entry-body .hanbai .list-item .item .area .head{ font-size: 50%; display: inline-block; }
#main-content .section-top .entry-body .hanbai .list-item .item .area .num{ font-size: 150%; line-height: 0; }
#main-content .section-top .entry-body .hanbai .list-item .item .price{ font-size: 33px; line-height: 1.2; margin-left: 0.5em; }
#main-content .section-top .entry-body .hanbai .list-item .item .price .num{ font-size: 180.43%; line-height: 0.7; }
#main-content .section-top .entry-body .hanbai .list-item .item .price .zei{ position: absolute; font-size: 43.47%; transform: translate(-150%,0); }
#main-content .section-top .entry-body .notice{ margin-top: 50px; }
#main-content .section-top .entry-body .en{ font-size: 16px; line-height: 1.5; color: #666666; letter-spacing: 0.2em; padding-left: 0.2em; }
#main-content .section-top .entry-body .list-item{ margin-top: 30px; }
#main-content .section-top .entry-body .list-item .item+.item{ margin-top: 30px; }
#main-content .section-top .entry-body .copy{ font-size: 24px; line-height: 1.2; color: #372f1d; letter-spacing: 0.5em; padding-left: 0.5em; }
#main-content .section-top .entry-body .txt{ font-size: 14px; line-height: 2; color: #4c4c4c; margin-top: 10px; }
#main-content .section-top .entry-body .navi{ margin: 20px auto 0; max-width: 380px; width: 100%; }
#main-content .section-top .entry-body .navi a{ display: block; background: linear-gradient(to right, #372f1d 0%, #796444 100%); font-size: 15px; line-height: 1.5; color: #ffffff; text-decoration: none; padding: 20px 0; }
#main-content .section-top .entry-body .bnr-body{ max-width: 1112px; margin: 0 auto 0; text-align: center; }
#main-content .home-navi{ margin: 50px auto 0; max-width: 1400px; }
#main-content .home-navi .list-item .item{ position: relative; }
#main-content .home-navi .list-item .item:nth-child(n+2){ margin-top: 10px; }
#main-content .home-navi .list-item .item .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); z-index: 20; }
#main-content .home-navi .list-item .item .split-view{ display: flex; display: -ms-flex; justify-content: space-between; align-items: center; }
#main-content .home-navi .list-item .item:nth-child(2n+1) .split-view{ flex-direction: row-reverse; }
#main-content .home-navi .list-item .item .split-view .photo-body{ width: 64.2857%; position: relative; overflow: hidden; }
#main-content .home-navi .list-item .item .split-view .photo-body .photo01{ width: 900px; position: relative; left: 50%; transform: translateX(-50%); }
#main-content .home-navi .list-item .item .split-view .photo-body .caption{ position: absolute; right: 0; bottom: 0; padding: 2px 5px; background-color: rgba(0,0,0,0.8); color: #ffffff; }
#main-content .home-navi .list-item .item .split-view .txt-body{ padding: 0 4.2857%; flex: 1; }
#main-content .home-navi .list-item .item .split-view .txt-body .en{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 19px; line-height: 1.2; color: #a9a57e; position: relative; padding-top: 15px; }
#main-content .home-navi .list-item .item .split-view .txt-body .en::before{ content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 1px; background-color: #a9a57e; }
#main-content .home-navi .list-item .item .split-view .txt-body .txt{ font-size: 20px; line-height: 2; color: #000000; margin-top: 20px; }
#main-content .home-navi .list-item .item .split-view .txt-body .btn{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 15px; line-height: 1.5; max-width: 177px; color: #a9a57e; border-bottom: 1px solid #a9a57e; padding: 5px 10px; margin-top: 10px; position: relative; }
#main-content .home-navi .list-item .item .split-view .txt-body .btn .arrow{ content: ""; position: absolute; right: 0; top: 50%; width: 16px; height: 1px; background-color: #a9a57e; margin-right: 10px; }
#main-content .home-navi .list-item .item .split-view .txt-body .btn .arrow::before{ content: ""; position: absolute; right: 0; top: 0; width: 50%; height: 1px; background-color: #a9a57e; transform-origin: right 0; transform: rotate(45deg); }

#main-content .home-navi .list-item .item01 .split-view .photo-body{ padding-top: 20px; }
#main-content .home-navi .list-item .item01 .split-view .photo-body .photo02{ position: absolute; left: 0; bottom: 0; width: 648px; z-index: 10; margin-left: 10.6667%; }
#main-content .home-navi .list-item .item02 .split-view .photo-body .photo01{ left: 0; transform: none; }

#main-content .home-navi-caption{ max-width: 1112px; margin: 5px auto 0; text-align: right; }






/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .section-top .feature .feature-list .item{ font-size: 28px; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .announce{ padding-top: 0; top: 0; position: relative; margin-top: 0; }
	#main-content .announce .item{ display: block; overflow: hidden; padding: 7px 10px; width: auto; }
	#main-content .announce .icon{ display: block; float: left; }
	#main-content .announce .txt{ font-size: 12px; display: block; overflow: hidden; }
	#main-content .announce .txt .inline-block{ display: inline; }
	#main-content .anchor{ transform: translateY(-61px); }
	#main-content .section-top .main-visual .txt{ width: 22%; margin: 28% 0 0 72.0676%; }
	#main-content .section-top .main-visual .txt02{ width: 70%; margin-bottom: 7%; }
	#main-content .section-top .feature{ padding: 20px 5%; }
	#main-content .section-top .feature .feature-list{ display: inline-block; }
	#main-content .section-top .feature .feature-list .item{ position: relative; font-size: 5vw; }
	#main-content .section-top .feature .feature-list .item:nth-child(n+2){ margin: 15px 0 0; padding: 15px 0 0; }
	#main-content .section-top .feature .feature-list .item:nth-child(n+2)::before{ width: 100%; height: 1px; transform: translateX(-50%); width: 90vw; left: 50%; top: 0; }
	#main-content .section-top .feature .feature-list .item .inner-body{ position: relative; display: inline-block; }
	#main-content .section-top .obi01{ background: linear-gradient(to right, #755f31 0%, #bfa255 50%, #755f31 100%); padding: 15px 0; }
	#main-content .section-top .obi01 .txt{ font-size: 6vw; letter-spacing: 0; padding-left: 0; }
	#main-content .section-top .obi02{ padding: 15px 0; }
	#main-content .section-top .obi02 .txt{ font-size: 5vw; letter-spacing: 0; padding-left: 0; }
	#main-content .section-top .entry-body{ padding: 15% 5%; }
	#main-content .section-top .entry-body .split-bnr{ margin: 0 auto; display: block; max-width: 535px; padding: 0; }
	#main-content .section-top .entry-body .split-bnr .bnr{ width: 100%; }
	#main-content .section-top .entry-body .split-bnr .bnr.len2{ width: 100%; }
	#main-content .section-top .entry-body .split-bnr .bnr+.bnr{ margin-top: 5%; }
	#main-content .section-top .entry-body .hanbai{ margin-top: 10%; max-width: none; }
	#main-content .section-top .entry-body .hanbai .head{ font-size: 4.687vw; }
	#main-content .section-top .entry-body .hanbai .list-item{ margin-top: 5%; }
	#main-content .section-top .entry-body .hanbai .list-item .item .ldk{ font-size: 6.5104vw; }
	#main-content .section-top .entry-body .hanbai .list-item .item .area{ font-size: 4.6875vw; }
	#main-content .section-top .entry-body .hanbai .list-item .item .price{ font-size: 4.2968vw; }
	#main-content .section-top .entry-body .notice{ margin-top: 10%; }
	#main-content .section-top .entry-body .list-item{ margin-top: 7%; }
	#main-content .section-top .entry-body .list-item .item+.item{ margin-top: 7%; }
	#main-content .section-top .entry-body .navi{ margin-top: 5%; }
	/*#main-content .section-top .entry-body .bnr-body{ margin-top: 10%; }*/
	#main-content .home-navi{ margin-top: 10%; }
	#main-content .home-navi .list-item .item{ position: relative; }
	#main-content .home-navi .list-item .item:nth-child(n+2){ margin-top: 5%; }
	#main-content .home-navi .list-item .item .split-view{ display: block; }
	#main-content .home-navi .list-item .item .split-view .photo-body{ width: 100%; }
	#main-content .home-navi .list-item .item .split-view .photo-body .photo01{ width: 100%; left: auto; transform: none; }

	#main-content .home-navi .list-item .item .split-view .txt-body{ padding: 5%; }
	#main-content .home-navi .list-item .item .split-view .txt-body .txt{ font-size: 18px; margin-top: 15px; }

	#main-content .home-navi .list-item .item01 .split-view .photo-body{ padding-top: 2.5%; }
	#main-content .home-navi .list-item .item01 .split-view .photo-body .photo02{ width: 72%; }

	#main-content .home-navi-caption{ text-align: left; padding: 0 5%; margin-top: 5%; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .announce{ margin-top: 0; }
	#main-content .announce .icon{ float: none; line-height: 1.5; width: 100%; }
	#main-content .announce .txt{ margin-top: 5px; padding: 0; }
	#main-content .section-top .feature .feature-list .item{ font-size: 7vw; }
	#main-content .section-top .obi01 .txt{ font-size: 8vw; }
	#main-content .section-top .obi02 .txt{ font-size: 7vw; }
	#main-content .section-top .entry-body .copy{ letter-spacing: 0.2em; padding-left: 0.2em; }
}