@charset "UTF-8";


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

Homeホーム

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


/*------------------------------------------------------------mainimage */


#mainimage{
	background-color: transparent;
	background-image: url(../img/index_img/mainimage_bg.jpg), url(../img/index_img/mainimage_bg02.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: center top, center top;
	text-align: center;
	z-index: 100;
	}

#mainimage img{
	margin: 0 auto;
	}


/* ------------------------------------------------------------content */


/* content */

#index #content{
	padding-top: 46px;
	}

/* Br */

br.rwdbr01{
	display: none;
	}

@media print, screen and (min-width:768px){

br.rwdbr01{
	display: inline;
	}

}

/* 導入バナー */

.row01{
	margin-right: -15px !important;
	margin-left: -15px !important;
	}

.row01 .col-sm-4{
	padding-right: 15px !important;
	padding-left: 15px !important;
	}

/* 新リンクバナーエリア */

ul#top_links{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}

ul#top_links li{
	width:300px;
	margin-bottom:10px;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
}

li.osoushikitoha{background:url(../img/index_img/index_banner01.jpg);}
li.ryoukin{background:url(../img/index_img/index_banner02.jpg);}
li.voices{background:url(../img/index_img/index_banner_voices.jpg);}
li.saijou{background:url(../img/index_img/index_banner03.jpg);}

ul#top_links li h3{
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}

ul#top_links li a{
	display:block;
	text-decoration:none;
}

ul#top_links li:hover{
	opacity:0.7;
}

ul#top_links li img{
	max-width:100%;
}

ul#top_links li p{
	font-size: 1.4rem;
	line-height: 1.43;
	color: #fff;
}

li.voices img{
	margin-bottom:15px;
}

li.voices:hover{
	opacity:initial !important;
}
li.voices h3 img{
	margin-bottom:0px;
}

li.voices a img:hover{
	opacity:0.8;
}

@media print, screen and (min-width:768px){

ul#top_links{
	width:650px;
	margin:auto;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}

ul#top_links li{
	width:300px;
	max-width:100%;
	margin-bottom:10px;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
}
}

@media print, screen and (max-width:767px){

ul#top_links{
	display:block;
}

ul#top_links li{
	width:300px;
	max-width:100%;
	margin:auto;
	margin-bottom:20px;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
}

}


/* 新リンクバナーエリアここまで */

@media print, screen and (min-width:768px){

.row01{
	margin-right: -8px !important;
	margin-left: -7px !important;
	}

.row01 .col-sm-4{
	padding-right: 8px !important;
	padding-left: 7px !important;
	}

}

.row01 .col-sm-4 a{
	font-size: 1.0rem;
	line-height: 0;
	background-color: transparent;
	background-repeat: repeat;
	background-position: left top;
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}

.row01 .col-sm-4:nth-of-type(1) a{
	background-image: url(../img/index_img/index_banner01.jpg);
	}

.row01 .col-sm-4:nth-of-type(2) a{
	background-image: url(../img/index_img/index_banner02.jpg);
	}

.row01 .col-sm-4:nth-of-type(3) a{
	background-image: url(../img/index_img/index_banner03.jpg);
	}

.row01 .col-sm-4 div.midashi{
	font-size: 1.0rem;
	line-height: 0;
	text-align: center;
	width: 100%;
	min-height: 38px;
	margin-bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom: 1px solid #fff;
	}

.row01 .col-sm-4 div.des{
	text-align: center;
	width: 100%;
	min-height: 40px;
	margin-bottom: 5px;
	}

.row01 .col-sm-4 div.des p{
	font-size: 1.4rem;
	line-height: 1.43;
	color: #fff;
	}

.row01 .col-sm-4 figure{
	text-align: center;
	width: 100%;
	}

.row01 .col-sm-4 a,
.row01 .col-sm-4 a:hover{
	color: #fff;
	text-decoration: none;
	}

/* 更新プログラム(連動)フォーマット */

.newsarea{
	background-color: transparent;
	background-image: url(../img/index_img/newsarea.jpg);
	background-repeat: repeat;
	background-position: left top;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: relative;
	}

.newsarea p.midashi{
	height: 55px;
	padding-top: 10px;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}

.newsarea p.midashi img{
	margin-left: -43%;
	}

#news01{
	background-color: rgba(255,255,255,0.2);
	width: 100%;
	padding: 25px 15px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	overflow: hidden;
	}

#news01 dl{
	margin-bottom: 24px;
	}

#news01 dl:last-child{
	margin-bottom: 0;
	}

#news01 dl dt{
	font-size: 1.3rem;
	line-height: 1.17;
	color: rgba(255,255,255,0.5);
	font-weight: bold;
	text-align: left;
	}

#news01 dl dd,
#content .section #news01 p{
	font-size: 1.4rem;
	line-height: 1.17;
	color: #fff;
	text-align: left;
	}

#news01 a,
#news01 a:visited{
	color: #fff;
	text-decoration: underline;
	}

#news01 a:hover{
	color: #fff;
	}

.newsarea_btn{
	position: absolute;
	top: 14px;
	right: 10px;
	}

@media print, screen and (min-width:480px){

.newsarea p.midashi img{
	margin-left: 0;
	}

}

@media print, screen and (min-width:768px){

#news01{
	padding-right: 17.93%;
	padding-left: 17.93%;
	}

#news01 dl dt{
	float: left;
	}

#news01 dl dd{
	padding-left: 100px;
	}

.newsarea_btn{
	top: 14px;
	right: 20px;
	}


}


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

稲垣屋葬儀店について

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


#outline .style_img01{
	display: block;
	margin: 0 0 30px;
	}

#outline td p.tx_left{
	text-align: center !important;
	}
.kadou_tx{
	text-align:center;
}

@media print, screen and (min-width:768px){

#outline .style_img01{
	display: inline;
	margin: 0 30px 0 0;
	}

#outline td p.tx_left{
	text-align: left !important;
	}

}


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

お葬式とは

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


#about br.style_br01{
	display: none;
	}

@media print, screen and (min-width:768px){

#about br.style_br01{
	display: inline;
	}

}


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

お葬式の基礎知識

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


@media print, screen and (min-width:768px){

#basic_knowledge .section ul.style_ul01 li{
	width: 50%;
	float: left;
	}

}


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

故人らしい葬儀のご提案

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


#proposal br.style_br01{
	display: none;
	}

@media print, screen and (min-width:768px){

#proposal br.style_br01{
	display: inline;
	}

}


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

料金・施工例

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


#cost th,
#cost td{
	text-align: center;
	}

#cost br.style_br01{
	display: none;
	}

@media print, screen and (min-width:768px){

#cost br.style_br01{
	display: inline;
	}

}


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

お悩み相談

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


#consultation br.style_br01{
	display: none;
	}

@media print, screen and (min-width:768px){

#consultation br.style_br01{
	display: inline;
	}

}


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

講演・執筆・取材のご依頼

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


#media br.style_br01{
	display: none;
	}

@media print, screen and (min-width:768px){

#media br.style_br01{
	display: inline;
	}

#media .section ul.style_ul01 li{
	width: 50%;
	float: left;
	}

}


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

斎場紹介

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


#introduction th,
#introduction td{
	text-align: center;
	}


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

その他

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


/* Googlemap */

#googlemap iframe{
	display: none;
	}

.mapbtn{
	text-align: center;
	}

@media print, screen and (min-width:768px){

#googlemap iframe{
	display: block;
	width: 100%;
	height: 400px;
	border: 0;
	}

.mapbtn{
	display: none;
	}

}

/* Table */

.tdbox{
	line-height: 1 !important;
	text-decoration: none;
	background-color: rgba(120,53,143,0.05);
	display: inline-block;
	width: 100%;
	padding: 5px;
	margin-bottom: 10px !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}

@media print, screen and (min-width:768px){

.tdbox{
	display: none;
	}

}


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

日記

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


/* NewsBox */

.newsbox{
	overflow: hidden;
	}

.newsbox .news_text{
	overflow: hidden;
	zoom: 1;	/* ie6 */
	}
.newsbox .news_text p{
	text-align:left !important;
	}

.newsbox img{
	margin-bottom: 30px;
	}

.newsbox a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	}

.newstitle{
	background-color: transparent;
	background-image: url(../img/common_img/title02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 25px;
	}

.newstitle span{
	font-size: 3.0rem;
	line-height: 1.17;
	color: #5c862e;
	font-weight: bold;
	display: inline-block;
	}

.newstitle span i{
	font-size: 1.4rem;
	font-style: normal;
	}

.newsbox .more-link{
	float: right;
	margin: 10px 0;
	}

.postinfo{
	clear: both;
	background-color: #eee;
	text-align: right;
	padding: 5px 20px;
	margin-top: 10px;
	/* CSS3 */
	border-radius: 20px;
	}

@media print, screen and (min-width:768px){

.newstitle br{
	display: none;
	}

}

/* WP-PageNavi */

.wp-pagenavi{
	clear: both;
	font-size: 1.2rem;
	text-align: center;
	margin: 0 auto 20px;
	}

.wp-pagenavi a,
.wp-pagenavi span{
	text-decoration: none;
	padding: 5px 10px;
	margin: 3px;
	/* CSS3 */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}

.wp-pagenavi span.pages{
	color: #848484;
	background: #f2f2f2;
	border: 1px solid #ccc;
	/* CSS3 */
	text-shadow: 1px 1px 0 #fff;
	/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	/* Firefox */
	background: -moz-linear-gradient(top, #fff, #eee);
	/* IE10 */ 
	background: linear-gradient(to bottom, #fff, #eee);	
	/* IE */
	filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
	}

.wp-pagenavi span.current{
	color: #999;
	background-color: #dfdfdf;
	border: 1px solid #ccc;
	zoom: 1;
	}

.wp-pagenavi a{
	color: #848484;
	background: #f2f2f2;
	border: 1px solid #ccc;
	/* CSS3 */
	text-shadow: 1px 1px 0 #fff;
	/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	/* Firefox */
	background: -moz-linear-gradient(top, #fff, #eee);
	/* IE10 */ 
	background: linear-gradient(to bottom, #fff, #eee);	
	/* IE */
	filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
	}

.wp-pagenavi a:hover{
	background: #dfdfdf;
	}

/* search */

#news_search{
	margin-bottom: 20px;
	}

#news_search_title{
	font-size: 1.5rem;
	line-height: 1.17;
	font-weight: bold;
	margin-bottom: 8px;
	}

.screen-reader-text{
	display: none;
	}

#news_search #s{
	font-size: 1.4rem;
	line-height: 1;
	background-color: #fff;
	width: 70%;
	padding: 3px;
	margin: 0;
	border:1px solid #bfbfbf;
	/* CSS3 */
	border-radius: 3px;
	/* Webkit */
	-webkit-border-radius: 3px;
	background: -webkit-gradient( linear, left top, left bottom, from(#f1f1f1), to(#fff) );
	/* Firefox */
	-moz-border-radius: 3px;
	background: -moz-linear-gradient( top, #f1f1f1, #fff );
	}

#news_search #searchsubmit{
	font-size: 1.4rem;
	line-height: 1;
	padding: 6px 8px 5px;
	}

/* Program */

.pagelink .oldpage{
	text-align: left;
	float: left;
	width: 45%;
	}

.pagelink .newpage{
	text-align: right;
	float: right;
	width: 45%;
	}

.listlink{
	clear: both;
	text-align: center;
	margin: 20px 0;
	}

.listlink a{
	line-height: 1 !important;
	color: #fff !important;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #7d231d;
	display: inline-block;
	padding: 17px 50px 17px;
	}

.listlink a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	}