@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------
　　　　　　　　　共通設定
-----------------------------------------*/
body{
    background-color: #ccc;
	margin:0;
	padding:0;
}
img{
	width:100%;
}

ul,li{
    margin: 0;
    padding: 0;
}

/*検索窓設定　searchform.php*/
#searchsubmit{height: 22px;
line-height: 22px;
vertical-align: middle;

}
.promise{
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.risk{
    clear: both;
	width:80%;
	margin:0 auto 30px;
}
a{
	text-decoration:none;
}

p{
	margin:0;
	padding:0;
}
.info_box p{
	font-size:1em;
}
.date img{
	width:30px;
	height:auto;
}

/*PAGETOP　ボタン*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
	width: 90px;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 90px;
    padding: 15px 0;
    text-align: center;
    display: block;
   	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	 border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/*②スマホだけ電話リンク*/
.tel-link {
    color: #06F;
}

ul.thumb-item-nav p.imgcaption{
	display:none;
}


.imgcaption{
	text-align:center;}
	
div.info_box{
	border-bottom:solid 1px #999;
	padding-bottom:10px;
}
.hoshou span{
	border-bottom:solid 1px #000;
	font-weight:bold;
	padding-bottom:3px;
}
.category{
	margin-right:5%;
}
.widget ul li a{
	font-size:0.9em;}
#blog_kiji .post h2{
    background-color: #E8E1DA;
	padding:0;
	margin:5px 0;
}
#blog_kiji .post h2 a{
	display:block;
}
.post-meta{
	margin-bottom:20px;
	text-align:center;
}
.post-meta span{
	font-size:1.2vw;
	text-align:center;
}
#contactform_wrap,#company_wrap{
    margin-top: 30px;
}

/*ページャー用css　ここから*/
.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}
/*ページャー用css　ここまで*/

#commentform p img{
	width:100px;
	height:auto;
	margin:15px 0 0 0;
}


/*　画面サイズが481pxからはここを読み込む　*/
/*-----------------------------------------
　　　　　　　　　　PC
-----------------------------------------*/
@media screen and (min-width:481px) {   
#qr{
	float:left;
	width:31%;
	margin:0 1%;
	}
	#qr img{
	width:90%;
	height:auto;
	margin:0 auto;
	}


nav#menu-box{
    z-index: 2;
	position: fixed;
top: 0;
width: 100%;
margin: 0 auto;
background: #fff;
	}
h3.banner{
	font-size:1.2em;
	margin:0;
	padding:0;
	vertical-align:top;
}
/*.thumb-item-nav li img{
	width: auto;
height: 90px;
	}*/
.img_box{
	height:20vw;
	text-align:center;
}

.img_box img{
	height:100%;
	width:auto;
	margin:0 auto;
}
/*footer*/
/*h2.comment{
	clear:both;
	background:#ccc;
	margin:0 auto 15px;
	font-size:1.2em;
	text-indent:15px;
    font-weight: normal;
	width:95%;
}*/

#topics ul li a{
	font-size:1.2vw;
}

#fb img,#insta img{
    width: 2.5vw;
    height: auto;
    margin-left: 0.5vw;
}

div.no_box{
	font-size:0.8em;
	text-align:center;
	font-weight:bolder;
	margin-bottom:15px;
}
div.single_title h2{
	text-align:center;
	font-weight:bolder;
}
.imgcaption{
	margin-bottom:20px;
	font-size:0.9em;
	color:#666;
}
#single_area{
	width:80vw;
	clear:both;
	margin:30px auto;
	border-top:solid 3px #000;
	padding-top:30px;
}
#only_single_area{
	width:50vw;
	clear:both;
	margin:30px auto;
	border-top:solid 3px #000;
}

#single_area img{
	/*width:100%;*/
	margin-bottom:10px;
}
#only_single_area img{
	/*width:100%;*/
	/*margin-bottom:10px;*/
}
#single_area h2{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	color:#000;
}
#only_single_area h2{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	color:#000;
}
.navigation{
	margin-bottom:20px;
}
#sidebar h2{
	background:#EBEBEB;
}
	
	
	
/* new clearfix */
.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

header{
	/*border-bottom:solid 1px #000;*/
	margin-bottom:50px;
}
#menu-box{
	margin-bottom:20px;
	border-bottom:solid 1px #000;
}
/*#top #menu-box{
    position: absolute;  
	width:100%;
	margin-bottom:20px;
}*/

#page-body{
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
	padding:0;
}
#maincontents-wrap{
	clear:both;
	margin-top:15px;
}

h1{
    color: #a9a9a9;
    font-family: 'Fjalla One', sans-serif;
    padding: 0;
    margin: 0;
}
h2{
    margin: 20px 0 0 0;
    /*display: inline-block;*/
    font-weight: normal;
	text-align:center;
}
#msg h2{
    font-size: 1.2em;
    font-weight: normal;
    width: 90%;
}
#header-image{
    clear: both;
    width:100%;
    height: 48vw;
    background: url(../img/main_img.jpg) no-repeat 0 0;
	background-size:100% auto;/*この場合は高さが自動設定*/
}
html{
	background:#fff;}
#logo-wrap{
	width:90vw;
	clear:both;
	margin:60px auto 0;
}
/*#risk_wrap{
	min-width:800px;
	margin:0 auto;
}*/
.risk li{
    width: 21%;
	min-width:140px;
    float: left;
    height: 100px;
    margin:15px 2%;
	border:solid 3px #000;
	text-align:center; 
	box-sizing:border-box;
	font-size:1.5em;
	color:#000;
	font-weight:bold;
	line-height:3.7em;
	
}
li{
    list-style: none;
    margin: 0;
    padding: 0;
}
#msg{
    width: 25vw;
    float: left;
}
#sns{
	float:right;
}
#tel_set{
	display:inline-block;
	float:left;
	margin-right:15px;
}
.tel-sns{
	float:right;
	vertical-align:top;
	margin-top:3vw;
}

p.tel-link{
	clear:both;
	font-size:3.5vw;
	background:url(../img/tel.png) no-repeat 0 50%;
	text-indent:3vw;
	background-size:2.5vw;
	font-family: 'Roboto Condensed', sans-serif;	}
/*.tel-sns dt{
    font-size: 1.3em;
    margin-left: 20px;
}
.tel-sns dd{
    margin: 0 20px 0 0;
    font-size: 2.3em;
    font-family: 'Raleway', sans-serif;
	float:right;
}*/
/*.tel_mark{
    width: 26px;
    height: auto;
    vertical-align: middle;
    margin-right: 7px;
}*/

/*FOOTERのサイトマップ*/
nav#footer-menu-box{
    width: 75%;
	margin:0 auto;
	text-align:center;
	
}
nav#footer-menu-box #menu-nav-1 li {
    width: 13%;
    margin-top: 10px;
    list-style: none;
    float: left;
}
nav#footer-menu-box #menu-nav-1 li a {
    list-style: none;
	padding: 5px 0;
	font-size:0.8em;
	display:block;
	text-align: center;
	text-decoration:none;
	color:#ccc;
}


#contents{
    background-color: #fff;
	padding-bottom:80px;
}
ul#menu-nav{
    width: 100%;
    margin: 0 auto;
    clear: both;
}
ul#menu-nav li{
    width:13%;
    margin: 0 3px;
    margin-top: 10px;
    list-style: none;
    float: left;
    text-align: center;
}
ul#menu-nav li a{
    display: block;
    color: #000/*#778899*/;
    font-size: 1em;
    text-decoration: none;
}
#toggle{
	display:none;
}

#logo{
	width:20vw;
	float:left;
    /*display: inline-block;*/
    margin: 1.5vw 2.3vw 1vw 0;
}

#logo h1 img{
    width: 100%;
    height: auto;

}
#tel_sns{
	width:350px;
	float:right;
} 
    #photo-wrap h4{
        background: #ccc;
        text-indent: 20px;
    }
.photo figure{
	margin:0 5%;
}
.top_photo figure{
	margin:0 5%;
	text-align:center;
}
#main-photo-wrap{
	width:95%;
	margin:0 auto;
}

#maincontents{
    width: 100%;
    padding-bottom: 50px;
}
#maincontents .photo img{
    width: 100%;
    height: auto;
}
#maincontents .photo{
    width: 33%;
    float: left;
	margin-bottom:30px;
}
#maincontents .top_photo{
    width: 33%;
    float: left;
	margin-bottom:35px;
}

    #company_set{
        width: 70%;
        margin: 50px auto;
    }
    
    table{
        width: 60%;
        float: left;
    }
    #company_set{
       width: 70%;
    }
    #company_photo img{
        width: 40%;
        float: right;    
    }

/*#sale_maincontents{
	width: 100%;
	padding-bottom: 50px;
}
#sale_maincontents .photo{
	    width: 50%;
    float: left;
	margin-bottom:30px;
}
#sale_maincontents .photo p{
	font-size:0.9em;
	margin:0;
	padding:0;
}
#sale_maincontents .photo img{
    width: 100%;
    height: auto;
}*/
ul.sekou_info li{
	border-bottom:solid 1px #ccc;
	list-style:none;
	text-align:left;
	padding-left:15px;
	font-size:0.9em;
}
h2.promise{
	font-size:1.4em;
	font-weight:bold;
	margin:40px auto 10px;
	
}
h3.hoshou{
	font-weight:normal;
	font-size:1.1em;
	text-align:center;
	margin:0;
	padding:0;
}
#maincontents .photo figcaption{
    text-align: center;
	font-size:0.9em;
}
h2.huruie{
	font-size:2.3vw;
	text-align:center;
	font-weight:bold;
	border-top:solid 3px #000;
	border-bottom:solid 3px #000;
	width:80%;
	margin:0 auto;
	padding:30px 0;
}
h2.huruie .big_title{
	font-size:5vw;
	margin-top:50px;
	text-align:center;
	font-weight:bold;
	margin:0 auto;
	padding:30px 0;
	font-family: 'Roboto Condensed', sans-serif;}
#photo-wrap{
    margin-top: 30px;
}
#box-wrap{
    clear: both;
}

#gmap{
	width: 90%;
	margin: 0 auto 50px;
}

#topics{
	clear:both;
    width: 31%;
    float: left;
    margin: 0 1%;
	/*background:#FFECB9;*/
	padding:5px;
	box-sizing:border-box;
	font-size:0.9em;
}
#topics dt{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.5em;
}




#topics dd{
    margin: 0;
}
#topics dd ul li{
    border-bottom: solid 1px #ccc;
}
#comment-wrap{
    float: left;
    width: 31%;
    margin: 0 1%;
}
#comment-wrap h2{
    font-size: 1.2em;
    margin: 0;
    padding: 0;
	font-weight:bold;
}
#comment-wrap p{
    margin: 5px 0 0 0 ;
    padding: 5px 0 0 0;
    font-size: 0.8em;
	border-top:solid 1px #ccc;

}
.hakoie{
    background: #E8E1DA;
	padding:10px;
}
.hakoie figcaption{
	font-size:0.9em;
	line-height:1.3em;
}


/*.maki h3{
	text-align:center;
	margin:0;
	padding:0;
}
.maki img{
    width: 100%;
}
.maki figure{
    margin: 0;
    padding: 5%;
	box-sizing:border-box;
}
.maki figcaption{
    font-size: 0.8em;
	text-align:justify;
	width:100%;
	vertical-align:top;
}
*/.box{
    width: 380px;
    height: 100px;
    background-color: #fff;
    text-align: center;
    float: left;
    margin: 5px;
    
}
#info{
    clear: both;
    /*border: solid 1px #ccc;*/
    margin: 10px auto 0;
    width: 90vw;
    padding: 10px;

}
.info_inner{
    width: 80vw;
    margin: 0 auto;
	display:table;    /*これと下記のdisplay:tablecellを使うとfloat使わずに横並びで高さもそろう*/
}
#info dl{
    margin: 0;
    border: solid 1px #ccc;
    padding: 2vw 3vw;
	border-collapse:collapse;
	width:40vw;
	box-sizing:border-box;
	display: table-cell;
	}
#info dl.tel_wrap{
    border: solid 1px #ccc;
    padding: 2vw 3vw;
	width:40vw;
	/*border-collapse:collapse;テーブルにしかきかない*/
	box-sizing:border-box;
display: table-cell;	
}


#info dl dt{
    font-size: 2vw;
	text-align:center;
	padding:10px 10px 0 10px;
}    
#info dl dt.tel{
    margin: 0;
}
#info dl dt.mail{
		padding-bottom:10px;

    /*margin-left: 38px;*/
}

#info dl dd.tel_no{
    margin: 0;
    font-size: 4.8vw;
	text-align:center;
    background: url(../img/tel.png) no-repeat 0 50%;
    background-size: 2.6vw;
	text-indent:15px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #06F;
}

#info dl dd.otoiawase{
	margin:0;
    font-size: 2.5vw;

}
#info dl dd.otoiawase a {
    height: 45px;
    background-color: #778899;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
	height: 1.5em;
    line-height: 1.5em;
}
footer{
    width: 100%;
    background-color: #666;
    text-align: center;
    clear: both;
    color: #fff;
}
footer p{
    line-height: 2.6em;
    font-size: 0.8em;
	margin:0;
	padding:0;
}
#topics_set{
	clear:both;
	width:95%;
	margin:0 auto;
}

/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿example＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
h2.example_title{
    background: #ccc;
    font-size: 1.2em;
	width:95%;
	margin:0 auto 15px;
}
.clear{
    clear: both;
}
#photo-wrap{
    border-bottom: solid 5px #ccc;
    margin-bottom: 50px;
	padding-bottom:100px;
}
/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿sale-detail＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

ul#sale_photo{
    width: 80%;
    margin: 50px auto;
}
/*img.alignnone{
	float:left;
	height:240px;
	width:auto;
	margin:0 2%;
}
*/.info_casette{
	clear:both;
}
    
ul#sale_photo li{
    width: 18%;
    height: 100px;
    background: #ccc;
    float: left;
    margin: 1%;   
}
#main {
	margin-bottom:50px;
}
#main p{
	/*clear:both;*/
}
/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿contact＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#contact_form{
	width:40%;
	margin:50px auto 80px;
}
#contact_form form p{
	margin-bottom:20px;
}


/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿rent＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

h2.bukken_title{
	padding:3px 0;
	clear:both;
    background: #666;
	margin:0 auto 40px;
	font-size:1.2em;
	text-indent:15px;
    font-weight: normal;
	width:80%;
	font-weight:bold;
    color: #fff;
}


/*kodate*/
#kodate_list{
	margin:0 auto 70px;
	width:80%;
}
#kodate_list h3{
	font-size:1em;
}
.kodate_parts{
	float:left;
	width:40%;
	margin:0 5% 5%;
}
.kodate_parts p{
	margin:0;
	padding:0;
}

/*sekou example*/
#sekou_list{
	margin:0 auto 70px;
	width:80%;
}
#sekou_list h3{
	font-size:1.1em;
	margin:15px 0 0 0;
}
.sekou_parts{
	float:left;
	width:40%;
	margin:0 5% 5%;
}

.sekou_parts p{
	margin:0;
	padding:0;
}






#apart_list{
	margin:0 auto;
	width:80%;
}

#apart_list h3{
	font-size:1.1em;
}
.apart_parts{
	float:left;
	width:40%;
	margin:0 5% 5%;
}
.apart_parts p{
	margin:0;
	padding:0;
}
h3.rent_title{
	border-bottom:solid 1px #000;
	margin:10px 0 5px;
	text-indent:10px;
}
p.rent_detail{
	text-indent:10px;
}
p.rent_detail a{
	color:#F63;
}



/*----------------blog-----------------*/
/*blog*/

#blog_maincontents{
	width:50%;
	margin:50px auto 0;
}
#blog_content{
		clear:both;
}

#blog_kiji .post{
	padding-bottom:15px;
	border-bottom:solid 1px #ccc;
	margin-bottom:15px;
}
.comment-author img{
	width:30%;
	height:auto;
	display:block;
	margin-bottom:10px;
}
.comment-body{
	font-size:1.2vw;
}
ol{
	margin:0;
	padding:0;
}
p.comment-form-author,p.comment-form-email,p.comment-form-url{
	line-height:2em;
}
.required{
	color:#F99;
}
#comment-area{
	/*padding:2.5vw;*/
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;  
    border-radius:10px 10px 10px 10px;		}

#comments{
	margin:0 0 1.5vw 0;
	font-size:1.5vw;
}


#comment{
	width:100%;
}
p.comment-form-comment label{
	display:block;
	font-size:1.1vw;
}
.navigation a{
	font-size:1.1vw;
	margin-bottom:3vw;
}
.alignleft{
	margin-right:1vw;
	padding-right:1vw;
	border-right:solid 1px #ccc;}

.alignleft a,.alignright a{
	color:#987B4C;
}

.alignleft,.alignright{
	display:inline-block;}
ul#recentcomments{
	margin:0;}
	
#reply-title{
	display:none;
}
.logged-in-as{
	font-size:1.2vw;
}
.widget_search{
	margin-bottom:20px;
}	
.widget ul{
	margin-bottom:15px;
}
.widget_meta{
	display:none;
}
#sidebar_wrap .widgettitle{
	font-size:1.3vw;
	font-weight:bold;
	margin:0 0 10px 0;
}
#single_main_wrap{
	margin:0 auto;
	display:table;
}
div.navigation{
	clear:both;
}
#sidebar_wrap{
	min-width:20vw;
	float:left;
	padding: 10px;
	display:table-cell;
	box-sizing:border-box;
}
#sidebar li{
	font-size:1.3vw;
	border-bottom:solid 1px #ccc;
}
#sidebar ul{
	margin-bottom:30px;
}
	
#single_main{
	width:35vw;
	float:left;
	margin-right:2vw;
	display:table-cell;
}
#comment_wrap{
	clear:both;

}
.comment-notes{
font-size:1.1vw;
}
#blog_imgbox{
height:20%;
width:auto;
padding-right:3%;
display:table-cell;
min-width:100px;
}
#blog_comment{
	width:75%;
	display:table-cell;
	vertical-align:top;
}
#blog_maincontents img{
	width:100%;
	height:auto;
	}
#blog_maincontents .type-post{
	vertical-align:top;
}
#blog_maincontents .post-date{
	font-size:1.1vw;
}
#blog_maincontents .category{
	font-size:0.7em;
}
#blog_maincontents .category a{
	font-size:1.4em;
}
#blog_maincontents h2{
	border-bottom:solid 1px #ccc;
    background-color: #E8E1DA;
	width:100%;
	font-size:1.3em;
	margin:0;
	padding:0;
}
#blog_maincontents h2 a{
	display:block;
}

.blog_contents{
	width:90%;
	border:solid 1px #ccc;
	padding:5px 10px;
	margin-bottom:20px;
	display:table;
}

#blog_kiji{
	/*width:35vw;*/
}
#blog_kiji img{
	height:auto;

}
	ul.slider-nav li img{
	width:160px;
	height:auto;}
p#fb{
	display:inline-block;
}
p#insta{
	display:inline-block;
}
#tel_txt{
	float:left;
	font-size:1.3vw;
}
#main_catch{
	width:31vw;
	text-align:center;
	font-size:2.3vw;
	margin:3vw 1vw 0 0;
	float:left;
}


}
/*タブレット用*/
@media only screen and (min-width:479px) and (max-width:768px) {
	#only_single_area{
	width:80vw;
	clear:both;
	margin:30px auto;
	border-top:solid 3px #000;
}
p.tel-link{
	clear:both;
	font-size:3.7vw;
	background:url(../img/tel.png) no-repeat 0 50%;
	text-indent:3vw;
	background-size:2.5vw;
	}
#tel_txt{
	float:left;
	font-size:1.9vw;
	line-height:5vw;
}
.tel-sns {
    float: right;
    vertical-align: top;
    margin-top: 1.9vw;
}
#main_catch {
    width: 31vw;
    text-align: center;
    font-size: 2.7vw;
	margin:3vw 1vw 0 0;
    float: left;
}
#risk_wrap{
	width:100%;
	margin:0 auto;
	}	
	.risk li{
    width: 46%;
	min-width:140px;
    float: left;
    height: 100px;
    margin:15px 2%;
	border:solid 3px #000;
	text-align:center; 
	box-sizing:border-box;
	font-size:1.5em;
	color:#000;
	font-weight:bold;
	line-height:3.7em;
	
}
.widget ul li a {
    font-size: 1.5em;
}
#sidebar_wrap .widgettitle {
    font-size: 2.5vw;
    font-weight: bold;
    margin: 0 0 10px 0;
}
#blog_kiji .post h2 {
    background-color: #E8E1DA;
    padding: 0;
    margin: 5px 0;
	font-size:3vw;
}

.blog_contents{
	width:100%;
	border:solid 1px #ccc;
	padding:5px 10px;
	margin-bottom:20px;
	display:table;
}
#blog_maincontents{
	width:70%;
	margin:0 auto;
}

}

/*　画面サイズが480pxまではここを読み込む　*/
/*-----------------------------------------
　　　　　　　　　　SP
-----------------------------------------*/
@media screen and (max-width:480px) { 
#contactform_wrap, #company_wrap {
    margin:0;
}
p.rent_detail a {
    color: #F63;
}


.slick-slide img{
	width: auto;
	height: 100%;
	margin:0 auto;
}
#single_area{
	clear:both;
	margin:30px auto;
	border-top:solid 1px #ccc;
}
#only_single_area{
	clear:both;
	margin:30px auto;
	border-top:solid 1px #ccc;
}
#fb img,#insta img{
    width: 8vw;
    height: auto;
    margin-left: 1vw;
}

#main {
	margin-bottom:50px;
}

table{
	margin-left:20px;
	margin-bottom:30px;
}
#company_photo{
	margin:0 auto 50px;
	width:90%;
}
#company_photo img{
	width:100%;
	height:auto;
}
#gmap{
	margin-bottom:50px;
}
#sns{
    margin-top: 21px;
	display:inline-block;
}
#tel_set{
}
#tel_set p.tel-link{
	font-size:2.3em;
	background:url(../img/tel.png) no-repeat 0 50%;
	text-indent:7vw;
	background-size: 5.5vw;
	display:inline-block;
	font-family: 'Roboto Condensed', sans-serif;}
h2.bukken_title{
	background:#666;
	width:100%;
	text-indent:15px;
	font-size:1.2em;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
h2{
    margin: 20px 0 15px 0;
    font-weight: normal;
	text-align:center;
}
h3.rent_title{
	font-size:1.1em;
	margin:10px 0 0 0;
	border-bottom:solid 1px #ccc;
}
.kodate_parts{
	margin-bottom:50px;
}
.sekou_parts{
	margin-bottom:50px;
}
html,body{
	margin:0;
	padding:0;
	background:#fff;
}

#header-image{
    clear: both;
    width:100%;
	height:60vw;
    background: url(../img/main_img2.jpg) no-repeat 0 0;
	background-size:100% auto;/*この場合は高さが自動設定*/
	margin-bottom:20px;
}
#page-body{
	width:100%;
	margin:0;
	background:#fff;

	}
#sns img{
	display:inline-block;
	
}
p#fb{
	display:inline-block;
}
p#insta{
	display:inline-block;
}
#tel_txt{
	display:inline-block;
	font-size:0.9em;
}
h1{
	margin:0;
}
header{
	margin-bottom:20px;
}
    ul#menu-nav{
    width: 100%;
    margin: 0 auto;
    clear: both;
}
ul#menu-nav li{
    width:100%;
    list-style: none;
    text-align: center;
	border-bottom:solid 1px #ccc;
}
ul#menu-nav li a{
	width:100%;
    display: block;
    color: #fff/*#778899*/;
    font-size: 1em;
    text-decoration: none;
}
nav#menu-nav-box{
	width:100%;
    clear: both;
    padding-bottom: 10px;
	border-bottom:solid 1px #000;
}
#logo-wrap{
	width:85vw;
	margin:100px auto 15px;
}
#main_catch{
	font-size:1.4em;
	text-align:center;
	margin-bottom:40px;
}
#logo{
	width:100%;
	margin-bottom:15px;
}
#logo img{
	width:100%;
}
#msg{
	float:left;
	width:45%;
	font-size:0.6em;
	margin:15px 0 0 15px;
}

#topics{
	clear:both;
    width: 90%;
    margin: 0 auto;
}

#topics dd{
    margin: 0;
}
.date{
	font-size:0.8em;
}
#topics dd ul li{
    border-bottom: solid 1px #ccc;
	margin:0;
	padding:0;
	list-style:none;
}
.tel-sns {
    width: 100%;
	margin-bottom:30px;
	text-align:center;
}

.tel_mark{
    width: 26px;
    height: auto;
    vertical-align: middle;
    margin-right: 7px;
}

#toggle{
	width:100%;
	background:#FFF;
	text-align: center;
}
.photo{
	width:100%;
}
.top_photo{
	margin-bottom:30px;
}
.top_photo img{
	width:100%;
}
.top_photo figure{
	margin:0;
	width:85%;
	margin:0 auto;
}
.top_photo figure figcaption{
	text-align:center;
	font-size:4.5vw;
}
.photo figure{
	margin:0;
}
#photo-wrap{
    margin-top: 50px;
	width:90%;
	margin:0 auto;
}

#photo-wrap img{
	width:100%;
}

/*--------------SALE---------------*/

h2.huruie .big_title{
	font-size:11vw;
	margin-top:50px;
	text-align:center;
	font-weight:bold;
	margin:0 auto;
	padding:30px 0;
	font-family: 'Roboto Condensed', sans-serif;}

h2.huruie{
	text-align:center;
	clear:both;
	font-size:4.5vw;
    font-weight: bold;
    border-top: solid 3px #000;
    border-bottom: solid 3px #000;
    width: 80%;
    margin: 50px auto;
    padding: 30px 0;
}



#sale_maincontents{
    width: 100%;
    padding-bottom: 50px;
}
#sale_maincontents .photo{
	width: 100%;
	margin-bottom:30px;
}
#sale_maincontents .photo img{
    width: 100%;
    height: auto;
}
ul.sekou_info li{
	border-bottom:solid 1px #ccc;
	list-style:none;
	text-align:left;
	padding-left:15px;
	font-size:1em;
	line-height:1.5em;
}
h2.promise{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px;
}
h3.hoshou{
	width:80%;
	font-weight:normal;
	font-size:0.9em;
	text-align:center;
	margin:0 auto;
	padding:0;
	}
.promise{
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.risk{
	width:100%;
	margin-bottom:50px;
}
#risk_wrap{
	width:90%;
	margin:0 auto;
	}	
	.risk li{
    width: 45%;
    height:90px;
    margin:15px 2%;
	border:solid 3px #000;
	text-align:center; 
	box-sizing:border-box;
	font-size:1.4em;
	color:#000;
	font-weight:bold;
	line-height:3.7em;
	display:inline-block;
	
}

.info_inner{
	width:90%;
	margin:0 auto 50px;
	border:solid 1px #ccc;
	text-align:center;
	padding:0;
}
h2.comment{
	font-size:1.3em;
	text-align:center;
	margin:50px 0 10px 0;
	font-weight:bold;
}
#comment-wrap p{
	width:80%;
	margin:0 auto 50px;
}
dl.tel_wrap{
	margin:0;
	padding:20px;
	border-bottom:solid 1px #ccc;
}




h3.banner{
	display:inline-block;
	font-size:1.32em;
	margin:0;
	padding:0;
	vertical-align:top;
}

.maki{
    width: 85%;
    background: #ccc;
	margin:0 auto 50px;
	text-align:center;
}
.maki img{
    width: 90%;
	height:auto;
	margin:0 auto;
}
.maki figure{
    margin:0;
    padding: 5% 0;
	background: #E8E1DA;
}
.maki figcaption{
    font-size: 0.8em;
	text-align:justify;
	width:90%;
	vertical-align:top;
	margin:0 auto;
}
dl#topics dt{
	font-family: 'Roboto Condensed', sans-serif;
	text-align:center;
	font-size:1.5em;
	border-bottom:solid 1px #ccc;
}
dl#topics dd{
	text-indent:15px;
}
dt,dd{
	margin:0;
	padding:0;
}
.tel,.mail{
	font-size:1.1em;
}
.otoiawase{
	font-size:1.3em;
}
.photo figcaption{
	text-align:center;
	margin-bottom:50px;
}

footer{
	font-size:0.7em;
	width: 100%;
	background-color: #666;
	text-align: center;
	clear: both;
	color: #fff;
	line-height:3em;
	}
	
	
nav#footer-menu-box #menu-nav-1 li a {
    list-style: none;
	padding: 5px 0;
	font-size:1em;
	display:block;
	text-align: center;
	text-decoration:none;
	color:#ccc;
	line-height:1.2em;
}

#info dl dd.otoiawase a {
    width: 80%;
    height: 45px;
    background-color: #778899;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 2.1em;
	margin:0 auto;
}
.mail{
	padding:5px;
}

/*CONTACTフォーム*/
#contactform_wrap{
	width:90%;
	margin:0 auto 50px;
}
#contact_form{
	width:90%;
	margin:50px auto;
}
#contact_form form p{
	margin-bottom:20px;
}

/*----------------blog-----------------*/

#sidebar h2{
	background:#EBEBEB;
}
#sidebar_wrap .widgettitle{
	font-size:5.3vw;
	font-weight:bold;
	margin:0 0 10px 0;
}
li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment-author img{
	width:50%;
	height:auto;
	display:block;
	margin-bottom:10px;
}
.comment-body{
	font-size:3vw;
}
ol{
	margin:0;
	padding:0;
}
#sidebar ul{
	margin-bottom:30px;
}
#sidebar li{
	font-size:4vw;
	border-bottom:solid 1px #ccc;
}
.alignleft a,.alignright a{
	color:#987B4C;
}
.navigation{
	line-height:1.3em;
}
#single_main{
	margin-bottom:55px;
}
#searchform{
	margin-bottom:20px;
}
#blog_imgbox{
	height:20%;
	width:auto;
	padding-right:3%;
	display:table-cell;
	min-width:100px;
	}
	
#blog_comment{
	width:75%;
	display:table-cell;
	vertical-align:top;
}
#blog_maincontents img{
	width:100%;
	height:auto;
	}



#blog_maincontents{
	width:90%;
	margin:0 auto;
	min-width:350px;
}
	#blog_maincontents img{
	height:75px;
	width:auto;
	display:inline-block;
}
#blog_maincontents .type-post{
	vertical-align:top;
}
#blog_maincontents .post-date{
	font-size:0.7em;
}
#blog_maincontents .category{
	font-size:0.7em;
}
#blog_maincontents .category a{
	font-size:1.4em;
}
#blog_maincontents h2{
	border-bottom:solid 1px #ccc;
	background-color: #E8E1DA;
	width:100%;
	font-size:1em;
	margin:0;
	padding:0;
}
#blog_maincontents h2 a{
	display:block;
}
.blog_contents{
	border:solid 1px #ccc;
	padding:5px 10px;
	margin-bottom:20px;
}
#blog_kiji p img{
	
}
#reply-title{
	font-size:3.5vw;
	font-weight:normal;
	margin:50px 0 0 0;
}
p.comment-notes{
	font-size:3vw;
}
.navigation a{
	font-size:3vw;}

#blog_kiji{
	padding:0 0 20px 0;
	margin-bottom:10px;
	border-bottom:dotted 1px #ccc;}
.post-meta{
	margin-bottom:20px;
	font-size:3vw;
	text-align:center;
	}
ol{
	margin:0;
	padding:0;
}
p.comment-form-author,p.comment-form-email,p.comment-form-url{
	line-height:2em;
}
.required{
	color:#F99;
}
#comment-area{
	/*padding:4vw;*/
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;  
    border-radius:10px 10px 10px 10px;		}

#comments{
	margin:0 0 1.5vw 0;
	font-size:4vw;
}




/*rent*/
div.single_title h2{
	text-align:center;
	font-weight:bolder;
}

#single_area h2{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:15px 0 10px;
}
#single_area {
    clear: both;
    width: 85%;
    margin: 30px auto;
    border-top: solid 3px #000;
}
#blog_kiji .post h2 {
    background-color: #E8E1DA;
    padding: 5px 0;
    margin: 50px auto 10px;
}




#only_single_area {
    clear: both;
    width: 90%;
    margin: 30px auto;
    border-top: solid 3px #000;
}
#blog_kiji img{
	width:100%;
	height:auto;
	}
.post-meta span {
    font-size: 3vw;
    text-align: center;
}

div.item_box{
	margin-top:15px;
}
.imgcaption{
	margin-bottom:50px;
	font-size:0.9em;
	color:#666;
}
h3.hoshou{
	width:80%;
	
	font-weight:normal;
	font-size:1em;
	text-align:justify;
	margin:0 auto;
	padding:0;
}
div.no_box{
	font-size:0.8em;
	text-align:center;
	font-weight:bolder;
	margin-bottom:15px;
}

.apart_parts{
	margin-bottom:50px;
}

#menu-nav-container{
	width:100%;
}
#menu-box{
    z-index: 2;
	width:100%;
	position: fixed;
	top: 0;
	/*position:relative;*/
}
/*TOPICS*/
#topics ul li a {
    font-size: 4vw;
}

/*電話番号*/
#info dl dt.mail{
	padding-bottom:10px;
}

#info dl dd.tel_no{
	font-size:7.2vw;
	background:url(../img/tel.png) no-repeat 0 50%;
	text-indent:7vw;
	background-size: 5.5vw;
	display:inline-block;
	color: #06F;
	font-family: 'Roboto Condensed', sans-serif;
}

	
	.hakoie{
    background: #E8E1DA;
	padding:10px;
	box-sizing:border-box;
}
.hakoie figcaption{
	font-size:0.9em;
	line-height:1.3em;
}
.top_photo figure{
	margin:0 5%;
	text-align:center;
}
#qr{
	width:80%;
	height:auto;
	margin:0 auto;
	display:none;
	}



}