@charset "utf-8";

/* -------------------------------------------------------------------------

		top styles

		TOPページ固有のスタイル

------------------------------------------------------------------------- */


/* html, body
------------------------------------------------- */
html{
	width: 100%;
	height:100%;
}

body{
	background-color: #fff6f6;
width: 100%;
	height:100%;
}

#index_head{
	height: 18px;
	background-color: #f1014b;
	text-align: center;
    color: #ffffff;
    font-size: 12px;
}

#overlay_image,
#overlay_pattern{
	/*position: fixed;*/
	/*height: 150%;*/
}
#overlay_image{
	background-image: url(../images/index_logo_sp.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 100%;
    float: left;
}
#overlay_pattern {
    z-index: -1;
    background-image: url(../images/shade.png);
    width: 88%;
    height: 100%;
    opacity: 0.5;
}


/* centering
------------------------------------------------- */

.top_container,
.site_header,
.breadcrumbs,
.footer_link,
.corporate_info{
	margin: 0 auto;
}

/* container
------------------------------------------------- */

.top_container{
	position: relative;
	padding-left: 2px;
	margin-bottom:30px;
	visibility: hidden;
}

/* header
------------------------------------------------- */

.site_header{
	height: 36px;
	position: relative;
	z-index: 1;
	right: 2px;
	white-space: nowrap;
}

.site_header .sns_btn{
	position: absolute;
	top: 7px;
	right: 265px;
}

.account_nav{
	position: absolute;
	top: 0;
	right: 1px;
}
.anav li{
	float: left;
	height:27px;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#e85607;
}

.back {
    position: fixed;
    bottom: 0px;
    padding: 5pt;
    opacity: 0.80;
    z-index: 1;
    width: 100%;
    background-color: #000;
    text-align: center;
    color: #fff;
    height: 37px;
    padding-top: 11px;
}

.anav li a{
	display:block;
	height:100%;
	text-indent:-9999px;
}
.top_anav li {
    float: left;
    height: 27px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #404040;
}
.top_anav li a{
	display:block;
	height:100%;
	text-indent:-9999px;
}
.anav_register{	width:130px; background-image:url(../img/common/anav_register.gif);}
.anav_login{ width:108px; background-image:url(../img/common/anav_login.gif);}

.anav_register a {
    border-right: 1px solid #100F0F;
}
.hnav li:hover,
.anav li:hover,
.top_anav li:hover,
.site_id a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
.global_nav .top_anav{
		display:none;
	}

/* box_content
------------------------------------------------- */

.box_content{
	width: 238px;
	float: left;
	display: inline;
	margin: 0 4px 4px 0;
	background: #fff;
}

.box_content img{
	vertical-align: bottom;
}


/* global_content
------------------------------------------------- */

.global_content{
	text-align: center;
}

.global_content .inner {
    height: 407px;
}

.site_id{
	text-align: center;
}

.gnav_pull{
	display: none;
}


.global_nav{
	text-align: left;
	margin:0 30px;
}

.global_nav .gnav li{
	height:32px;
	background-repeat:no-repeat;
	background-position:0 50%;
	margin-bottom:5px;
}

.global_nav .gnav li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 -150%;
}

.gnavi_member{ background-image:url(/img/common/gnavi_member.gif);}
.gnavi_recipe{ background-image:url(/img/common/gnavi_recipe.gif);}
.gnavi_voice{ background-image:url(/img/common/gnavi_voice.gif);}
.gnavi_sumai{ background-image:url(/img/common/gnavi_sumai.gif);}
.gnavi_survey{ background-image:url(/img/common/gnavi_survey.gif);}

.gnavi_member a{ background-image:url(/img/common/gnavi_member_over.gif);}
.gnavi_recipe a{ background-image:url(/img/common/gnavi_recipe_over.gif);}
.gnavi_voice a{ background-image:url(/img/common/gnavi_voice_over.gif);}
.gnavi_sumai a{ background-image:url(/img/common/gnavi_sumai_over.gif);}
.gnavi_survey a{ background-image:url(/img/common/gnavi_survey_over.gif);}

.global_nav .gnav li a:hover{
	background-position:0 50%;
}

.hnav{
	margin-top:20px;
}
.hnav li{
	height:15px;
	background-repeat:no-repeat;
	background-position:left center;
	margin-bottom:10px;
}
.hnav li a{
	display:block;
	height:100%;
	text-indent:-9999px;
}

.hnav_about{
	width:139px;
	background-image:url(../img/common/gnavi_about.gif);
}
.hnav_contact{
	width:59px;
	background-image:url(../img/common/gnavi_contact.gif);
}


/* top_main_content
------------------------------------------------- */

.top_main_content{
	margin: 75% auto 0;
    text-align: center;
}

.top_main{
	background: #fff;
	width: 722px;
	height: 480px;
	float: left;
	display: inline;
	position: relative;
	margin: 0 4px 4px 0;
}

.top_main .anav{
	display: none;
}

.top_main_image{
	width: 100%;
}
.top_main_image img{
	max-width: 100%;
	height: auto;
}


/* お知らせ
------------------------------------------------- */

.news_box{
	height:120px;
}

.news_block_wrapper{
	padding-right:10px;
}

.news_block_wrapper_inner{
	height: 120px;
	overflow: auto;
}

.news_block_wrapper .news_headline,
.keihan_densya_news .news_headline{
	padding-right:10px;
}

.keihan_densya_news_title{
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	font-weight:normal;
	border-bottom:1px solid #e5e5e5;
}

.keihan_densya_news{
	padding:15px 10px 15px 20px;
}

.keihan_densya_news_inner{
	height:366px;
	overflow:auto;
}

.keihan_densya_news .news_date,
.keihan_densya_news .news_icon,
.keihan_densya_news .news_headline{
	display: inline-block;
*	display: inline;
*	zoom :1;
}

.keihan_densya_news .news_headline{
	margin-left: 0 !important;
	margin-top: 5px;
}

.keihan_densya_news_more{
	font-size:85%;
	line-height:36px;
	text-align:center;
	border-top:1px solid #e5e5e5;
}

/* article_item
------------------------------------------------- */

.article_item{/* total height 480 */
	height:443px;
	/* padding-bottom:37px; */
}

.masonry_min .item_thumb img,
.top_banner img{
	width: 100%;
	height:auto;
}

.box_content .inner > img{ /* for dummy image */
	width: 100%;
}


/* other_item
------------------------------------------------- */

.other_item{
	height:480px;
	position:relative;
	background-color:#fff;
}

.other_item .inner_item{
	padding:19px;
}

/* こころまちについて
------------------------------------------------- */

.top_about_copy{
	margin-bottom:25px;
	text-align:center;
}
.top_about_merit{
	border: 1px solid #e6e5e5;
	padding: 8px 12px 12px;
}
.top_about_merit li{
	margin-top: 8px;
	font-size:85%;
}
.top_about_more{
	font-size: 85%;
	padding: 5px 0 0 5px;
}
.top_about_register{
	margin: 25px 0 0;
	width: auto;
}
.top_about_register a{
	padding: 12px;
	font-size: 100%;
	display: block;
}

/* 住まいの基礎知識
------------------------------------------------- */

.title_sumai{
	margin-top: 18px;
	text-align: center;
}
.title_sumai img{
}
.lead_sumai{
	margin: 23px 19px;
}
.contents_sumai{
}
.contents_sumai dt,
.contents_sumai dd{
	padding: 15px 0;
}
.contents_sumai dt{
	clear: left;
	float: left;
	width: 92px;
	text-align: center;
}
.contents_sumai dt img{
	border: 1px solid #e6e5e5;
}
.contents_sumai dt a:hover img{
	filter:alpha(opacity=70);
	opacity:0.7;
}
.contents_sumai dd{
	padding-left: 92px;
	padding-right: 20px;
	border-top: 1px solid #e6e5e5;
}
.contents_sumai dd:after{
  content:"・";
	text-indent: -300%;
	overflow: hidden;
  display:block;
  clear:both;
	height: 0;
	margin: -1em 0;
}
.contents_sumai dd h4{
	margin-bottom: 8px;
	display: inline-block;
	line-height: 1;
}
.contents_sumai dd h4 a{
	border-bottom:1px dotted #aaa;
    text-decoration:none;
}
.contents_sumai dd h4 a:hover{
	border-color:#333;
}
.contents_sumai dd p{
	margin-top: 0;
	font-size: 93%;
}

/* sns button
------------------------------------------------- */

.sns_wrapper{
	margin:0 auto;
}

.sns_wrapper .sns_btn{
	margin-bottom:15px;
}


.sns_btn .twitter-tweet-button{
	width:95px !important;
}

.sns_btn .twitter-tweet-button,
.sns_btn .fb-like{
	line-height:1;
}

.sns_btn .fb-like{
	overflow:hidden;
}


@media screen and (min-width: 743px) and (max-width: 980px){
	.top_container {
    position: relative;
    padding-left: 2px;
    margin-bottom: 30px;
    visibility: hidden;
    display: none;
}

	.news_box{
		height:220px;
		overflow: auto;
		overflow-x:hidden;
	}
	.news_box .inner_news,.news_block_wrapper_inner{
		height:100%;
	}
	.news_title{
		width:18%;
		height: 100%;
		text-align:center;
		border-right:1px solid #e5e5e5;
		vertical-align: top;
		padding-top: 88px;
	}
}

.telbtn {
    width: 100%;
    height: 100px;
    position: relative;
    top: -71px;
}

.telbtn img {
	    width: 91px;
}

.enter {
padding-bottom: 36%;
}

@media screen and (min-width: 426px) and (max-width: 700px){
.global_content .inner {
    height: 600px;
}

.telbtn {
    width: 100%;
    height: 100px;
    position: relative;
    top: -93px;
}
}



@media screen and (min-width: 350px) {
.global_content .inner {
    height: 467px;
}

.telbtn {
    width: 100%;
    height: 100px;
    position: relative;
    top: -82px;
}
}



@media screen and (min-width: 400px) and (max-width: 423px){
.sch_day_3 {
    width: 94%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
}

.global_content .inner {
    height: 543px;
}


.telbtn img {
	    width: 121px;
}

.telbtn {
    width: 100%;
    height: 100px;
    position: relative;
    top: -92px;
}

}


@media screen and (max-width: 742px){ /* 726 + 16（スクロールバーの幅）*/

	.site_header{
		display: none;
	}

	.top_container{
		padding-left: 20px;
		padding-right: 20px;
		padding-top:20px;
	}

	.global_content{
		display: block;
		float: none;
		width: auto;
		margin-bottom:0;
		position: relative;
		z-index: 200;
	}

	.site_id{
	}

.site_id img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
	.gnav_pull{
		display:block;
		cursor: pointer;
		height:28px;
		width:21px;
		background:url(../images/menubtn_on.png) no-repeat;
		background-size:21px auto;
		position:relative;
		left:50%;
		margin-left:-10px;
		margin-bottom:10px;
	}

	.gnav_pull.open img{
		visibility:hidden;
	}

	.global_nav{
		display: none;
		border-bottom: none;
		position: absolute;
		width: 100%;
		background: #fff;
		border-top: 1px solid #e5e5e5;
		margin:0;
	}

	.global_nav .gnav li{
		background:none;
	}

	.global_nav .gnav li a{
		text-indent:0;
		text-decoration:none;
		text-align:center;
		background:none;
	}
	.global_nav .gnav li a:before{
		content:"";
		border:3px solid #569eab;
		border-radius:20px;
		width:5px;
		height:5px;
		display:inline-block;
		margin-right:5px;
	}
.global_nav .gnav .gnavi_member a:before {
    border-color: #C70C17;
}
	.global_nav .gnav .gnavi_recipe a:before{ border-color: #C70C17;}
	.global_nav .gnav .gnavi_voice a:before{ border-color: #C70C17;}
	.global_nav .gnav .gnavi_sumai a:before{ border-color: #C70C17;}
	.global_nav .gnav .gnavi_survey a:before{ border-color: #C70C17;}

	.global_nav .gnav a:before{
		filter:alpha(opacity=70);
		opacity:0.7;
	}

	.global_nav .gnav .gnavi_member a:hover{ color:#569eab;}
	.global_nav .gnav .gnavi_recipe a:hover{ color:#af5f90;}
	.global_nav .gnav .gnavi_voice a:hover{ color:#91af29;}
	.global_nav .gnav .gnavi_sumai a:hover{ color:#87674e;}
	.global_nav .gnav .gnavi_survey a:hover{ color:#ea6e2b;}

	.global_nav .gnav li,
	.global_nav .hnav li{
		background:none;
		float: none;
		text-align: left;
		width: 100%;
		height:auto;
		border: none;
		border-bottom:1px solid #e5e5e5;
	}

	.global_nav .gnav li a,
	.global_nav .hnav li a{
		padding:10px;
		line-height:inherit;
		text-indent:0;
		text-decoration:none;
		text-align:left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}

	.global_nav .gnav .gnavi_home a{
		background-position:10px center;
		padding:10px 10px 10px 35px;
		text-indent:0;
	}

	.global_nav .hnav{
		display: block;
		width: 100%;
		margin-top:0;
	}


	.global_nav .hnav li{
		margin-top:0;
		margin-bottom:0;
	}

	.global_nav .hnav_about{
		border-right: 0;
		padding-right: 0;
		margin-right: 0;
	}

	.top_main_content{
		margin: 75% auto 0;
    text-align: center;
    height: 15%;
	}
	.top_main{
		margin: 0 0 4px 0;
		padding-bottom: 31px;
	}
	.top_main .anav{
		display:block;
		position: absolute;
		bottom: 0;
		width:100%;
	}
	.top_main .anav li{
		width:50%;
		height:31px;
		background-image:none;
	}

	.top_main .anav li a{
		text-indent:0;
		text-align:center;
		color:#fff;
		text-decoration:none;
		line-height:31px;
	}
	.global_nav .top_anav{
		display:block;
	}
	.global_nav .top_anav li {
    background-image: none;
    height: 31px;
    text-align: center;
    width: 50%;
	}
	.global_nav .top_anav li a{
		text-indent:0;
		text-align:center;
		color:#fff;
		text-decoration:none;
		line-height:31px;
	}
	.article_item,
	.other_item{
		height:auto;
	}

	/* .fb_box{
		display:none;
	} */

	.sns_wrapper{
		margin-left:20px;
	}
	.top_main{
		height: auto;
	}
	.news_box{
		height: auto;
		overflow:hidden;
	}

	.news_block_wrapper_inner,
	.keihan_densya_news_inner{
		height: auto;
	}
}

@media screen and (max-width: 480px){
	.top_container{
		right: 0;
	}

	.top_main,.global_content,.box_content{
		width: 100%;
	}

}



.monthly_bg_inner{
	padding:16px 19px;
}
.monthly_bg_inner:first-child{
	padding:15px 19px 14px;
	border-bottom:1px solid #e5e5e5;
}

.monthly_bg_title{
	font-size:123.1%;
	font-weight:bold;
	color:#236DC6;
}

.article_item_small.monthly_bg_intro a.link_blank{
	color:#333;
	border-bottom: 1px dotted #aaa;
	text-decoration: none;
}
.article_item_small.monthly_bg_intro .link_blank:hover{
	border-bottom: 1px dotted #333;
}

#resrve form td {
    background: #C40000;
    padding: 0.5em;
    font-size: 11px;
    color: #fff;
    width: 296px;
}

#resrve form th {
    background: #fff;
    border: 1px solid #e0e0dd;
    /* padding: 0 0.5em; */
}

#resrve form input {
    background: #fff;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    color: #333;
    border: 1px solid #bfbfbf;
    /* padding: 2px 0px 0px 5px; */
    width: 190px;
    height: 49px;
}

#resrve {
    background: #fff;
    border-radius: 0.3em;
    padding: 0.5em;
    margin: 1em 0;
    width: 100%;
    color: #777;
}

@media screen and (max-width: 370px){
#resrve form input {
    background: #fff;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    color: #333;
    border: 1px solid #bfbfbf;
    /* padding: 2px 0px 0px 5px; */
    width: 137px;
    height: 49px;
}
}


.siteDescliption{
	clear: both;
    /* height: 150%; */
    padding-bottom: 20%;
}