@charset "utf-8";
/* ページング */
#pagenavi{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 1200px;
	margin : 50px auto 100px;
	padding : 0 0 50px;
}
#pagenavi li a:hover{
	color : #5FADFC;
}
/* # =================================================================
#### ラジオ本体
# ================================================================= */
.radio_date_main{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.radio_date_main ul{

}
.radio_date_main ul li{
	position : relative;
	display : block;
	width : 70%;
	height : auto;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc;
	padding-bottom : 10px;
}
.radio_date_main .radio_ymd{
	font-weight : bold;
	margin-bottom : 5px;
}
.radio_date_main h4 a{
	position : relative;
	display : block;
	margin-bottom : 10px;
	font-size : 20px;
	font-weight : bold;
}
.radio_date_main h4 a:hover{
	color : #F18B00;
}
.radio_date_main .radio_body{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### しあわせ物語 固定ページ
# ================================================================= */
.smile{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
	overflow : hidden;
}
.page_common .smile .header_image_smile{
	position : relative;
	display : block;
	width : 600px;
	height : auto;
	margin : 0 auto 100px;
}
.page_common .smile .header_image_smile img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.smile h2{
	color : #BF9E73;
	text-align : center;
	margin-bottom : 30px;
}
.smile_float{
	position : relative;
	display : block;
	overflow : hidden;
	margin-bottom : 50px;
}
.smile .left_box{
	position : relative;
	display : block;
	float : left;
	width : 100%;
	height : auto;
}
.smile .right_box{
	position : relative;
	display : block;
	float : right;
	width : 100%;
	height : auto;
	text-align : right;
}
.smile .left_box span,
.smile .right_box span{
	position : relative;
	display : inline-block;
	width : 200px;
	height : auto;
	vertical-align : middle;
}
.smile .left_box span img,
.smile .right_box span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.smile .left_box p,
.smile .right_box p{
	position : relative;
	display : inline-block;
	line-height : 2em;
	font-size : 20px;
	vertical-align : middle;
	text-align : left;
}
.smile .center{
	clear : both;
	border : 1px solid #707070;
	padding : 15px 20px;
	margin-bottom : 30px;
	background : #F7F7F7;
}
.smile .center h2{
	color : #1D1D1D;
	font-size : 38px;
	margin-bottom : 20px;
}
.smile .center h3{
	text-align : center;
	margin-bottom : 20px;
}
.smile .center p{

}
/**/
.pickup_radio_box{

}
.smile_radio_info{
	margin-bottom : 30px;
}
.pickup_radio_box h2{
	position : relative;
	display : inline-block;
	text-align : left;
	color : #fff;
	background : #5FADFC;
	padding : 5px 20px;
}
.pickup_radio_box .backnumber{
	position : relative;
	display : block;
	width : 320px;
	height : auto;
	border : 1px solid #1D1D1D;
	background : #fff;
	margin : 0 auto 0;
	text-align : center;
	padding : 10px 0;
	margin-bottom : 100px;
}
.pickup_radio_box .backnumber:hover{
	color : #fff;
	background : #F18B00;
	border : 1px solid #F18B00;
}
/* smile_footer */
.smile_footer{
	position : relative;
	display : block;
	/*
	background : url(../images/smile/keep-smiling_bk1.png)no-repeat;
	background-position : top center;
	*/
}
.smile_footer h2{
	color : #F18B00;
	font-size : 38px;
	margin-bottom : 30px;
}
.smile_footer h2 span{
	position : relative;
	display : block;
	font-size : 24px;
}
.smile_footer h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #1D1D1D;
	font-size : 30px;
	margin-bottom : 30px;
}
.smile_footer p.info01{
	position : relative;
	display : block;
	color : #1D1D1D;
	text-align : center;
	margin-bottom : 30px;
}
.smile_footer p.info02{
	position : relative;
	display : block;
	width : 1000px;
	height : auto;
	color : #1D1D1D;
	line-height : 1.8;
	text-align : justify;
	margin : 0 auto 30px;
}
.smile_footer_box{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	padding : 15px 25px;
	background : #F7F7F7;
	border : 1px solid #707070;
}
.smile_footer{
	padding : 15px 25px;
	background : #F7F7F7;
	border : 1px solid #707070;
	margin-bottom : 50px;
}
.smile_footer_box h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 30px;
	margin-bottom : 30px;
}
.smile_footer_box .left_box{
	position : relative;
	display : block;
	float : none;
	width : 48%;
	height : auto;
}
.smile_footer_box .left_box dl{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.smile_footer_box .left_box dl dt{
	position : relative;
	display : block;
	color : #fff;
	font-weight : bold;
	width : 100%;
}
.smile_footer_box .left_box dl dd{
	position : relative;
	display : block;
	color : #fff;
	font-weight : bold;
	width : 100%;
	text-align: center;
}
.smile_footer_box .right_box{
	position : relative;
	display : block;
	float : none;
	width : 48%;
	height : auto;
}
.smile_footer_box .left_box p,
.smile_footer_box .right_box p{
	font-size : 16px;
	font-weight : bold;
	line-height : 1.8;
	text-align : justify;
}
/* 20210430追加 */
.smile_link_banner{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 50px;
	background : #becfe9;
}
.smile_link_banner a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.smile_link_banner a:hover{
	opacity : 0.5;
}
.smile_link_banner a:after {
	content: "";
	background: url(../images/smile/arrow.png);
	background-size: cover;
	width : 30px;
	height : 30px;
	position : absolute;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	top : 30px;
	bottom : 0;
	right : 50px;
	margin : auto;
}
.smile_link_banner h2{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #fff;
	font-size : 22px;
	font-weight : normal;
	background : #122239;
	text-align : center;
	margin-bottom : 20px;
	padding : 5px 0;
}
.smile_link_banner h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #152D50;
	font-size : 30px;
	font-weight : 600;
	text-align : center;
	margin-bottom : 30px;
}
.smile_link_banner p.text{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #1D1D1D;
	line-height : 1.8;
	text-align : justify;
	padding : 0 100px 30px;
}
/*  */
.smile_footer_box .left_box p span{
	width : auto;
	margin-right : 2em;
}
/**** 20220331 ****/
.smile_footer h3 span,
.smile_footer_box h3 span{
	margin-left : 10px;
}
/* # =================================================================
#### しあわせ物語 シングルページ
# ================================================================= */
.radio_date_main.single .radio_ymd {
	position : relative;
	display : inline-block;
	font-size : 20px;
	color : #fff;
	background : #5FADFC;
	text-align : center;
	padding : 5px 20px;
	margin-bottom : 30px;
}
.radio_date_main.single h2{
	margin-bottom : 20px;
}



/* # =================================================================
#### お客様の声
# ================================================================= */
.page_common.single_common h1.headline{
	border : none;
}
.single_common h1.headline span{
	margin-left : 10px;
}
.single_common h1.headline.sweden{
	color : #DD0028;
}
.single_common h1.headline.rhouse{
	color : #9CC813;
}
.single_common h1.headline.ainoe{
	color : #F18B00;
}
.single_common h1.headline.fudousan{
	color : #0027FF;
}
.page_common.single_common p.headline{
	font-size : 24px;
	font-weight : bold;
}
.page_common.single_common .header_image{
	margin-bottom : 0;
}
.images_box_data{
	position : absolute;
	display : flex;
	display : -ms-flexbox;
	display : -webkit-box;
	display : -webkit-flex;
	justify-content : center;
	-webkit-justify-content : center;
	-ms-justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	top : 0;
	bottom : 0;
	left : 5%;
}
.images_box_data p{
	position : relative;
	display : block;
	font-size : 24px;
	font-weight : bold;
	color : #fff;
	padding : 30px 20px;
}
.images_box_data p span{
	position : relative;
	display : block;
	font-size : 14px;
}
.images_box_data.sweden p{
	background : #DD0028;
}
.images_box_data.rhouse p{
	background : #9CC813;
}
.images_box_data.ainoe p{
	background : #F18B00;
}
.images_box_data.fudousan p{
	background : #0027FF;
}
.voice_single_area{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 1200px;
	height : auto;
	margin : 0 auto 50px;
}
.voice_single_area:last-child{
	margin-bottom : 100px;
}
.voice_single_area .left_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.voice_single_area .right_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.voice_single_area .left_box h3,
.voice_single_area .right_box h3{
	font-size : 20px;
	font-weight : bold;
	border-bottom : 1px solid #1D1D1D;
	padding-bottom : 5px;
	margin-bottom : 20px;
}
.voice_single_area .left_box p,
.voice_single_area .right_box p{
	line-height : 1.8;
	text-align : justify;
}
.voice_single_area .left_box img,
.voice_single_area .right_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### イベント
# ================================================================= */
.single.event{

}
.event_single_area span{
	position : relative;
	display : inline-block;
	color : #fff;
	font-size : 16px;
	top : 0;
	right : 0;
	padding : 5px 10px;
	margin-bottom : 20px;
}
.event_single_area span.housing{
	background : #99D08C;
}
.event_single_area span.estate{
	background : #8CC0D0;
}
.event_single_area span.tour{
	background : #D08CAE;
}
/* editor */
.editor_area{
	margin-bottom : 100px;
}
/*  */
.event_single_area{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.event_single_area h2{
	text-align : center;
	margin-bottom : 30px;
}
/*  */
.event_single_area p.event_time_date{
	text-align : center;
	margin-bottom : 50px;
	font-size : 24px;
	font-weight : bold;
}
.event_single_area .event_thumb{
	position : relative;
	display : block;
	width : 70%;
	height : auto;
	margin : 0 auto 50px;
}
.event_single_area .event_thumb img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.single_event_info{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.single_event_info .ggmap{
	width : 48%;
}
.single_event_info_data{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.single_event_info_data h3{
	text-indent : -0.5em;
	margin-bottom : 10px;
}
.single_event_info_data p.bold{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-weight : bold;
	margin-bottom : 10px;
}
.single_event_info_data dl{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
	margin-bottom : 5px;
}
.single_event_info_data dl dt{
	position : relative;
	display : block;
	width : 15%;
	height : auto;
	margin-bottom : 5px;
}
.single_event_info_data dl dd{
	position : relative;
	display : block;
	width : 85%;
	height : auto;
	margin-bottom : 5px;
}
.single_event_info_data p{

}
.single_event_info_data .necessary{
	display : none;
}
.single_event_info_data .necessary.reservation{
	position : relative;
	display : block;
	margin-top : 30px;
}
.single_end_tag{
	position : relative;
	display : block;
	margin-top : 30px;
}
.single_event_info_data .necessary.reservation a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #fff;
	background : #6292E0;
	border : 1px solid #6292E0;
	text-align : center;
	padding : 15px 0;;
}
.single_event_info_data .necessary.reservation a:hover{
	color : #6292E0;
	background : #fff;
}
.single_end_tag p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #fff;
	background : #353535;
	border : 1px solid #353535;
	text-align : center;
	padding : 15px 0;;
}
/* # =================================================================
#### お知らせ
# ================================================================= */
.information_single_area{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 50px auto 200px;
}
.information_single_area .single_header{
	position : relative;
	display : block;
	margin-bottom : 50px;
}
.information_single_area .single_header p{
	margin-bottom : 20px;
}
.information_single_area .single_header h2{
	border-bottom : 1px solid #1D1D1D;
	padding-bottom : 10px;
}
/* # =================================================================
#### クロダハウス 社長日記
# ================================================================= */
main.single.diary{

}
main.single.diary .page_common.single_common h1.headline{
	border-bottom : 1px solid #1D1D1D;
}
/* diary_single_area */
.diary_single_area{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
}
/* diary_single_wrap */
.diary_single_wrap{
	position : relative;
	display : block;
	width : 70%;
	height : auto;
	background : #FAF5EC;
	padding : 30px;
}
.diary_single_header{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.diary_single_header h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 15px;
	padding-bottom : 10px;
	border-bottom : 1px solid #1d1d1d;
}
.diary_single_header h3 span.diary_date{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 12px;
	font-weight : normal;
	margin-bottom : 5px;
}
/*  */
.diary_single_wrap span.diary_cat_name{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.diary_single_wrap span.diary_cat_name a{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	text-align : center;
	border : 1px solid #AD9842;
	border-radius : 10px;
	color : #AD9842;
	font-size : 12px;
	background : #fff;
	padding : 2px 10px;
	margin : 0 5px 10px 0;
}
.diary_single_wrap span.diary_cat_name a:hover{
	color : #fff;
	background : #AD9842;
}
.diary_single_wrap .diary_content{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.diary_single_wrap .diary_content p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
	text-align : justify;
}
.diary_single_wrap .diary_img_content{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.diary_single_wrap .diary_img_content ul{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.diary_single_wrap .diary_img_content ul li{
	position : relative;
	display : block;
	width : 49%;
	height : auto;
	margin-bottom : 30px;
}
.diary_single_wrap .diary_img_content ul li img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* diary_side_wrap */
.diary_side_wrap{
	position : relative;
	display : block;
	width : 25%;
	height : auto;
}
.diary_side_wrap h4{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #fff;
	background : #AD9842;
	margin-bottom : 30px;
}
.diary_side_wrap ul{
	font-size : 0;/* 謎の隙間対策 */
}
.diary_side_wrap ul li{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	margin : 0 5px 10px 0;
}
.diary_side_wrap ul li a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	border : 1px solid #AD9842;
	border-radius : 10px;
	color : #AD9842;
	font-size : 12px;
	background : #fff;
	padding : 2px 10px;
}
.diary_side_wrap ul li a:hover{
	color : #fff;
	background : #AD9842;
}