/* ▼▼CSS Footer-Document▼▼ */
/*--コンセプトカラー■
#5554a0（あさひロゴカラーコード紫）
#d40000（お急ぎ電話赤）
#365b8f（資料請求青）
#287227（FAQ緑）
#ffea01（事前相談黄色）
#dc8d30（相談室完備橙）

■各プラン
#de600c（直葬9.5）オレンジ
#4b763e（お別れ葬14）グリーン
#66422a（1日葬25）ブラウン
#5b3e76（家族葬30）パープル
#832c59（家族葬40）槐色
#d6286e（家族葬50）ダークピンク
#3b4398（一般葬60）ブルー
#896823（一般葬70）ゴールド
■--*/
/*フッターTOPへアイコン*/
.dli-chevron-up {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(25%) rotate(-45deg);
}
/*LINE登録*/
#line_sp{
display:none;
}
@media screen and (max-width:980px) {
	#line_sp{
	display:block;
	}

	#line_pc{
	display:none;
	}
}

/*/LINE登録*/

/*ページ下部お問い合わせエリア*/
#under_contents h3{
border-left:2px solid #777777;
padding:12px;
margin:0 0 25px 0;
}

.tel_number{
font-family: 'Poppins', sans-serif;
}

.btn-b{
  width:24%;
}

.btn-b a{/*flex_item*/
display:block;
text-align:center;
border:1px solid #999999;
padding:25px 0px;
width:100%;
background-color:#ffffff;
position:relative;
margin:14px 0;
}

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

#telbox{
overflow:hidden;
margin:35px 0 60px 0;
}

#telbox dt{
float:left;
padding:3px 0 27px 0;
width:36%;
box-sizing:border-box;
background-color:#333333;
color:#ffffff;
text-align:center;
border:1px solid #555555;
position:relative;
}

#telbox dd{
float:right;
padding:14px 0;
box-sizing:border-box;
border:1px solid #555555;
background-color:#ffffff;
width:64%;
text-align:center;
}

#tel_info span{
display:block;
margin-top:27px;
line-height:0;
overflow-wrap:break-word;
}

.tel_dit{
  font-size:14px;
}

.tel_title{
  font-size:18px;
}

.tel_number{
  font-size:56px;
  font-weight:bold;
}


@media only screen and (max-width: 1279px) {
  .btn-b{
    width:48%;
  }
  
  .btn-b a{/*flex_item*/
    display:block;
    text-align:center;
    border:1px solid #999999;
    padding:25px 0px;
    width:100%;
    background-color:#ffffff;
    position:relative;
    margin:14px 0;
    }

    #telbox{
      margin:30px 0 60px 0;
      }      

    #telbox dt{
      padding:0px 0 24px 0;
      width:100%;
      box-sizing:border-box;
      background-color:#333333;
      color:#ffffff;
      text-align:center;
      border:1px solid #555555;
      position:relative;
      }
      
      #telbox dd{
      padding:20px 0;
      box-sizing:border-box;
      border:1px solid #555555;
      background-color:#ffffff;
      width:100%;
      text-align:center;
      }
      
  }

  @media only screen and (max-width: 649px) {

    #tel_info{
      overflow-wrap:break-word;
    }

      .tel_dit{
        font-size:10px;
      }
      
      .tel_title{
        font-size:14px;
      }
      
      .tel_number{
        font-size:32px;
        font-weight:bold;
      }
      
	.btn_flex{
	display:block;
	}

  .btn-b{
    width:100%;
  }



}



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

/*本番時変える*/
footer{
	margin-top:100px;
	box-sizing: border-box;
	}
	
/*本番時変える*/

.list_mark li{
    position: relative;
    padding-left: 12px;
  }
 
.list_mark li:before {
    content: "";
    position: absolute;
    top: .5em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 4px;
    height: 4px;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #5a5a5a;
  }

#footer{
	padding:70px 3% 17px 3%;
	background-color:#f2f2f2;
}

#top_btn{
}

#top_btn li a{
	background:#5554a0;
	display:block;
	width:60px;
	padding:20px 0;
	text-align:center;
	margin-left:88%;
	border-radius:50%;
}

#footer_contents{
	overflow:hidden;
	/*background:#F60;後で消す*/
}

#footer_address{
	font-size:14px;
	width:34%;
	float:left;
	color:#555555;
}

#footer_address li:nth-child(2){
	font-size:36px;
}

@media screen and (max-width:400px) { 
	#footer_address li:nth-child(2){
		font-size:28px;
	}
}

@media screen and (max-width:340px) { 
	#footer_address li:nth-child(2){
		font-size:25px;
	}
}

#footer_address li:nth-child(3){
	font-size:18px;
}

#footer_address li:nth-child(4){
	font-size:18px;
}

#footer_address figure{
	display:block;
	width:320px;
	margin:0 0 10px 0;
}

#footer_address img{
	max-width: 100%;
	height: auto;
	}

#footer_address li{
	margin:6px 0;
}

#footer_order a{
background-color:#c25e00!important;
font-weight:bold;
color:#ffffff;
text-align:center;
padding:20px 0;
max-width:320px;
font-size:18px;
display:block;
}

#footer_links{
	width:66%;
	float:right;
	/*background:#F60;後で消す*/
}

#footer_links_upper{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

#footer_links_upper section{
	width:30%;
}


#footer_links_upper h2{
	font-size:17px;
	font-weight:bold;
	padding:3px 0 4px 3px;
	border-bottom:#5554a0 solid 2px;
	color:#5554a0;
	margin-bottom:20px;
}

#footer_links_upper li{
	font-size:15px;
	color:#555555;
	margin:12px 0;
	padding-left:10px;
	line-height:1.2;
}

#footer_links_upper li a{
	color:#333333;
	text-decoration:none;
}

#footer_links_upper li a:hover{
	color:#cccccc;
}

#footer_links_under{
	border-top:#555555 solid 1px;
	padding:20px 0 10px 0;
	margin-top:30px;
	display:flex;
	justify-content:space-between;
}

#footer_links_under ul{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}

#footer_links_under li{
	font-size:15px;
	color:#555555;
	margin-right:20px;
	line-height:1.5;
}

#footer_links_under li a{
	color:#555555;
	text-decoration:none;
}

#footer_links_under li a:hover{
	color:#cccccc;
}

#f_icon{
	margin:-4px 0 0 50px;
}

#f_icon li{
	width:30px;
	margin:0 12px 0 0;
	padding:0;
}

#f_icon img{
	width:100%;
}

#f_icon a:hover{
	opacity:0.5;
}

#blogcontents{
	overflow:hidden;
	background:#cccccc;
	padding:20px 3%;
}

#footer_blogtitle{
	width:300px;
	float:left;
	font-weight:bold;
	font-size:18px;
	line-height:1.6;
}

#footer_blogtitle span{
	text-align:center;
	color:#ffffff;
	display:block;
	margin:10px 0 0 0;
	padding:1px 0px 2px 0;
	font-weight:normal;
	font-size:10px;
	background:#333333;
	border-radius:16px;
	width:70px;
}

#footer_blogtitle_flex{
	width:68%;
	float:left;
	overflow:hidden;
	line-height:2;
}

#footer_blogtitle_flex li{
	list-style:none;
	float:left;
	margin:0 20px 0 0;
}

#footer_blogtitle_flex a{
	text-decoration:underline;
}

#copy{
	background:#f3f3f3;
	padding:24px 0;
	text-align:center;
	color:#888888;
	font-size:14px;
	margin:0 0 124px 0;
}

#copy a{
	color:#5554a0;
	font-weight:bold;
	text-decoration:none;
}
#floatingnavi{
	position: -webkit-sticky;
	position: fixed;
	bottom: 0;
	z-index:999;
	background-color:#5554a0;
	padding:12px 10px;
	color:#ffffff;
	width:100%;
	overflow: hidden;
}

#floatingnavi_inner{
	display:flex;
	justify-content:center;
}

#floatingnavi_inner_sp{
display:none;
}

#floatingnavi_inner ul{
	width:340px;
	text-align:center;
	/*padding:0 20px 0 0;*/
}

#floatingnavi_inner ul:nth-child(2){
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	padding:0 14px;
}

.floatinhf_faq, .floatinhf_contact, .floatinhf_tel{
/*margin-top:-14px!important;*/
margin-right:0px!important;
}

.floatinhf_faq a{
display:block;
background-color:#287227;
color:#ffffff;
font-size:11px;
text-align:center;
padding-bottom:10px;
line-height:1.2;
}

.floatinhf_faq a:hover{
background-color:#257227;
}

.floatinhf_contact a{
display:block;
background-color:#365b8f;
color:#ffffff;
font-size:11px;
text-align:center;
padding-bottom:10px;
line-height:1.2;
}

.floatinhf_contact a:hover{
background-color:#325b8f;
}

.floatinhf_tel a{
display:block;
background-color:#d40000;
color:#ffffff;
font-size:11px;
text-align:center;
padding-bottom:8px;
line-height:1.2;
}

.floatinhf_tel a:hover{
background-color:#d30000;
}

.floatinemergency_txt{
font-weight:bold;
color:#ffffff;
font-size:110%;
}

#footer_cregit_info{
padding:5px 0 10px 0;
text-align:center;
display:block;
font-size:13px;
}

.footer_f_navigation{
/*float:right;*/
}

.footer_f_navigation{
overflow:hidden;
}

#f_emergency{
/*width:380px!important;*/
}
.footer_f_icon{
/*text-align:right;
margin-right:10px;*/
width:335px!important;
}

.footer_f_icon img{
vertical-align: bottom;
}

.footer_f_icon li{
float:right;
margin-right:10px;
}

#footer_tel_em{
border:1px solid #ffea00;
color:#ffea00;
line-height:2;
padding:6px;
margin:5px 0 0 0;
font-weight:bold;
text-align:center;
width:290px;
}

#footer_tel a{
color:#ffffff;
font-weight:bold;
font-size:40px;
text-align:center;
}

#footer_tel_info{
font-size:12px;
text-align:center;
color:#ffffff;
}

#googlemap_btn{
width:320px;
margin:50px auto;
}

/*-------------------旧タイプPC/タブレット/MAX-PROスマホ横-------------------*/
@media screen and (max-width:1279px) { 

	#footer_address{
		font-size:14px;
		width:360px;
		float:none;
		color:#555555;
		margin:0 auto 60px auto;
	}


	#footer_address figure{
		max-width:320px;
		display:block;
		margin:0 0 10px 0;
	}

	#footer_address img{
		width:100%;
	}

	#footer_address li{
		margin:6px 0;
	}

	#footer_links{
		width:90%;
		margin:0 auto;
		float:none;
	}

	#footer_links_under{
		border-top:#555555 solid 1px;
		padding:20px 0 10px 0;
		margin-top:20px;
		display:flex;
		justify-content:space-between;
	}
}


@media screen and (max-width:1019px) {

	#blogcontents{
		overflow:none;
		background:#cccccc;
		padding:20px 3%;
	}

	#footer_blogtitle{
	width:100%;
	float:none;
	border-bottom:1px dotted #888888;
	padding:0 0 10px 0;
	}

	#footer_blogtitle_flex{
	width:100%;
	float:none;
	overflow:none;
	line-height:2;
	}

	#footer_blogtitle_flex li{
	list-style:none;
	float:none;
	margin:0 0px 0 0;
	border-bottom:1px dotted #888888;
	}

	#footer_blogtitle_flex a{
	display:block;
	text-decoration:none;
	padding:10px 0 10px 10px;
	background:#dddddd;
	line-height:1.3;
	}

	#floatingnavi{
	height:56px;
	}

	#floatingnavi_inner{
	display:none;
	}

	#floatingnavi{
		padding:0px;
	}

	#floatingnavi_inner_sp{
	display:flex;
	text-align:center;
	align-content:center;
	}

	#floatingnavi_inner_sp li{
	width:100%;
	padding:5px 0px;
	}


	#floatingnavi_inner_sp a{
	width:100%;
	display:block;
	}
	
	#copy{
	margin:0 0 33px 0;
}


} 


/*-------------------タブレットミニ/スマホ全般-------------------*/
@media screen and (max-width:940px) { 

	#top_btn li a{
		width:100%;
		padding:10px 0;
		margin:0;
	}


	#footer_links_upper{
		width:100%;
	}

	#footer_links_upper section{
		width:100%;
		margin:0 0 50px 0;
	}

	#footer_links_under{
		border-top:#555555 solid 1px;
		padding-top:30px;
		margin-top:0;
	}

	#copy p{
		text-align:center;
		width:85%;
		margin:0 auto;
		line-height:1.6;
	}
}


/*-------------------最小幅デバイス用-------------------*/
@media screen and (max-width:400px) { 

	#footer_address{
		width:90%;
	}


	#footer_address figure{
		width:100%;
		display:block;
	}

	#footer_address img{
		width:100%;
	}
	#copy p{
		text-align:left;
		width:96%;
		line-height:1.6;
		margin:0 auto;
	}
}

/* ▲▲CSS Footer-Document▲▲ */