@charset "utf-8";

/* ------------------------------------------------------------ fv */
#fv { background: url(../images/property/fv.jpg) no-repeat center center; background-size: cover; margin: 100px auto 0; }
.slider-pro { padding: 30px 0 0; }
.sp-thumbnails { padding: 20px 0 0; }
.info__title{ padding: 0 0 40px; }

/* ----------------------------------------------------------- detail */
#detail .detail_top { border-bottom: #e5e5e5 solid 4px; padding: 0 0 16px; }

#detail .detail_top .textbox { float: left; }
#detail .detail_top .textbox .tag { display: inline-block; *display: inline; *zoom: 1; padding: 6px 8px; font-size: 14px; text-align: center; color: #fff; line-height: 1; letter-spacing: 2px; }
#detail .detail_top .textbox h4 { font-size: 20px; font-weight: bold; line-height: 1; padding: 18px 0 10px; letter-spacing: 2px; }
#detail .detail_top .textbox address { font-size: 14px; line-height: 1; letter-spacing: 2px; }

#detail .detail_top .contactarea { float: right; width: 400px; }
#detail .detail_top .contactarea .here { padding: 0 0 8px; font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 2px; line-height: 1.7; }
#detail .detail_top .contactarea .contactbox .box { float: left; width: 125px; }
#detail .detail_top .contactarea .contactbox .box .mail { letter-spacing: normal;  display: block; background: url(../images/property/detail/mail.gif) no-repeat 20px center #f48327; width: 100%; margin: 0 auto 6px; padding: 11px 0 11px 20px; font-size: 12px; color: #fff; text-align: center; line-height: 1; }
#detail .detail_top .contactarea .contactbox .box .line { letter-spacing: normal;  display: block; background: url(../images/property/detail/LINE.gif) no-repeat 20px center #00b800; width: 100%; padding: 11px 0 11px 20px; font-size: 12px; color: #fff; text-align: center; line-height: 1; }
#detail .detail_top .contactarea .contactbox .tel{ float: left; }
#detail .detail_top .contactarea .contactbox .tel a { letter-spacing: normal; display: block; width: 269px; margin: 0 0 0 6px; padding: 15px; background: #004ea4; color: #fff; font-size: 12px; line-height: 1.5; text-align: center; }
#detail .detail_top .contactarea .contactbox .tel span { display: block; padding: 0 0 0 20px; background: url(../images/property/detail/tel.gif) no-repeat 20px center; font-size: 26px; color: #fff; line-height: 1; }
#detail .detail_inner { width: 800px; margin: 0 auto; }
#detail .detail_inner h5 { font-size: 24px; font-weight: bold; line-height: 130%; padding: 50px 0 15px; letter-spacing: 2px; }
#detail .detail_inner .about { font-size: 16px; letter-spacing: 2px; line-height: 1.7; }

/* ----------------------------------------------------------- info */
#info { padding: 90px 0 110px; }
#info table { width: 1100px; }
#info table tr { }
#info table tr th { width: 200px; background: #e5e5e5; border: 1px solid #c9c9c9; padding: 20px; line-height: 1.7; }
#info table tr td { width: 350px; border: 1px solid #c9c9c9; padding: 20px; line-height: 1.7; }
#info .caution { font-size: 14px; padding: 20px 0 0; letter-spacing: 2px; line-height: 1.7; }

/* ----------------------------------------------------------- access */
#access { padding: 0 0 50px; }
#access address { font-size: 14px; text-align: center; padding: 0 0 20px; letter-spacing: 2px; }
#access .google_map { margin: 0 auto; position: relative; width: 100%; height: 400px; }
#access .google_map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ----------------------------------------------------------- consultation */
#consultation { padding: 0 0 100px; }
#consultation .consultation_box { border: solid 1px #e5e5e5; }
#consultation .consultation_box .textbox { float: left; width: 548px; padding: 55px; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; }
#consultation .consultation_box .textbox ul { width: 230px; margin: 0 auto; }
#consultation .consultation_box .textbox ul li { background: url(../images/property/detail/check.png) no-repeat left top; padding: 0 0 20px 40px; font-size: 18px; font-weight: bold; text-align: left; line-height: 1; }
#consultation .consultation_box .textbox h4 { font-size: 24px; font-family: 'ヒラギノ角ゴ StdN', helvetica, 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif; letter-spacing: 3px; 
line-height: 1.5; padding: 0 0 20px; }
#consultation .consultation_box .textbox .tel a { display: block; margin: 0 auto; font-size: 17px; line-height: 200%; font-weight: bold; letter-spacing: normal; }
#consultation .consultation_box .textbox .tel a span { background: url(../images/common/tel.png) no-repeat left top; display: inline-block; zoom: 1; *display: inline; padding: 0 0 0 30px; font-size: 42px; font-weight: bold; color: #004ea4; line-height: 1; }
#consultation .consultation_box .textbox .tel a small { display: block; font-size: 12px; }
#consultation .consultation_box .photo { float: right; }
#consultation .contactbtn { width: 655px; margin: 0 auto; padding: 30px 0 0; }
#consultation .contactbtn li { float: left; }
#consultation .contactbtn li:first-child { padding: 0 15px 0 0; }
#consultation .contactbtn .line a { display: block; width: 270px; padding: 27px 0; background: url(../images/common/line2.png) no-repeat 55px center #00b800; color: #fff; text-align: center; letter-spacing: normal; text-align: center; }
#consultation .contactbtn .mail a { display: block; width: 270px; padding: 27px 0; background: url(../images/common/mail2.png) no-repeat 55px center #f48327; color: #fff; text-align: center; letter-spacing: normal; text-align: center; }

/* ----------------------------------------------------------- property */
#property { background: url(../images/property/detail/detail_bg.png) no-repeat left bottom #f4f7fc; margin: 100px 0 0; padding: 85px 0 100px; }
#property h4 { font-size: 30px; font-weight: bold; letter-spacing: 2px; color: #134b98; text-align: center; }
#property .property_box { margin: 0 0 0 -31px; padding: 35px 0 0; }
#property .property_box .box { width: calc(100% / 3); padding: 0 0 40px 31px; float: left; }
#property .property_box .box ul li { width: 168px; padding: 10px 0; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 1; letter-spacing: 2px;}
#property .property_box .box ul .investment { background: #43aac9; }
#property .property_box .box ul .onebuilding { background: #b28b51; }
#property .property_box .box ul .residence { background: #4baa2e; }
#property .property_box .box ul .mansion { background: #475d89; }
#property .property_box .box ul .land { background: #1b1b1b; }

#property .property_box .box .bgbox { width: 100%; background: url(../images/property/shadowbox.png) no-repeat center center; min-height: 520px; padding: 0 25px; }
#property .property_box .box .bgbox .money { padding: 25px 0 0; font-size: 16px; font-weight: bold; line-height: 1.7; letter-spacing: 3px;  height: 85px; overflow: hidden; }
#property .property_box .box .bgbox .money span { display: block; font-size: 22px; color: #9e0c0c; font-weight: bold; }
#property .property_box .box .bgbox .money span small { font-size: 16px; font-weight: bold; }
#property .property_box .box .bgbox h5 { font-size: 20px; font-weight: bold; line-height: 1.5; height: 60px; margin: 0 0 20px; overflow: hidden;  }
#property .property_box .box .bgbox dl { border-top: solid 1px #e5e5e5; padding: 25px 0 0; height: 304px; overflow: hidden; }
#property .property_box .box .bgbox dl dt { width: 35%; float: left; font-size: 14px; font-weight: bold; line-height: 200%; letter-spacing: 2px; }
#property .property_box .box .bgbox dl dd { width: 65%; float: left; font-size: 14px; line-height: 200%; letter-spacing: 2px; }
#property .topbtn { padding: 0; }


/* ------------------------------------------------------------ mobile  ------------------------------------------------------------ */

@media only screen and (max-width:767px){

/* ------------------------------------------------------------ fv */
#fv { background: url(../images/property/fv.jpg) no-repeat center center; background-size: cover; margin: 47px auto 0; }
.slider-pro { padding: 6% 0 0; }
.sp-thumbnails { padding: 20px 0 0; }
.topbtn { padding: 50px 0; }
.info__title{ padding: 0 0 20px; }

/* ----------------------------------------------------------- detail */
#detail .detail_top { width: 94%; margin: 0 auto; padding: 0 0 16px; }
#detail .detail_top .textbox { float: none; }
#detail .detail_top .textbox .tag { padding: 4px 6px; font-size: 14px; }
#detail .detail_top .textbox h4 { font-size: 18px; padding: 5px 0 10px; line-height: 1.5; }
#detail .detail_top .textbox address { font-size: 14px; }
#detail .detail_top .contactarea { float: none; width: 100%; }
#detail .detail_top .contactarea .here { padding: 9% 0 5px; font-size: 16px; }
#detail .detail_top .contactarea .contactbox .box { float: none; width: 270px; margin: 0 auto 52px; }
#detail .detail_top .contactarea .contactbox .box .mail { background: url(../images/property/detail/mail.gif) no-repeat 20px center #f48327; box-sizing: border-box; -webkit-box-sizing: border-box; width: 130px; margin: 0 10px 0 0; padding: 15px 0 15px 20px; font-size: 12px; float: left; }
#detail .detail_top .contactarea .contactbox .box .line { background: url(../images/property/detail/LINE.gif) no-repeat 20px center #00b800; box-sizing: border-box; -webkit-box-sizing: border-box; width: 130px; 
padding: 15px 0 15px 20px; font-size: 12px; float: left; }
#detail .detail_top .contactarea .contactbox .tel{ float: none; }
#detail .detail_top .contactarea .contactbox .tel a { float: none; width: 270px; margin: 0 auto; padding: 15px; font-size: 12px; line-height: 1.5; text-align: center; letter-spacing: normal; }
#detail .detail_top .contactarea .contactbox .tel span { padding: 0 0 5px 20px; background: url(../images/property/detail/tel.gif) no-repeat 20px top; font-size: 24px; color: #fff; line-height: 1; }
#detail .detail_inner { width: 94%; margin: 0 auto; }
#detail .detail_inner h5 { font-size: 20px; padding: 9% 0 3%; }
#detail .detail_inner .about { font-size: 14px; }

/* ----------------------------------------------------------- info */
#info { padding: 90px 0 110px; }
#info table { width: 100%; margin: 30px auto 0;}
#info table tr { width: 100%; }
#info table tr th { display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px; border: none; }
#info table tr td { display: block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 0 20px; border: none; text-align: center; }
#info .caution { font-size: 14px; padding: 20px 0 0; letter-spacing: 2px; }

/* ----------------------------------------------------------- access */
#access { padding: 0 0 15%; }
#access h3.title { letter-spacing: 3px; }
#access address { font-size: 14px; padding: 9% 0 3%; }
#access .google_map { height: 300px; }

/* ----------------------------------------------------------- consultation */
#consultation { padding: 0 0 21%; }
#consultation .consultation_box { width: 100%; }
#consultation .consultation_box .textbox { float: none; width: 100%; padding: 6%;  }
#consultation .consultation_box .textbox ul { width: 180px; margin: 0 auto; }
#consultation .consultation_box .textbox ul li { background: url(../images/property/detail/check.png) no-repeat left top; padding: 4px 0 15px 35px; font-size: 14px; font-weight: bold; text-align: left; line-height: 1; }
#consultation .consultation_box .textbox h4 { font-size: 16px; letter-spacing: 3px; line-height: 1.5; padding: 0 0 15px; }
#consultation .consultation_box .textbox .tel a { width: inherit; margin: 0 auto; font-size: 12px; line-height: 200%; font-weight: bold; letter-spacing: normal; }
#consultation .consultation_box .textbox .tel a span { background-size: 20px; width: 230px; margin: 0 auto; font-size: 24px; padding: 0 0 5px 5px;}
#consultation .consultation_box .photo { float: none; }
#consultation .consultation_box .photo img { width: 100%; height: auto; }

#consultation .contactbtn { width: 100%; margin: 0 auto; padding: 0; }
#consultation .contactbtn li { float: none; }
#consultation .contactbtn li:first-child { padding: 0; }
#consultation .contactbtn .line a { width: 270px; margin: 6% auto 3%; padding: 24px 0 24px 45px; background: url(../images/common/line2.png) no-repeat 40px center #00b800; background-size: 30px; 
box-sizing: border-box; -webkit-box-sizing: border-box; letter-spacing: normal; }
#consultation .contactbtn .mail a { width: 270px; margin: 0 auto; padding: 24px 0 24px 52px; background: url(../images/common/mail2.png) no-repeat 40px center #f48327; background-size: 30px; 
box-sizing: border-box; -webkit-box-sizing: border-box; letter-spacing: normal; }

/* ----------------------------------------------------------- property */
#property { background: #f4f7fc; width: 94%; margin: 0 auto; padding: 9% 0; }
#property h4 { font-size: 24px; }
#property .property_box { margin: 0 auto; padding: 6% 0 0; }
#property .property_box .box { width: 100%; padding: 0; float: none; }
#property .property_box .box img { width: 100%; height: auto; }
#property .property_box .box ul li { width: 50%; padding: 10px 0; font-size: 14px; }

#property .property_box .box .bgbox { width: 88%; background: #fff; min-height: inherit; margin: 0 auto 6%; padding: 6%; }
#property .property_box .box .bgbox .money { padding: 0; font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: 3px; }
#property .property_box .box .bgbox .money span { display: block; font-size: 22px; color: #9e0c0c; font-weight: bold; }
#property .property_box .box .bgbox .money span small { font-size: 16px; font-weight: bold; }
#property .property_box .box .bgbox h5 { font-size: 18px; margin: 0 0 10px; }
#property .property_box .box .bgbox dl { padding: 6% 0 0; height: 270px; }
#property .property_box .box .bgbox dl dt { font-size: 14px; line-height: 1.5; padding: 0 0 8px; }
#property .property_box .box .bgbox dl dd { font-size: 14px; line-height: 1.5; padding: 0 0 8px; }
#property .topbtn { padding: 0; }


}