/* CSS Document */
html{ height:100%;}
body{ background:#fff; height:100%; }
h1,h2,h3,p{ line-height:1.2em;}
header p,#top .news dl dd,#subdivision .box .outline,#order h2,#bukken h2,#bukken ul.bukken_nav li,#results .jisseki h2,#concept .wrap h2,#concept .wrap h3{font-family:Times New Roman , "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "游明朝", YuMincho, "MSP明朝","MS PMincho","MS 明朝",serif;}
img{ max-width:100%;}
img.border{ border:1px solid #717071;}
.contents{ width:1190px; max-width:100%; margin:0 auto;}
h1.title{ padding:50px 0; margin:0 auto;}
/*トグルボタン*/
#top_header #navi_toggle{ position:absolute; z-index:10;}
#navi_toggle{ display:none;}
#navi_toggle ul{overflow:hidden; background:rgba(255, 255, 255, 0); }
#menubtn{
width:40px;
height:41px;
display:none;
position: absolute;
top: 20px;
right: 20px;
z-index: 3;
border:1px solid #000;
border-radius: 4px; /* CSS3草案 */
-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
-moz-border-radius: 4px; /* Firefox用 */
font-family:Arial, Helvetica, sans-serif;
}
#menubtn #menubtn_line{
width: 40px;
height:40px;
position: absolute;
top: 0px;
right: 0px;
}
#menubtn #menubtn_line span {
display: block;
background: #000;
width: 23px;
height: 2px;
position: absolute;
left: 9px;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
}
#menubtn p{color:#fff; position:absolute; bottom:3px; left:8px;}
#menubtn #menubtn_line span:first-child {
top: 12px;
}
#menubtn #menubtn_line span:nth-child(2) {
margin-top: -1px;
top: 50%;
}
#menubtn #menubtn_line span:last-child {
bottom: 12px;
}
#menubtn.active #menubtn_line span:first-child {
-webkit-transform: translateY(7px) rotate(45deg);
-moz-transform: translateY(7px) rotate(45deg);
-ms-transform: translateY(7px) rotate(45deg);
transform: translateY(7px) rotate(45deg);
}
#menubtn.active #menubtn_line span:nth-child(2) {
opacity: 0;
}
#menubtn.active #menubtn_line span:last-child {
-webkit-transform: translateY(-7px) rotate(-45deg);
-moz-transform: translateY(-7px) rotate(-45deg);
-ms-transform: translateY(-7px) rotate(-45deg);
transform: translateY(-7px) rotate(-45deg);
}
/*ヘッダー*/
#header_wrap{ width:100%; background:#e5ebee; }
header{ width:1190px; max-width:100%; margin:0 auto; padding:45px 0 30px 0; text-align:center; position:relative;}
header h1{ text-align:center;}
header p{ display:inline-block; padding:5px 15px; border:1px solid #000; font-size:2em; }
#s_navi_wrap{ position:absolute; top:45px; right:20px;}
ul.s_nav{ width:350px; max-width:100%;}
ul.s_nav li{ display:inline-block;}
ul.navigation{ width:1190px; max-width:100%;}
ul.navigation li{ text-align:center; display:inline-block; width:139px; border:1px solid #717071; margin:10px 10px 0 0; }
ul.navigation li img{ padding:19px 0;}
ul.navigation li.contact{ width:200px; margin:10px 0px 0 0;}
ul.navigation li a{ display:block; width:100%; height:100%;}
ul.mobile_btn{ text-align:left; margin:0 auto;}
ul.mobile_btn li{ text-align:center; display:inline-block; width:139px; border:1px solid #717071; margin:10px 10px 0 0; }
ul.mobile_btn li img{ padding:19px 0;}
ul.mobile_btn li.contact{ width:200px; margin:10px 0px 0 0;}
ul.mobile_btn li a{ display:block; width:100%; height:100%;}
/*フッター*/
#footer_wrap{ width:100%; padding:60px 0 80px; background:#e5ebee;}
footer{ width:960px; max-width:90%; margin:0 auto;}
footer h1{ width:480px; float:left;}
footer ul { margin:0 0 0 480px;}
footer ul li{ font-size:2em; line-height:1.8em; text-align:left;}
/*トップページ*/
#top .contents h1{ margin:50px auto 10px;}
#top .news h1{ width:960px; max-width:90%; margin:100px auto 15px; text-align:left;}
#top .news dl{ width:900px; max-width:90%; max-height:310px; overflow:auto; margin:0 auto; border:1px solid #717071; text-align:left; padding:30px;}
#top .news dl dt{ font-size:1.6em; line-height:1.2em; padding-bottom:5px;}
#top .news dl dd{ font-size:1.2em; line-height:1.4em; padding-bottom:20px;}
#top .gallery ul{ width:970px; margin:0 auto; padding:0 60px; position:relative;}
#top .gallery ul li{ display:inline-block; margin-right:20px; font-size:1.2em; line-height:1.2em;}
#top .gallery ul li img { width:300px;}
#top .gallery ul li.more img { width:auto;}
#top .gallery ul li p{ text-align:left;}
#top .gallery .more{ position:absolute; bottom:10px; right:0; text-align:right;}
#top .yourstyle ul li{ display:inline-block; margin-right:20px;}
#top .yourstyle { width:780px; float:left; margin-right:20px;}
#top .modelhouse{}
#top .gallery ul li,#top .yourstyle ul li:nth-child(2){ margin-right:0px;}
#top .concept_wrap{ width:760px; max-width:100%; margin:0 auto 50px; overflow:hidden;}
#top .concept{ width:367px; max-width:48%; float:left; margin-right:20px;}
#top .outline{ width:367px; max-width:48%; margin-left:400px;}
#gallery .slick_container{ width:1190px; max-width:100%;}
#gallery ul.slider li{ max-width:100%;}
#gallery ul.slider_list { padding:20px 0; margin-bottom:100px;}
#gallery ul.slider_list li{ width:320px; display:inline-block; max-width:31%; margin-right:2%; font-size:1.2em; line-height:1.2em;}
#gallery ul.slider_list li p{ padding:10px;}
#gallery ul.slider_list li span{ font-size:1.4em;}
#gallery ul.slider.current{
display:block;
}
#gallery .slider_list li {
cursor: pointer;
transition: .3s;
}
#gallery .slider_list li.active {
cursor: auto;
}
#gallery .slider_wrap ul {
display:none;
}
#gallery .slider_wrap ul.show {
display:block;
}
#subdivision .contents{ margin-bottom:60px;}
#subdivision .box{ width:960px; position:relative; max-width:98%; margin:15px auto; min-height:201px; border:1px solid #221814; text-align:left; overflow:hidden;}
#subdivision .box a{ position:absolute; display:block; top:0; bottom:0; right:0; left:0; width:100%; height:100%; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#subdivision .box .state{ width:170px; max-width:15%; height:100%; min-height:215px; border-right:1px solid #221814; float:left; text-align:center; }
#subdivision .box .state p{ font-size:2.0em; color:#ea5414; font-weight:bold; padding:50% 0}
#subdivision .box .state p span{ width:auto; border:none; border-top:1px solid #000; color:rgba(0,0,0,1); font-size:0.8em;}
#subdivision .box h1{ font-size:3em; border-bottom:1px solid #221814; margin:15px 0 5px 0;}
#subdivision .box p{ font-size:1.6em; line-height:1.4em; padding:5px 0;}
#subdivision .box p span{ width:70px; text-align:center; display:inline-block; padding:0 5px; margin:0 5px 0 0; border:1px solid #221814;}
#subdivision .box .outline{ width:450px; max-width:45%; float:right; padding-bottom:15px;}
#subdivision .box img{ max-width:38%; vertical-align:bottom;}
#subdivision .box a:hover {
opacity:0.3;
filter: alpha(opacity=30);
-ms-filter: "alpha( opacity=30 )";
background: #fff;
}
#about .box { width:850px; padding-left:135px; margin:0 auto; position:relative;}
#about .box img{ position:absolute; left:0; top:0;}
#about dl.outline{ width:700px; max-width:90%; margin:0 auto; font-size:1.3em; line-height:1.4em;}
#about dl.outline dt{ width:160px; max-width:20%; float:left; -moz-text-align-last: justify; text-align-last: justify; padding-bottom:7px;}
#about dl.outline dd{ width:460px; margin-left:170px; text-align:left; padding-bottom:7px;}
#about .contents h2{ width:700px; padding-left:135px; max-width:80%; margin:130px auto 30px; text-align:left; font-size:2em;}
#about dl.outline2{ width:700px; max-width:90%; margin:0 auto 60px; padding-left:135px; font-size:1.3em; line-height:1.4em;}
#about dl.outline2 dt{ width:80px; max-width:10%; float:left; -moz-text-align-last: justify; text-align-last: justify; padding-bottom:7px;}
#about dl.outline2 dd{ width:580px; margin-left:90px; text-align:left; padding-bottom:7px;}
#about dl.outline2 dd dl.rireki1 dt{ width:240px; max-width:50%;}
#about dl.outline2 dd dl.rireki1 dd{ width:300px; margin-left:250px;}
#about dl.outline2 dd dl.rireki2 dt{ width:150px; max-width:20%;}
#about dl.outline2 dd dl.rireki2 dd{ width:400px; margin-left:160px;}
#order .contents h1{ padding-bottom:10px;}
#order .contents h2 { width:650px; max-width:90%; margin:0 auto 20px; text-align:left; font-size:3.5em; line-height:1.4em;}
#order .contents h2 span.moji1{
font-size:1.4em;
display:inline-block;
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#order .contents h2 span.moji2{
font-size:1.4em;
display:inline-block;
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
#order .contents p{width:650px; max-width:90%; margin:0 auto ; text-align:left; font-size:1.5em; line-height:1.4em;}
#order .contents ul{width:720px; max-width:90%; margin: 60px auto;}
#order .contents ul li{ max-width:45%; display:inline-block; margin-right:30px;}
#contact .contents { width:550px; max-width:95%; margin:0 auto 60px;}
#contact .contents h2{ font-size:2.5em; line-height:1.4em; width:420px; max-width:100%; border-bottom:1px solid #656464; text-align:left;}
#contact .contents p{ font-size:1.3em; line-height:1.2em; text-align:left; padding:5px 0;}
#contact .contents dd p{ font-size:0.8em;}
#contact .contents dl{ width:100%;}
#thanks .contents{ width:800px; margin:0 auto 60px;}
#thanks .contents h2{ font-size:2.5em; line-height:1.4em; width:800px; max-width:90%; margin:30px auto 10px; text-align:left;}
#thanks p{ max-width:90%; margin:0px auto; font-size:1.4em; line-height:1.4em; text-align:left;}
#toti_search .h2_wrap,#toti_acquied .h2_wrap{ width:967px; height:62px; margin:0 auto 60px; background:url(../images/toti_search_bg.png); padding:10px 0 0 0;}
#toti_acquied .h2_wrap{ background:url(../images/toti_acquied_bg.png);}
#toti_search .h2_wrap h2,#toti_acquied .h2_wrap h2{ color:#fff; padding:7px 0 7px 50px; font-size:3.3em; line-height:1.2em; display:inline-block; position:relative;}
#toti_search .h2_wrap h2:before,#toti_acquied .h2_wrap h2:before{ content:url(../images/toti_search_title_pic.png); width:1em; position:absolute; left:0; top:4px;}
#toti_acquied .h2_wrap h2:before{ content:url(../images/toti_acquied_title_pic.png);}
#toti_search .box ,#toti_acquied .box{
width:680px;
min-height:96px;
max-width:90%;
margin:0 auto;
padding:10px;
text-align:left;
position:relative;
border-radius: 5px;
-webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
-moz-border-radius: 5px;/* for Firefox 対応*/
}
#toti_search .box h3,#toti_acquied .box h3{ font-size:2em; line-height:1.2em; padding:25px 0 0 0; margin-left:130px;}
#toti_search .box p,#toti_acquied .box p{ font-size:1.5em; line-height:1.4em; padding:10px 0; margin-left:130px;}
#toti_search .box img.l_img,#toti_acquied .box img.l_img{ float:left;}
#toti_search .box img.s_img,#toti_acquied .box img.s_img{ position:absolute; z-index:10;}
#toti_search #box5 img.s_img,#toti_acquied #box3 img.s_img{ left:280px; top:-25px;}
#toti_search #box13 img.s_img,#toti_acquied #box10 img.s_img{ left:200px; top:-35px;}
#toti_search #box14 img.s_img,#toti_acquied #box11 img.s_img{ left:200px; top:-25px;}
#toti_search #box15 img.s_img,#toti_acquied #box12 img.s_img{ left:500px; top:-45px;}
#toti_search #box16 img.s_img,#toti_acquied #box13 img.s_img{ left:500px; top:-20px;}
#toti_search #box16 img.l_img,#toti_acquied #box13 img.l_img{ margin-top:-40px;}
#toti_search #box16 h3,#toti_acquied #box13 h3{ font-size:2.6em;}
#toti_search img.arrow,#toti_acquied img.arrow{ margin-bottom:20px;}
#toti_search #box1{ background:rgba(250,204,136,0.25)}
#toti_search #box2{ background:rgba(250,204,136,0.3)}
#toti_search #box3{ background:rgba(250,204,136,0.35)}
#toti_search #box4{ background:rgba(250,204,136,0.4)}
#toti_search #box5{ background:rgba(250,204,136,0.45)}
#toti_search #box6{ background:rgba(250,204,136,0.5)}
#toti_search #box7{ background:rgba(250,204,136,0.55)}
#toti_search #box8{ background:rgba(250,204,136,0.6)}
#toti_search #box9{ background:rgba(250,204,136,0.65)}
#toti_search #box10{ background:rgba(250,204,136,0.7)}
#toti_search #box11{ background:rgba(250,204,136,0.75)}
#toti_search #box12{ background:rgba(250,204,136,0.8)}
#toti_search #box13{ background:rgba(250,204,136,0.85)}
#toti_search #box14{ background:rgba(250,204,136,0.9)}
#toti_search #box15{ background:rgba(250,204,136,0.95)}
#toti_search #box16{ background:rgba(250,204,136,1)}
#toti_acquied #box1{ background:rgba(130,172,40,0.25)}
#toti_acquied #box2{ background:rgba(130,172,40,0.3)}
#toti_acquied #box3{ background:rgba(130,172,40,0.35)}
#toti_acquied #box4{ background:rgba(130,172,40,0.4)}
#toti_acquied #box5{ background:rgba(130,172,40,0.45)}
#toti_acquied #box6{ background:rgba(130,172,40,0.5)}
#toti_acquied #box7{ background:rgba(130,172,40,0.55)}
#toti_acquied #box8{ background:rgba(130,172,40,0.6)}
#toti_acquied #box9{ background:rgba(130,172,40,0.65)}
#toti_acquied #box10{ background:rgba(130,172,40,0.7)}
#toti_acquied #box11{ background:rgba(130,172,40,0.8)}
#toti_acquied #box12{ background:rgba(130,172,40,0.9)}
#toti_acquied #box13{ background:rgba(130,172,40,1)}
#toti_acquied img#arrow1{ opacity:0.25;}
#toti_acquied img#arrow2{ opacity:0.3;}
#toti_acquied img#arrow3{ opacity:0.35;}
#toti_acquied img#arrow4{ opacity:0.4;}
#toti_acquied img#arrow5{ opacity:0.45;}
#toti_acquied img#arrow6{ opacity:0.5;}
#toti_acquied img#arrow7{ opacity:0.55;}
#toti_acquied img#arrow8{ opacity:0.6;}
#toti_acquied img#arrow9{ opacity:0.65;}
#toti_acquied img#arrow10{ opacity:0.7;}
#toti_acquied img#arrow11{ opacity:0.8;}
#toti_acquied img#arrow12{ opacity:0.9;}
#toti_search img#arrow1{ opacity:0.25;}
#toti_search img#arrow2{ opacity:0.3;}
#toti_search img#arrow3{ opacity:0.35;}
#toti_search img#arrow4{ opacity:0.4;}
#toti_search img#arrow5{ opacity:0.45;}
#toti_search img#arrow6{ opacity:0.5;}
#toti_search img#arrow7{ opacity:0.55;}
#toti_search img#arrow8{ opacity:0.6;}
#toti_search img#arrow9{ opacity:0.65;}
#toti_search img#arrow10{ opacity:0.7;}
#toti_search img#arrow11{ opacity:0.75;}
#toti_search img#arrow12{ opacity:0.8;}
#toti_search img#arrow13{ opacity:0.85;}
#toti_search img#arrow14{ opacity:0.9;}
#toti_search img#arrow15{ opacity:0.95;}
ul.contact_btn_list{ width:960px; max-width:95%; margin:100px auto; overflow:hidden;}
ul.contact_btn_list li{ width:410px; max-width:45%; float:left; margin-right:30px;}
ul.contact_btn_list h2{ margin-bottom:15px; padding-bottom:5px; border-bottom:2px solid #656464; font-size:2.5em; line-height:1.2em;}
ul.contact_btn_list li img.tel{ padding:10px 0 30px;}
#bukken h2.bukken_title{ width:920px; max-width:85%; margin:0 auto 20px; font-size:3.7em; line-height:1.2em; border-bottom:2px solid #888889; position:relative; text-align:left; padding-left:40px;}
#bukken h2.bukken_title:before{ content:url(../images/bukken_title_image1.png); position:absolute; left:0; bottom:-5px;}
#bukken #uenohigasi h2.bukken_title:after{ content:url(../images/bukken_title_image2.png);}
#bukken #nishimidorioka h2.bukken_title:after{ content:url(../images/bukken_title_image3.png);}
#bukken #minamisakurazuka h2.bukken_title:after{ content:url(../images/bukken_title_image4.png);}
#bukken ul.bukken_nav{ width:960px; max-width:100%; margin:0 auto 20px; overflow:hidden;}
#bukken ul.bukken_nav li{ width:150px; position:relative; background:#83a628; color:#fff; font-size:1.8em; line-height:1.4em; display:inline-block; margin-right:20px; padding:7px;}
#bukken ul.bukken_nav li a{ color:#fff; display:block; width:100%; height:100%;}
#bukken h3{ width:960px; margin:0 auto; max-width:95%; text-align:left; margin:30px auto;}
#bukken h3.title{ background:url(../images/bukken_title_bg.png) repeat-x;}
#bukken .map_wrap{ width:960px; margin:0 auto; max-width:95%;}
#bukken .img_map{ float:left; padding-right:20px; max-width:45%;}
#bukken .gmap{ }
#bukken .plan{ width:960px; max-width:90%; margin:0 auto 50px; overflow:hidden; text-align:left;}
#bukken img.plan1{ float:left; max-width:40%;}
#bukken img.plan2{ max-width:60%;}
#bukken img.sm_plan{ display:none;}
#bukken h3#outline{ width:920px; margin:0 auto; max-width:95%; text-align:left; margin:30px auto 10px;}
#bukken table{ width:920px; margin:0 auto 30px; max-width:95%; border-left:1px solid #717071; border-top:1px solid #717071;}
#bukken th,#bukken td{ font-size:1.4em; line-height:1.4em; text-align:left; border-bottom:1px solid #717071; border-right:1px solid #717071; padding:10px 30px;}
/*グーぐるマップ*/
.gmap {
position: relative;
padding-bottom: 41%;
height: 0;
overflow: hidden;
width:400px;
max-width:45%;
border:1px solid #CCCCCC;
}
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#results .jisseki{ width:970px; max-width:95%; margin:0 auto; color:#4b4848; overflow:hidden;}
#results .jisseki h2{ width:135px; font-size:2.5em; line-height:1em; border:1px solid #4b4848; float:left; clear:left; margin-bottom:10px; margin-right:10px; padding:5px;}
#results .jisseki h2 span{ font-size:0.8em; }
#results .jisseki ul{ width:805px; max-width:80%; margin-left:145px; overflow:hidden; margin-bottom:10px; padding-top:10px;}
#results .jisseki ul li{ width:300px; max-width:33%; font-size:1.8em; text-align:left; line-height:1.2em; float:left; }
#results .jisseki ul li:nth-child(1),#results .jisseki ul li:nth-child(4){ max-width:36%;}
#results .jisseki ul li:nth-child(3),#results .jisseki ul li:nth-child(6){ max-width:30%;}
#results .jisseki ul li.cl{ float:none; width:260px; max-width:30%;}
#results .jisseki ul li.lon{ float:none; width:500px; max-width:60%;}
#concept .wrap{ text-align:left; width:740px; margin:0 auto; padding-left:100px; position:relative;}
#concept .wrap img{ position:absolute; left:480px; top:0;}
#concept .wrap h2{ font-size:3em; line-height:1.4em; margin: 10px 0 20px;}
#concept .wrap h3{ font-size:2em; line-height:1.4em;}
#concept .wrap p{ font-size:1.2em; line-height:2.2em; margin:30px 0 100px;}
/*1190以下 */
@media screen and (max-width: 1190px){
#s_navi_wrap{ max-width:30%;}
ul.s_nav li{ display:inline-block; max-width:50%;}
ul.s_nav li:nth-child(2){ max-width:30%;}
ul.navigation li{ text-align:center; display:inline-block; font-size:0; width:11%; border:1px solid #717071; margin:5px 5px 0 0; }
ul.navigation li img { max-width:100%;}
ul.navigation li.contact{ width:16%; margin:0 0px 0 0;}
#top .gallery .more{ width:100%;}
#top .yourstyle ul li{ max-width:48%; margin-right:2%;}
#top .yourstyle { max-width:90%; padding:0 5%; float:none; margin:0 auto;}
}
/*1060以下 */
@media screen and (max-width: 1060px){
#top .news h1{ max-width:90%; margin:50px auto 15px;}
#top .news dl{ max-width:80%; max-height:250px; padding:4%;}
#top .gallery ul{ max-width:90%; padding:0 5%;}
#top .gallery ul li{ max-width:30%; margin-right:2%; }
#top .gallery .more{ position:relative; bottom:auto; right:auto; max-width:90%; margin:0;}
#bukken th,#bukken td{ padding:10px 20px;}
#top .modelhouse{}
}
/*960以下
*/
@media screen and (max-width: 960px){
#subdivision .box{ width:98%; height:auto; overflow:hidden;}
#subdivision .box .state{ width:100%; max-width:100%; height:auto; border-right:none; float:none; }
#subdivision .box .state p{ padding:5px 10px; text-align:left;}
#subdivision .box .state p span{ width:auto; border:none;}
#subdivision .box .state br{ display:none}
#subdivision .box img{ max-width:34%; float:left;}
#subdivision .box .outline{
width: 65%;
max-width: 65%;
margin-left: 35%;
float: none;
padding-bottom: 15px;
}
#subdivision .box h1{margin:-20px 0 0 0;}
#toti_search .h2_wrap,#toti_acquied .h2_wrap{ width:767px; height:62px; margin:0 auto 30px; background:url(../images/toti_search_bg_s.png);}
#toti_acquied .h2_wrap{ background:url(../images/toti_acquied_bg_s.png);}
#bukken ul.bukken_nav li{ width:auto; padding:10px 20px; margin-right:5px;}
#results .jisseki h2{ max-width:16%; font-size:2.2em;}
#results .jisseki ul{ max-width:80%; margin-left:17%; }
#results .jisseki ul li{ width:300px; max-width:50%; font-size:1.6em;}
#results .jisseki ul li:nth-child(1),#results .jisseki ul li:nth-child(4){ max-width:50%;}
#results .jisseki ul li:nth-child(3),#results .jisseki ul li:nth-child(6){ max-width:50%;}
#results .jisseki ul li.cl{ float:none; width:260px; max-width:50%;}
#results .jisseki ul li.lon{ float:none; width:500px; max-width:100%;}
#concept .wrap{ max-width:95%; padding-left:0;}
#concept .wrap img{ position:absolute; left:auto; right:0;}
}
/*800以下
*/
@media screen and (max-width: 800px){
#about h1.title{ padding-bottom:10px;}
#about .box { max-width:100%; padding-left:0; margin:0 auto; position:relative;}
#about .box img{ position:relative; left:0; right:0; margin-bottom:20px;}
#about dl.outline dt{max-width:27%; }
#about dl.outline dd{ max-width:70%; margin-left:29%;}
#about .contents h2{ padding-left:0; margin:60px auto 20px; }
#about dl.outline2{ margin:0 auto 40px; padding-left:0;}
#about dl.outline2 dt{ max-width:12%; }
#about dl.outline2 dd{ max-width:85%; margin-left:13%;}
#about dl.outline2 dd dl.rireki1 dt{ width:240px; max-width:54%; -moz-text-align-last:left; text-align-last:left;}
#about dl.outline2 dd dl.rireki1 dd{ max-width:40%;}
#about dl.outline2 dd dl.rireki2 dt{ width:160px; max-width:27%; -moz-text-align-last:left; text-align-last:left;}
#about dl.outline2 dd dl.rireki2 dd{ max-width:70%; margin-left:28%;}
#order .contents ul li{ margin-right:4%;}
#contact textarea,#contact input{ max-width:100%;}
#bukken th,#bukken td{ padding:10px 10px; font-size:1.2em;}
#bukken th{ width:50px;}
}
/*767以下 ipadを含まない*/
@media screen and (max-width: 767px){
header{ padding:0px 0 30px 0;}
#menubtn{display:block;}
ul.navigation{ display:none;}
header p{ width:110px; padding:5px 10px; font-size:1.4em; float:left; margin-top:10px;}
ul.s_nav{ width:230px; margin-left:110px;}
#s_navi_wrap{ width:450px; max-width:50%; position:relative; top:5px; left:0; margin:0 0 20px 20px;}
ul.s_nav li{ max-width:45%;}
ul.s_nav li:nth-child(2){ max-width:30%;}
ul.mobile_btn{ width:606px; margin:0 auto; max-width:98%;}
ul.mobile_btn li{ text-align:center; display:inline-block; font-size:0; width:139px; max-width:23%; border:1px solid #717071; margin:10px 0.6% 0 0; }
ul.mobile_btn li :nth-child(4){ margin:1% 0px 0 0;}
ul.mobile_btn li.contact{ width:286px; max-width:48%; margin:10px 0px 0 0;}
ul.mobile_btn li img{ height:90px; padding:4px 0;}
footer h1{ width:220px;}
footer ul { margin:0 0 0 235px;}
footer ul li{ font-size:1.6em;}
#top .news h1{ max-width:95%; margin:50px auto 15px;}
#top .news dl{ max-width:85%; max-height:200px;}
#top .gallery ul{ max-width:96%; padding:0 2%;}
#top .gallery ul li{ max-width:32%; margin-right:0.3%; }
#top .concept{ margin-right:2%;}
#top .outline{ margin-left:50%;}
#subdivision .box h1{ font-size:2em;}
#subdivision .box p{ font-size:1.4em; }
#toti_search .h2_wrap,#toti_acquied .h2_wrap{ max-width:100%; background:#7b6960;}
#toti_search .h2_wrap h2,#toti_acquied .h2_wrap h2{ padding:10px 0 7px 60px; font-size:2.8em; }
ul.contact_btn_list li{ margin-right:4%;}
ul.contact_btn_list h2{ font-size:2em; }
#toti_search .box img.s_img,#toti_acquied .box img.s_img{ display:none;}
#bukken ul.bukken_nav li{ padding:10px 15px; margin-right:2px; font-size:1.4em; margin-bottom:10px;}
#bukken .img_map{ float:none; padding-right:0px; max-width:100%;}
.gmap {
width:950px;
max-height:auto;
max-width:95%;
padding-bottom: 60%;
margin:30px auto;
}
#results .jisseki h2{ max-width:16%; font-size:1.8em; padding:1%; margin-right:1%; margin-bottom:20px;}
#results .jisseki ul{ max-width:80%; margin-left:20%; padding-top:0; margin-bottom:20px;}
#results .jisseki ul li,#results .jisseki ul li.cl,#results .jisseki ul li.lon{ max-width:100%; float:none; font-size:1.4em; }
#results .jisseki ul li:nth-child(1),#results .jisseki ul li:nth-child(4){ max-width:100%;}
#results .jisseki ul li:nth-child(3),#results .jisseki ul li:nth-child(6){ max-width:100%;}
/*560以下 */
@media screen and (max-width: 560px){
h1.title{ max-width:80%; padding:20px 0;}
#contact h1.title{max-width:90%; }
#subdivision h1.title img,#order h1.title img,#toti_search h1.title img,#toti_acquied h1.title img,#toti_acquied h1.title img,#about h1.title img,#results h1.title img{ width:150px;}
#s_navi_wrap{margin:0 0 20px 10px;}
header h1 img{ width:180px; max-width:50%;}
header p{ width:80px; font-size:1em; margin-top:10px;}
ul.s_nav{ margin-left:80px; width:200px;}
ul.mobile_btn li,ul.mobile_btn li.contact{margin:5px 0.4% 0 0; }
ul.mobile_btn li img{ height:70px;}
footer h1 img{ width:200px;}
#footer_wrap{ padding:30px 0;}
#top .gallery ul li{font-size:1em;}
#top .news dl{ max-height:150px;}
#top .contents h1{ margin:30px auto 0px;}
#top .contents h1 img{ max-width:70%;}
#top .yourstyle { max-width:95%; padding:0 2%;}
#subdivision .box img{ max-width:100%; float:none;}
#subdivision .box h1{margin:10px 0 0 0;}
#subdivision .box .outline{ width:95%; max-width:95%; margin:0 auto; }
#about dl.outline dt{max-width:100%; float:none; -moz-text-align-last:left; text-align-last:left; text-align:left;}
#about dl.outline dd{ max-width:100%; margin-left:0%;}
#about dl.outline2{ margin:0 auto 30px;}
#about dl.outline2 dt{ width:100%; max-width:100%; float:none; -moz-text-align-last:left; text-align-last:left;}
#about dl.outline2 dd{ width:100% max-width:100%; margin-left:0;}
#about dl.outline2 dd dl.rireki1 dt{ width:100%; max-width:100%;}
#about dl.outline2 dd dl.rireki1 dd{ max-width:100%; margin-left:0;}
#about dl.outline2 dd dl.rireki2 dt{ width:100%; max-width:100%;}
#about dl.outline2 dd dl.rireki2 dd{ max-width:100%; margin-left:0;}
#order .contents h2 { font-size:2.8em;}
#order .contents p{font-size:1.2em; }
#contact .contents h2{ font-size:2em;}
#toti_search .h2_wrap h2,#toti_acquied .h2_wrap h2{ padding:10px 0 7px 40px; font-size:2em; }
#toti_search .h2_wrap h2:before,#toti_acquied .h2_wrap h2:before{ position:absolute; left:-10px; top:4px;}
ul.contact_btn_list li{ float:none; max-width:100%; margin:0 auto 30px;}
ul.contact_btn_list h2{ margin-bottom:5px; font-size:1.8em; }
ul.contact_btn_list{margin:40px auto; }
ul.contact_btn_list li img.tel{ padding:0px;}
#bukken h2.bukken_title{ font-size:2.4em; padding-left:30px;}
#bukken #uenohigasi h2.bukken_title:after{ content:none;}
#bukken #nishimidorioka h2.bukken_title:after{ content:none;}
#bukken #minamisakurazuka h2.bukken_title:after{ content:none;}
#bukken img.plan1{ float:none;}
#bukken img.plan1,#bukken img.plan2{ max-width:100%;}
#bukken img.pc_plan{ display:none;}
#bukken img.sm_plan{ display:block;}
#concept .wrap br.none{ display:none;}
#concept .wrap img{ position:relative; float:right; width:140px; margin-top:40px;}
#concept .wrap p{ clear:right;}
.gmap {
padding-bottom: 80%;
}
#thanks .contents h2{ font-size:2em;}
}
/*414以下 iphone縦*/
@media screen and (max-width: 414px){
header{ text-align:left;}
header p{ float:none;}
#s_navi_wrap{ max-width:70%; }
ul.s_nav{ margin-left:0px;}
ul.mobile_btn li img{ height:50px;}
ul.mobile_btn li,ul.mobile_btn li.contact{margin:3px 0.2% 0 0; }
footer h1{ width:80%; float:none;}
footer ul { width:80%; margin:0 auto;}
#top .gallery ul li{ width:300px; max-width:100%; margin-right:0; margin-bottom:5px; }
#top .yourstyle ul li{ max-width:100%; margin-right:0;}
#top .concept{ max-width:95%; margin:0 auto; float:none;}
#top .outline{ max-width:95%; margin:0 auto;}
#order .contents h2 { font-size:2.2em;}
#order ul.totibtn li{ display:block; max-width:80%; margin:0 auto 20px;}
#toti_search .box ,#toti_acquied .box{
max-width:83%;
padding:5%;
}
#toti_search .box h3,#toti_acquied .box h3{ font-size:1.8em;padding:0px 0 0 0; margin-left:0px;}
#toti_search .box p,#toti_acquied .box p{ font-size:1.2em; padding:10px 0 0; margin-left:0px;}
#toti_search .box img.l_img,#toti_acquied .box img.l_img{ float:none;}
#toti_search img.arrow,#toti_acquied img.arrow{ width:50px; margin-bottom:10px;}
#bukken h3.title{ background:none;}
#bukken ul.bukken_nav li{ padding:10px 13px; margin-right:2px;}
#concept .wrap img{ display:none;}
}