﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}input,label,select,textarea{vertical-align:sub;font-family:inherit}@media screen and (max-width: 700px){input,label,select,textarea{-webkit-appearance:none}}body{color:#333;font-family:-apple-system-subset, "Avenir Next", Arial, Roboto, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif;font-size:15px;letter-spacing:1.5px;width:100%;line-height:170%;-webkit-text-size-adjust:100%}a:link{color:#333;text-decoration:none}a:hover{color:#333;text-decoration:none}a:visited{color:#333;text-decoration:none}.wrap{width:1200px;margin-left:auto;margin-right:auto}@media screen and (max-width: 1000px){.wrap{width:100%;padding-left:10px;padding-right:10px}}header{position:fixed;top:0;left:0;right:0;height:80px;background-color:rgba(255,255,255,0.8);-moz-box-shadow:0 0 4px #999;-webkit-box-shadow:0 0 4px #999;box-shadow:0 0 4px #999;z-index:5;display:none}header .wrap{height:80px}@media screen and (max-width: 1000px){header .wrap{padding:0}}header .wrap h1{float:left;background-image:url("../img/logo.png");background-repeat:no-repeat;background-size:130px auto;background-position:top 20px left}@media screen and (max-width: 1000px){header .wrap h1{padding-right:15px;background-position:top 20px left 15px}}header .wrap h1 a{display:block;width:140px;height:30px;margin-top:20p;padding-top:70px}header .wrap ul{font-family:'Playfair Display', serif;float:right;padding:12px 0 0}@media screen and (max-width: 1000px){header .wrap ul{width:100%;margin-top:10px;padding:0;background-color:#ddd;display:none}}header .wrap ul li{color:#000;display:inline-block;margin-left:30px}@media screen and (max-width: 1000px){header .wrap ul li{margin:0;display:block}}header .wrap ul li a{display:block;padding:15px}@media screen and (max-width: 1000px){header .wrap ul li a{border-bottom:solid 1px #fff}}header .wrap ul li:last-child a{border-bottom:none}header #toggle{display:none;position:absolute;top:40px;right:15px;cursor:pointer}@media screen and (max-width: 1000px){header #toggle{top:25px;display:block}}header #toggle .menu-trigger,header #toggle .menu-trigger span{display:inline-block;transition:all 0.4s;box-sizing:border-box}header #toggle .menu-trigger{position:relative;width:36px;height:23px}header #toggle .menu-trigger span{position:absolute;left:0;width:100%;height:2px;background-color:#000;border-radius:4px}header #toggle .menu-trigger span:nth-of-type(1){top:0}header #toggle .menu-trigger span:nth-of-type(2){top:10px}header #toggle .menu-trigger span:nth-of-type(3){bottom:0}header #toggle .menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(15px) rotate(-45deg);transform:translateY(15px) rotate(-45deg)}header #toggle .menu-trigger.active span:nth-of-type(2){opacity:0}header #toggle .menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-7px) rotate(45deg);transform:translateY(-7px) rotate(45deg)}.fade{animation-name:fade-in1;animation-duration:4s;animation-timing-function:ease-out;animation-delay:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}@keyframes fade-in1{0%{opacity:0}100%{opacity:1}}#index{font-family:'Playfair Display', serif}#index #opening{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#fff;z-index:9}#index #opening img{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:280px;z-index:1;opacity:0}@media screen and (max-width: 1000px){#index #opening img{width:200px}}#index #visual{position:relative;height:100%;width:100%;overflow:hidden}#index #visual #slider{position:relative}#index #visual img.slide{min-height:100%;width:100%;position:fixed;top:0;left:0;z-index:1}@media screen and (max-width: 1000px){#index #visual img.slide{min-height:inherit}}#index #visual dfn img{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:280px;z-index:1}@media screen and (max-width: 1000px){#index #visual dfn img{width:200px}}#index main{width:100%;position:absolute;top:1000px;left:0;right:0;background-color:#fff;padding-top:50px;z-index:1}#index main .odd{position:relative;height:630px}@media screen and (max-width: 1000px){#index main .odd{height:auto;margin-bottom:80px}}#index main .odd .wrap{position:relative}#index main .odd .wrap .box{position:relative;background-repeat:no-repeat;background-size:auto 450px;background-position:left top;height:500px}#index main .odd .wrap .explain{position:absolute;top:100px;left:600px;width:600px;height:380px;padding:30px;background-color:#fff}@media screen and (max-width: 1000px){#index main .odd .wrap .explain{top:200px;left:0;width:100%;height:auto}}#index main .odd .wrap .explain dfn{color:#999}#index main .odd .wrap .explain h3{font-size:20px;margin-bottom:10px}#index main .odd .wrap .explain p{color:#666;margin-bottom:10px}#index main .odd .wrap .explain a{margin-top:10px;border:solid 1px #000;padding:12px 30px;display:inline-block}#index main .odd .wrap .explain a:hover{color:#fff;background-color:#000}#index main .odd .wrap:before{content:"";display:block;position:absolute;top:60px;left:200px;width:800px;height:450px;background:-webkit-linear-gradient(50deg, #eee, #f5f5f5);background:linear-gradient(50deg, #eeeeee,#f5f5f5)}@media screen and (max-width: 1000px){#index main .odd .wrap:before{display:none}}#index main .even{position:relative;height:630px}@media screen and (max-width: 1000px){#index main .even{height:auto;margin-bottom:80px}}#index main .even .wrap{position:relative}#index main .even .wrap .box{position:relative;background-repeat:no-repeat;background-size:auto 450px;background-position:right top;height:500px}#index main .even .wrap .explain{position:absolute;top:100px;left:0;width:600px;height:380px;padding:30px;background-color:#fff}@media screen and (max-width: 1000px){#index main .even .wrap .explain{top:200px;left:0;width:100%;height:auto}}#index main .even .wrap .explain dfn{color:#999}#index main .even .wrap .explain h3{font-size:20px;margin-bottom:10px}#index main .even .wrap .explain p{color:#666;margin-bottom:10px}#index main .even .wrap .explain a{margin-top:10px;border:solid 1px #000;padding:12px 30px;display:inline-block}#index main .even .wrap .explain a:hover{color:#fff;background-color:#000}#index main .even .wrap:before{content:"";display:block;position:absolute;top:60px;left:200px;width:800px;height:450px;background:-webkit-linear-gradient(50deg, #eee, #f5f5f5);background:linear-gradient(50deg, #eeeeee,#f5f5f5)}@media screen and (max-width: 1000px){#index main .even .wrap:before{display:none}}#list h2,#sold h2{text-align:center;font-family:'Playfair Display', serif;font-size:20px;margin:150px 0 60px}@media screen and (max-width: 1000px){#list h2,#sold h2{margin:130px 0 60px}}#list main .wrap,#sold main .wrap{overflow:hidden;padding-bottom:100px}#list dl,#sold dl{width:360px;margin-right:60px;margin-bottom:30px;float:left;display:none}@media screen and (max-width: 1000px){#list dl,#sold dl{width:100%}}#list dl dt,#sold dl dt{margin-bottom:5px}#list dl dt img,#sold dl dt img{width:100%}#list dl dd,#sold dl dd{font-family:'Playfair Display', serif}#list dl dd:nth-child(2),#sold dl dd:nth-child(2){font-size:16px}#list dl dd:nth-child(3),#sold dl dd:nth-child(3){color:#ccc}#list dl:nth-child(3n),#sold dl:nth-child(3n){margin-right:0}#sold dl{padding-top:20px;position:relative}#sold dl dt a{padding-top:10px}#sold dl dt a:after{position:absolute;top:0;right:0;content:"SOLD";font-size:16px;display:block;font-family:'Playfair Display', serif;font-weight:bold;width:150px;padding:5px;text-align:center;background-color:rgba(255,255,255,0.9);transform:translate(20%, -15px) rotate(36deg);-webkit-transform:translate(20%, -15px) rotate(36deg);-moz-transform:translate(220%, -15px) rotate(36deg);-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;z-index:1}#detail main{position:relative;margin:0;overflow:hidden}#detail #showcase{width:100%;min-height:700px;position:relative;margin:5px auto 30px;background-image:url("../img/logo.png");background-repeat:no-repeat;background-size:200px auto;background-position:top 230px center;overflow:hidden}@media screen and (max-width: 1000px){#detail #showcase{min-height:320px}}#detail #showcase .item{margin:0 0 5px 5px;width:calc(33% - 5px);float:left;display:none}@media screen and (max-width: 1000px){#detail #showcase .item{width:calc(50% - 5px)}}#detail #showcase .item img{width:100%;vertical-align:bottom}#detail #explain{position:fixed;left:0;right:0;bottom:0;padding:30px 0 0;background-color:rgba(255,255,255,0.95);overflow:hidden}@media screen and (max-width: 1000px){#detail #explain{position:static}}#detail #explain article{font-family:游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;width:calc(50% - 30px);margin-right:50px;float:left}@media screen and (max-width: 1000px){#detail #explain article{width:100%;margin-right:0}}#detail #explain article dfn{color:#999}#detail #explain article h3{font-size:20px;margin-bottom:20px}#detail #explain article h3.sold:after{content:"SOLD";font-family:'Playfair Display', serif;display:inline-block;float:inherit;background-color:#000;color:#fff;padding:1px 10px;font-size:15px;margin:0 0 0 15px}#detail #explain article p{margin-bottom:10px}#detail #explain #summary{float:left;margin-top:40px;width:calc(50% - 20px)}@media screen and (max-width: 1000px){#detail #explain #summary{width:100%}}#detail #explain #summary dl{font-size:13px;margin-bottom:15px;overflow:hidden}#detail #explain #summary dl dt{font-family:'Playfair Display', serif;width:100px;color:#999;float:left}#detail #explain #summary dl dd{float:left;line-height:160%}@media screen and (max-width: 1000px){#detail #explain #summary dl dd{float:inherit;margin-left:100px}}#detail #explain #summary dl:nth-child(3){display:none}@media screen and (max-width: 1000px){#detail #explain #summary dl:nth-child(3){display:block}}#detail #floor{margin:60px auto;text-align:center;overflow:hidden}#detail #floor .wrap figure{display:block;background-color:#F8F4EF}#detail #floor .wrap figure img{width:80%}#detail #map{margin:0 auto 60px}#detail #map #googlemap{overflow:hidden;width:100%;height:500px;margin:0}#detail #floor h3,#detail #map h3,#detail #overview h3{font-family:'Playfair Display', serif;text-align:left;margin-bottom:10px}#detail #floor h3:after{content:"";display:block;border-bottom:solid 1px #bbb;width:100px;margin-top:-14px;position:absolute;left:250px}#detail #map h3:after{content:"";display:block;border-bottom:solid 1px #bbb;width:100px;margin-top:-14px;position:absolute;left:180px}#detail #overview h3:after{content:"";display:block;border-bottom:solid 1px #bbb;width:100px;margin-top:-14px;position:absolute;left:230px}#detail #overview{text-align:center}#detail #overview table{text-align:left;width:90%;margin:60px auto 20px;font-size:13px}@media screen and (max-width: 1000px){#detail #overview table{width:100%}}#detail #overview table td,#detail #overview table th{padding:10px;border-bottom:solid 1px #ddd}#detail #overview table th{width:15%;color:#999}@media screen and (max-width: 1000px){#detail #overview table th{display:block;float:left;width:30%}}#detail #overview table td{width:35%}@media screen and (max-width: 1000px){#detail #overview table td{display:block;width:100%}}#detail #btn_contact{width:100%;text-align:center;line-height:130%;margin:60px auto}#detail #btn_contact a{background-color:#fff;text-align:center;font-family:'Playfair Display', serif;margin-top:10px;border:solid 1px #000;padding:12px 30px;display:inline-block}#detail #btn_contact a span{font-size:12px;color:#ccc;display:block}#detail #btn_contact a:hover{color:#fff;background-color:#000}#land main{position:relative;margin:0;overflow:hidden}#land #explain{overflow:hidden;padding:50px 0}#land #explain figure{width:500px;margin-right:50px;float:left}#land #explain figure img{width:100%}#land #explain article{font-family:游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;width:calc(50% - 30px);margin-right:50px;float:left}#land #explain article dfn{color:#999}#land #explain article h3{font-size:20px;margin-bottom:20px}#land #explain article h3.sold:after{content:"SOLD";font-family:'Playfair Display', serif;display:inline-block;float:inherit;background-color:#000;color:#fff;padding:1px 10px;font-size:15px;margin:0 0 0 15px}#land #explain article p{margin-bottom:10px}#land #explain #summary{float:left;margin-top:40px;width:calc(50% - 20px)}#land #explain #summary dl{font-size:13px;margin-bottom:15px;overflow:hidden}#land #explain #summary dl dt{font-family:'Playfair Display', serif;width:100px;color:#999;float:left}#land #explain #summary dl dd{float:left;line-height:160%}#land #map{margin:0 auto 60px}#land #map #googlemap{overflow:hidden;width:100%;height:500px;margin:0}#land #map h3,#land #overview h3{font-family:'Playfair Display', serif;text-align:left;margin-bottom:10px}#land #map h3:after{content:"";display:block;border-bottom:solid 1px #bbb;width:100px;margin-top:-14px;position:absolute;left:180px}#land #overview h3:after{content:"";display:block;border-bottom:solid 1px #bbb;width:100px;margin-top:-14px;position:absolute;left:230px}#land #overview{text-align:center}#land #overview table{text-align:left;width:90%;margin:60px auto 20px;font-size:13px}#land #overview table td,#land #overview table th{padding:10px;border-bottom:solid 1px #ddd}#land #overview table th{width:15%;color:#999}#land #overview table td{width:35%}#land #btn_contact{width:100%;text-align:center;line-height:130%;margin:60px auto}#land #btn_contact a{background-color:#fff;text-align:center;font-family:'Playfair Display', serif;margin-top:10px;border:solid 1px #000;padding:12px 30px;display:inline-block}#land #btn_contact a span{font-size:12px;color:#ccc;display:block}#land #btn_contact a:hover{color:#fff;background-color:#000}#about #pic{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("../img/pages/bg_about.png");background-repeat:no-repeat;background-position:top right;background-size:550px auto;z-index:0;display:none}@media screen and (max-width: 700px){#about #pic{background-size:300px auto}}#about #pic2{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("../img/pages/bg_about2.png");background-repeat:no-repeat;background-position:bottom left;background-size:250px auto;z-index:0;display:none}@media screen and (max-width: 700px){#about #pic2{background-size:160px auto}}#about main{padding:180px 0 100px}@media screen and (max-width: 700px){#about main{padding:240px 0 100px}}#about main #ja{margin-bottom:100px;z-index:3}#about main p{font-family:游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;text-align:center;font-size:18px;margin-bottom:30px;z-index:3}@media screen and (max-width: 700px){#about main p{font-size:15px}}#contact main .wrap{width:900px}@media screen and (max-width: 700px){#contact main .wrap{width:100%}}#contact main .wrap h2{text-align:center;font-family:'Playfair Display', serif;font-size:20px;margin:150px 0 60px}#contact main .wrap .errorMsg{border-radius:4px;color:crimson;padding:15px;background-color:#FFF8DF;border:solid 1px #FFEFBF;margin-top:20px;margin-bottom:20px}#contact main .wrap dl{border-bottom:dotted 1px #ccc;overflow:hidden;margin:0 0 10px;padding:0 0 10px}#contact main .wrap dl dt{width:250px;padding:10px 0 0;float:left;position:relative}@media screen and (max-width: 700px){#contact main .wrap dl dt{width:100%;margin-bottom:10px}}#contact main .wrap dl dt span{display:block;color:#999}#contact main .wrap dl dd{margin-left:250px;padding:10px 0 0;width:650px}@media screen and (max-width: 700px){#contact main .wrap dl dd{margin-left:0;width:100%}}#contact main .wrap dl dt.required::after{position:absolute;top:20px;right:0;content:"必須";display:block;width:38px;height:24px;background-color:#FF9999;margin-right:15px;font-size:11px;color:#fff;border-radius:5px;text-align:center}#contact main .wrap dl dd :placeholder-shown{color:#ccc}#contact main .wrap dl dd ::-webkit-input-placeholder{color:#ccc}#contact main .wrap dl dd input[type=email],#contact main .wrap dl dd input[type=number],#contact main .wrap dl dd input[type=tel],#contact main .wrap dl dd input[type=text]{box-sizing:content-box;border-radius:4px;padding:8px;width:630px;font-size:18px;border:solid 1px #ddd;font-family:inherit}@media screen and (max-width: 700px){#contact main .wrap dl dd input[type=email],#contact main .wrap dl dd input[type=number],#contact main .wrap dl dd input[type=tel],#contact main .wrap dl dd input[type=text]{width:95%;margin-bottom:5px}}#contact main .wrap dl input.half{margin-right:10px}#contact main .wrap dl dd .arrow{position:relative}#contact main .wrap dl dd .arrow:after{display:block;content:" ";position:absolute;top:60%;right:10px;width:20px;height:20px;margin-top:-8px;background:url("../img/cmn/arrow_d.png") 0 0 no-repeat;background-size:20px;pointer-events:none}#contact main .wrap dl dd select{width:630px;padding:10px;border:solid 1px #ddd;background:#fff;font-family:inherit;font-size:14px}@media screen and (max-width: 700px){#contact main .wrap dl dd select{width:100%}}#contact main .wrap dl dd textarea{box-sizing:content-box;border-radius:4px;width:627px;height:300px;padding:10px;border:solid 1px #ddd;font-family:inherit;font-size:18px}@media screen and (max-width: 700px){#contact main .wrap dl dd textarea{width:93%}}#contact main .wrap dl dd .note{display:block;font-size:12px;color:#999}#contact main .wrap dl dd .spc{display:block;padding:10px 0}#contact main .wrap .btn{text-align:center;padding:10px 0}#contact main .wrap .btn li{display:inline-block;margin:0 5px}#contact main .wrap .btn input[type=submit]{background-color:#666;color:#fff;font-size:16px;padding:15px 0;width:200px;font-family:inherit;border:none;border-bottom:solid 4px #333;border-radius:4px}#contact main .wrap .btn input[type=submit]:active{-ms-transform:translateY(4px);-webkit-transform:translateY(4px);transform:translateY(4px);border-bottom:none}#sharer{padding-top:20px;border-top:solid 1px #eee;border-bottom:solid 1px #eee}#sharer h3{text-align:center;font-size:12px;color:#999}#sharer ul{display:flex;justify-content:center;padding:40px 0 60px}#sharer ul li{margin:0 25px}#sharer #tw a{display:block;background-image:url("../img/sns/twitter.svg");background-size:30px 30px;background-repeat:no-repeat;width:30px;height:30px;text-indent:-9999px}#sharer #fb a{display:block;background-image:url("../img/sns/facebook.svg");background-size:30px 30px;background-repeat:no-repeat;width:30px;height:30px;text-indent:-9999px}#sharer #line a{display:block;background-image:url("../img/sns/line_a.svg");background-size:30px 30px;background-repeat:no-repeat;width:30px;height:30px;text-indent:-9999px}#sharer #ig a{display:block;background-image:url("../img/sns/instagram.svg");background-size:30px 30px;background-repeat:no-repeat;width:30px;height:30px;text-indent:-9999px}#outer{overflow:hidden}#outer .wrap{text-align:center}#outer .wrap #links{padding:30px 0 40px 40px;color:#000;display:flex;justify-content:center}@media screen and (max-width: 1000px){#outer .wrap #links{padding:30px 0 40px;display:block}}#outer .wrap #links dl{font-size:12px;line-height:200%;margin:0 30px;cursor:pointer}#outer .wrap #links dl dt{color:#999}#pagetop{position:fixed;bottom:30px;right:30px;display:block;width:50px;height:50px;background:#ccc;text-indent:100%;white-space:nowrap;overflow:hidden;z-index:20;color:#fff;border-radius:5px}@media screen and (max-width: 700px){#pagetop{bottom:15px;right:15px}}#pagetop a{display:block;width:50px;height:50px}#pagetop:before{text-indent:0;width:12px;height:12px;position:absolute;top:50%;left:50%;margin:-3px 0 0 -6px;content:"";vertical-align:middle;border-left:2px solid #fff;border-top:2px solid #fff;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer}@media screen and (max-width: 700px){#pagetop:before{left:2opx}}
