@charset "UTF-8";
/**************************************************
common
**************************************************/
/*! 0.0 - Reset================================================ */
/* Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
*/
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;outline: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;vertical-align: baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
*,*:before,*:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-size:10px;font-size:1rem;line-height:1;}
ol,ul,li{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
hr {border: 0;height: 1px;margin-bottom: 1.6em;}
img {-ms-interpolation-mode:bicubic;border: 0;height: auto;max-width: 100%;vertical-align: middle;}
/* End of Reset CSS */
/* ================================================
//Layout
================================================ */
/* ! 1.0 Base================================================ */
html body{
	max-width: 100%;
	min-height: 100%;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "dashicons",sans-serif;
	font-size: 1.5rem;line-height: 1.4;
}

/* Typography */
h1,h2,h3,h4,h5,h6{clear:both;font-weight:700;font-style:normal;}
b,strong {font-weight:700;}
small {font-size: 75%;}
big {font-size: 125%;}
address,caption,code,var{font-weight:normal;font-style:normal;}
dfn,cite,em,i {font-style: italic;}
code,kbd,tt,var,samp,pre {font-family:Inconsolata,monospace;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;max-width: 100%;}
pre{white-space: pre-wrap;max-width: 100%;}
abbr[title] {border-bottom: 1px dotted #eaeaea;border-bottom: 1px dotted rgba(51, 51, 51, 0.1);cursor: help;}
mark,ins {text-decoration: none;}
sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;}
sup {bottom:1ex;}
sub {top:.5ex;}

/*link*/	
a{text-decoration: none;}

/*Alignments*/
figure,img{width:auto;height: auto;max-width:100%;}
.le{text-align: left;}
.ri{text-align: right;}
.ce{text-align: center;}
.lbox{float: left;}
.rbox{float: right;}
.clear{clear: both;}

/* Clearfix */
.cf:before,.cf:after,.section:before,.section:after{content: "\0020"; display: block;height: 0;visibility: hidden;}
.cf:after,.section:after{clear:both;}
.cf,.section {zoom:1;}


html body{
/*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight:300;
font-feature-settings : "palt";
font-size:15px;
}

.f_yg{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
/**************************************************
sp
**************************************************/
.sp{display:block;}
.pc{display:none;}

html body{
/*background:#333;*/
}
img{
width:100%;
}
header{
position:relative;
height:70px;
display:flex;
justify-content:space-between;
background:#fff;
}
header h1{
/*width:50%;*/
padding:0 0 0 0;
height:70px;
}
header h1 img{
height:70px;
width:auto;
}

header nav#sp_nav{
width:140px;
padding:10px 10px 5px 0;
max-height:50px;
}


header nav#sp_nav img{
height:50px;
width:auto;
}
header nav#sp_nav .sp_nav_contact img{
height:auto;
width:auto;
}

header nav#sp_nav .outline{
float:left;
/*width:50px;*/
}
header nav#sp_nav p.btn_menu{
z-index:2;
/*width:50px;*/
height:auto;
background-size:contain;
float:right;
cursor:pointer;
}

#sp_nav div{
display:none;
position:absolute;
z-index:3;
top:70px;
left:0px;
width:100%;
height:auto;
background:#d8e9f0;
padding:3% 5% 5% 5%;
}
#sp_nav ul{
top:70px;
left:0px;
width:100%;
height:auto;
background:#d8e9f0;
padding:3% 5% 5% 5%;
}

#sp_nav dl{
width:100%;
background:url(../img/sp_menu_border.png) repeat-x bottom;
padding:2% 0 1%;
}
#sp_nav dt{
font-size:5vw;
float:left;
text-align:left;
color:#333;
clear:left;
width:35%;
}
#sp_nav dt a{
color:#333;
}
#sp_nav dd{
color:#3c8fb4;
margin-left:35%;
font-size:5vw;
position: relative;
}


.sp_nav_contact{
display:flex;
justify-content:space-between;
}
.sp_nav_contact li{
width:48%;
}
#sp_nav .phone{
width:100%;
margin-top:2%;
}

#sp_nav dd::after{
content:'';
text-align:right;
position: absolute;
left:90%;
width: 100px;
height: 80%;
display:inline-block;
background-image:url(../img/sp_menu_arrow.png);
background-repeat:no-repeat;
background-size:contain;
vertical-align:middle;
}
#sp_nav ul li:nth-child(8)::after,#sp_nav ul li:nth-child(9)::after{
content:'';
}

.main_img{
background:url(../img/bg.png);
}
section h3{
color:#595757;
/*font-size:2.8vw;*/
margin:0 auto 5%;
}
section h3 span{
width:50%;
margin:0 auto;
}

section h3 p{
margin:0 auto;
padding:3%;
text-align:center;
font-size:15px;
background:#3c8fb4;
}
section h3 p span{
width:auto;
margin-left:0;
}
section h3 p img{
height:auto;
width:80%;
}


section .inner{
width:90%;
margin:0 auto;
}

#info{
padding:5% 0;
}
#info img{
width:100%;
}
.i_campaign{
margin-bottom:5%;
}
.i_grand_open{
margin-bottom:5%;
}
.info_contact{
display:flex;
justify-content: space-between;
}
.info_contact li{
width:48%;
}


#concept{
padding:5% 0;
}
.c_point{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.c_point li{
width:48%;
margin-bottom:4%;
}
.c_box{
}
.c_box p{
margin-bottom:4%;
}

#model{
padding:5% 0;
}
.model_tit{
margin-bottom:5%;
}
.model_h2{
font-size: 5vw;
text-align: center;
margin-bottom: 5%;
line-height: 1.5em;
font-weight: normal;
color: #40210f;
text-shadow: 0px 0px 2px #666;
}

#plan{
padding:5% 0;
}
.plan_list{
}

.plan_list li{
padding-bottom:5%;
margin-bottom:5%;
border-bottom:2px solid #3c8fb4;
}
.plan_list li:last-child{
padding-bottom:0;
margin-bottom:0;
border-bottom:0;
}


#access{
padding:5% 0;
}
.rail{
margin-bottom:5%;
}

#location{
padding:5% 0;
}
#location .around{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#location .around dl{
width:48%;
font-size:12px;
text-align:center;
margin-top:4%;
}

#location .around_t{
margin-top:5%;
font-size:12px;
margin-bottom:5%;
}
#location .around_t dl{
width:100%;
margin-bottom:5px;
}

#location .around_t dl dt{
background:transparent;
border:0;
border-left:2px solid;
text-align:left;
padding-left:2%;
display:flex;
align-items:center;
float:left;
width:51%;
}
#location .around_t dl dt:after{
margin-left:5px;
border-top:2px dotted #ccc;
content:"";
flex-grow:1;
float:left;
}
#location .around_t dl dd{
background:transparent;
text-align:right;
border:0;
float:left;
width:49%;
}
#location .around_t dl.note dd{
width:100%;
text-align:left;
}
#location .map iframe {
width: 100%;
margin:0 auto;
height: 400px;
}


#equipment{
padding:5% 0;
}

.equip_box{
/*background:rgba(143,195,31,0.2);*/
}
.equip_box{
margin-bottom:5%;
}

.equip_box h4 .e_t_txt span{
width:100%;
}

.equip_box .in_inner{
display:none;
background:#d8e9f0;

padding:5%;
box-sizing:border-box;
margin-bottom:10%;
}
.equip_box h4{
/*margin-bottom:5%;*/
background:#8bbcd1;
}
.equip_box h4 span{
float:left;
width:22%;
}
.equip_box h4 p{
float:left;
width:75%;
padding:3%;
}
.equip_box li{
margin-bottom:5%;
}
.equip_box li:last-child{
margin-bottom:0;
}


.bath{}

.door{}

.flooring
}
.flooring p{
text-align:right;
font-size:12px;
}

.exterior{}


#outline{
background:#eee;
padding:5%;
font-size:12px;
}
#outline table{
border:0px;
width:100%;
}
#outline table tr{
border-top:1px dotted;
}
#outline table tr:last-child{
border-bottom:1px dotted;
}
#outline table th{
background:#fff;
width:30%;
padding:3%;
box-sizing:border-box;
}
#outline table td{
width:70%;
padding:3%;
box-sizing:border-box;
}
#outline p{
margin-top:5%;
}

.announcement{
margin-top:5%;
}
.announcement dl{
display:block;
}
.announcement dt{
font-size:20px;
width:100%;
}
.announcement dd{
font-size:14px;
width:100%;
}



.sp .list_contents{
	background:#F4F6F3;
}
.sp #list_contents {
	margin: 0px auto;
	width: 90%;
	background:#F4F6F3 url(http://www.shibano-net.co.jp/sp/hp2/images/bg_youtube2.gif) repeat left top;
	padding: 20px 5%;
}
.sp #list_contents li {
	width: 50%;
	float: left;
}
.sp #list_contents li img {
	width: 100%;
	height: auto;
}

.sp #list_btn {
	width: 100%;
	padding: 3% 0 34% 0;
	background: url(http://www.shibano-net.co.jp/sp/hp2/common/images/bg_contact.png) repeat-x left top;
	background-size: contain;
}
.sp #l_box {
	width: 40%;
	float: left;
}
.sp #l_box #tit_con {
	width: 100%;
	float: left;
}
.sp #l_box li {
	width: 50%;
	float: left;
}
.sp #r_box {
	width: 60%;
	float: left;
}
.sp #r_box li {
	width: 50%;
	float: left;
}
.sp #l_box li img,
.sp #r_box li img {
	width: 100%;
}
.sp #l_box .cf1,
.sp #r_box .cf1 {
	content: "";
	display: block;
	height: 1px;
	overflow: hidden;
}

.sp #tit_contents img {
	width: 100%;
	height: auto;
}


.sp #box_menu {
	width: 100%;
    display: none;
	clear: both;
}
.sp #box_menu img {
	width: 100%;
}
.sp footer {
	width: 100%;
	padding: 15px 0 0 0;
	text-align: center;
	background: url(http://www.shibano-net.co.jp/sp/hp2/common/images/f_bg.gif) #c8dbe2 repeat-x left top;
	clear: both;
}
.sp section #list_menu #btn_logo {
	width: 75%;
	margin: 5% 5% 0 0;
	float: left;
}
.sp section #btn_menu {
	width: 20%;
	float: left;
}
.sp section #list_btn li {
	float: left;
}
.sp section #list_btn li img {
	width: 100%;
}
.sp section #list_btn #tel {
	width: 40%;
}
.sp section #list_btn .contact {
	width: 20%;
}
.sp footer #box_switch {
	width: 100%;
	display: block;
	clear: both;
	overflow: hidden;
}
.sp footer #box_switch li {
	width: 50%;
	float: left;
}
.sp footer #box_switch li img {
	width: 100%;
	margin: 0;
	padding: 0;
}
.sp footer img {
	width: 50%;
	margin: 5% 25%;
	padding: 10px 0 0 0;
}
.sp footer #copy {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 5px 0;
	background: #4a5b62;
	color: #fff;
	font-size: 10px;
}
.sp footer #f_logo {
	padding: 10px 0;
	clear: both;
}
.sp address {
	font-size: 14px;
	padding: 0 0 10px 0;
}
/**************************************************
pc
**************************************************/
@media screen and (min-width: 1200px) {
.pc{display:block;}
.sp{display:none;}

html body{
background:url(../img/bg.png);
}
img{
width:auto;
}

header{
height:auto;
}
nav#f_nav{
position:fixed;
width:100%;
background:#fff;

display:none;
}
#tf_g_nav{
width:1200px;
margin:0 auto;
}

#tf_g_nav ul{
float:left;
padding:30px 0;
}
#tf_g_nav li{
float:left;
width:140px;
border-left:1px solid #ddd;
}
#tf_g_nav li:first-child{
border-left:0;
}
#tf_g_nav p{
float:right;
height:100px;
width:auto;
}


#pc_nav{
width:1200px;
height:130px;
margin:0 auto;
background:#fff;
}
#pc_nav h1{
width:430px;
float:left;
padding:0;
height:auto;
}
#pc_nav h1 img{
height:auto;
}
.pc_nav_box{
width:770px;
float:left;
}
#sub_nav{
padding:20px 0 0;
margin-left:50px;
width:700px;
float:left;
}
#sub_nav li{
float:left;
margin-right:15px;
}
#sub_nav li:last-child{
margin-right:0;
}
#sub_nav li span{
display:block;
font-size:10px;
}

#g_nav{
width:700px;
/*float:left;*/
padding:15px 0 0;
margin-left:15px;

display:flex;
justify-content:space-between;
}
#g_nav li{
/*float:left;*/
/*width:140px;*/
border-left:1px solid #ddd;
}
#g_nav li:first-child{
border-left:0;
}
#g_nav li:last-child(6){
border-right:0;
}

.main_img{
width:100%;
margin:0 auto;
}
.main_img img{
width:100%;
}





section h3{
color:#595757;
/*font-size:2.8vw;*/
/*background-image:url(../img/h3_bg.png);*/
background-position:15% 0;
background-size:auto 100%;
background-repeat:repeat-x;
padding:0;
background:#3c8fb4;
}
section h3 > div{
width:1200px;
margin:0 auto;
}

section h3{
color:#595757;
/*font-size:2.8vw;*/
margin:0 auto 50px;
}
section h3 p{
margin:0 auto;
padding:0;
text-align:center;
font-size:33px;
background:transparent;
float:left;
margin-left:60px;
line-height:65px;
}
section h3 p img{
height:40px;
width:auto;
margin-top:-10px;
}
section h3 span{
width:250px;
/*margin:0 auto;*/
float:left;
margin-left:50px;
}

section .inner{
width:1200px;
margin:0 auto;
text-align:center;

}


#info{
padding:80px 0;
}
#info .inner{
width:850px;
}
.i_grand_open{
margin-bottom:40px;
}
.i_campaign{
margin-bottom:40px;
}
.info_contact{
display:flex;
justify-content: space-between;
}
.info_contact li{
width:48%;
}


#concept{
padding:0 0 80px;
}
.c_point{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.c_point li{
width:24%;
margin-bottom:4%;
}
.c_box{
display:flex;
justify-content:space-between;
}
.c_box p{
margin-bottom:0;
}

#model{
padding:0 0 80px;
}
.model_tit{
margin-bottom:30px;
}
.model_h2{
font-size: 50px;
margin-bottom: 40px;
text-align: center;
}

#plan{
padding:0 0 80px;
}
.plan_list{
width:1000px;
margin:0 auto;
}
.plan_list li{
padding-bottom:40px;
margin-bottom:40px;
border-bottom:2px solid #3c8fb4;
}
.plan_list li:last-child{
padding-bottom:0;
margin-bottom:0;
border-bottom:0;
}


#access{
padding:0 0 80px;
}
.rail{
margin-bottom:40px;
}

#location{
padding:0 0 80px;
}
#location .around{
width:1000px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
#location .around dl{
width:24%;
font-size:12px;
text-align:center;
margin-top:4%;
}

#location .around_t{
width:1000px;
margin:0 auto;
display:flex;
justify-content:space-between;

margin-top:40px;
font-size:18px;
margin-bottom:40px;
}
.around_tl,.around_tr{
width:49%;
}


#location .around_t dl{
width:100%;
margin-bottom:5px;
display:flex;
align-items:center;
}

#location .around_t dl dt{
background:transparent;
border:0;
border-left:2px solid;
text-align:left;
padding-left:2%;
width:46%;
}
#location .around_t dl dt:after{
margin-left:5px;
border-top:2px dotted #ccc;
content:"";
flex-grow:1;
float:left;
}
#location .around_t dl dd{
background:transparent;
text-align:right;
border:0;
width:54%;
}


#location .around_t dl.note dd{
width:100%;
text-align:right;
font-size:15px;
}
#location .map iframe {
width: 1000px;
margin:0 auto;
height: 700px;
}

#equipment .inner{
width:1000px;
margin:40px auto 0;
}
.equip_box{
/*background:rgba(143,195,31,0.2);*/
margin-bottom:60px;
}
.equip_box .in_inner{
padding:50px 30px 30px;
box-sizing:border-box;
margin-bottom:0;
margin-top:-25px;
}

.equip_box .e_t_img{
margin-left:30px;
width:105px;
}
.equip_box .e_t_img img{
width:100%;
/*margin-bottom:25px;*/
}
.equip_box h4{
background:url(../img/et_h4_bg.png) repeat-x;
margin-bottom:0;
}
.equip_box h4 span{
width:auto;
}
.equip_box h4 .e_t_txt{
float:left;
width:830px;
padding-left:30px;
overflow:visible;
}
.equip_box .e_w_img{
margin-left:30px;
width:105px;
}

.equip_box h4 p{
float:left;
padding:30px;
}
.equip_box li{
margin-bottom:25px;
}
.equip_box li:last-child{
margin-bottom:0;
}

.kitchen{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.bath{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.sanitary{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.door{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.flooring{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
text-align:left;
font-size:12px;
}


.exterior{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

#outline{
background:#eee;
padding:40px;
font-size:12px;
color: #595757;
}

.outline_box{
width:1000px;
margin:0 auto;
}
.outline_box h2{
font-size:20px;
margin-bottom:70px;
}

#outline h3{
font-size:20px;
background:transparent;
}

#outline .ol{
float:left;
width:480px;
}
#outline .or{
float:right;
width:480px;
}
#outline table{
border:0px;
width:100%;
font-size:14px;
border:0;
}
#outline table tr{
border-top:0;
border-bottom:1px dotted;
}

#outline table tr:last-child{
border-bottom:1px dotted;
}
#outline table th{
background:transparent;
border:0;
width:30%;
padding:5px;
box-sizing:border-box;
}
#outline table td{
width:70%;
padding:5px;
box-sizing:border-box;
border:0;
}
#outline p{
margin-top:5%;
}

.announcement{
margin-top:50px;
}
.announcement dl{
border-bottom:0;
display:block;
align-items: flex-start;
justify-content:space-between;
padding:0;
}
.announcement dt{
font-size:20px;
width:100%;
margin-bottom:5px;
}
.announcement dd{
width:100%;
font-size:14px;
}


#houseList a{
color: #124a6e;
font-weight:bold;
display:block;
}
#houseList a span{
font-size:10px;	
color: #333;
font-weight:normal;
}
#houseList li:hover{
opacity:0.5;
}

#houseList .single{
line-height:45px;
}
footer {
background-color: #3495ce;
padding-top: 15px!important;
width:100%;
/*min-width: 1200px;*/
/*height: 190px;*/
}
footer #comFooter {
display: block;
clear: both;
width: auto;
overflow: hidden;
/*padding:20px auto 20px;*/
}
footer #comFooter #houseList {
width:1200px;
margin:0 auto;
padding:8px 0;
display:block;
clear:both;
overflow:hidden;
}
footer #comFooter #houseList li {
float:left;
text-align:center;
border-right:1px solid;
width:120px;
height:40px;
box-sizing:content-box;
}
footer #comFooter #houseList li:first-child{
border-left:1px solid;
/*margin-left:60px;*/
margin-left:180px;
}

footer #comFooter #comsite {
display: block;
clear: both;
width: 1100px;
margin:20px auto;
overflow: hidden;
}
footer #comFooter #comsite #comBt {
float: left;
width: 230px;
}
footer #comFooter #comsite #comSitemapB {
float: left;
width: 860px;
color: #FFF;

}
footer #comFooter #comsite #comSitemapB .comSitemap {
/*width: 710px;*/
/*margin-bottom: 10px;*/
display: block;
clear: both;
overflow: hidden;
font-size: 10px;
line-height: 18px;
}
footer #comFooter #comsite #comSitemapB .comSitemap li {
float: left;
margin:5px 0;
padding:5px 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFF;
line-height:10px;
}
#copyRight {
display: block;
width: 1200px;
text-align:right;
color:#ffffff;
margin: 0 auto;
padding:0 0 15px;
}
#copyBack {
background-color: #3995CC;
padding: 0 0 120px 0;
}


/* pop_bnr */
#popbnr_area {
position: fixed;
bottom: 0;
width: 100%;
z-index: 2;
}
#popbnr_area #popbnr_close_box {
width: 900px;
margin: 0 auto;
}
#popbnr_area #popbnr_close_box #popbnr_close {
float: right;
cursor: pointer;
}
#popbnr_area #popbnr {
clear: both;
width: 100%;
background: #fff;
background-color: rgba(255,255,255,0.5);
border-top: 1px #aaa solid;
}
#popbnr_area #popbnr #popbnr_box {
width: 900px;
height: 100px;
margin: 0 auto;
padding: 10px 0;
display: block;
}
#popbnr_area #popbnr #popbnr_box #bnr_reserve {
float: left;
width: 789px;
}
#popbnr_area #popbnr #popbnr_box #bnr_request {
float: right;
width: 101px;
}
#popbnr_area #popbnr_close:hover,
#popbnr_area #popbnr #popbnr_box #bnr_reserve:hover,
#popbnr_area #popbnr #popbnr_box #bnr_request:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}

footer #houseListback {
/*background: url(../images/pc/fback.gif) repeat-x left top;*/
height:57px;
width:100%;
}
footer #footerBack {
background: url(fnback.gif) repeat-x left top;
width:100%;
}