@charset "utf-8";

/* さいたま市火葬式受付.comスタイル */

/* ----------------------------------------------------------------------
  モーションフッター用スタイル
---------------------------------------------------------------------- */

/* メインフッター部分スタイル */
@media only screen and (min-width: 1401px) {
.mein-footer{background-color:rgb(0,125,113);width:100%;}
.mein-footer-inner{max-width:1300px;margin: 0px auto 0 auto;color:#fff;height:120px;}
.footer-inner-img{overflow:hidden;border-radius:100%;margin-top:20px;width:89px;height:89px;}
.footer-inner-titel{font-size:160%;line-height:20px;font-family:"Shin Go Bold";margin-top:25px;margin-bottom:0px;}
.footer-inner-tel{font-size:220%;line-height:48px;font-family:"Shin Go Bold";padding:10px 0 10px 65px;margin-top:0px;margin-bottom:0px;background-image:url(images/24h-tel1.webp);background-repeat:no-repeat;background-position:left center;}
.footer-inner-name{font-size:100%;font-family:"Shin Maru Go Medium";text-align:right;padding-top:65px;margin-bottom:0px;}
/* モーションフッター動作スタイル */
#motion-footer{
position:fixed;
bottom: -3px;
left: 0;
width: 100%;
z-index:9999;
}
/* TOPページ下部の横並びメニューPC専用 */

.content_menu_ber{
	display: flex;
}
.content_menu_ber>div{
    /*コレ*/flex: 1;
	text-align:center;
	font-size:120%;
	font-weight:700;
	line-height:50px;
	font-family:"Shin Maru Go Medium";
	padding: 0px;/*ボタン周囲の余白*/
	margin:0px;/*ボタン周囲の余白*/
}
.content_menu_ber a{
	display:block;
	color:rgb(83,83,83); !important;/*文字は白に*/
	background: rgb(229,229,229);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.content_menu_ber a:hover{
	text-decoration: none; 
	color:#fff;/*文字は白に*/
	background:rgb(0,153,68);
}
/* フッターバーかぶり対策スタイル */
.f-margin{margin-top:200px;}
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
.mein-footer{background-color:rgb(0,125,113);width:100%;}
.mein-footer-inner{max-width:1000px;margin: 0px auto 20px auto;color:#fff;height:90px;}
.footer-inner-img{overflow:hidden;border-radius:100%;margin-top:0px;width:70px;height:70px;}
.footer-inner-titel{font-size:120%;line-height:28px;font-family:"Shin Go Bold";margin-top:16px;margin-bottom:0px;}
.footer-inner-name{font-size:90%;font-family:"Shin Maru Go Medium";text-align:right;padding-top:50px;margin-bottom:0px;}
.footer-inner-sns1 img{padding-top:25px;margin-left:0px;}
.footer-inner-sns2 img{padding-top:25px;margin-left:0px;}
/* モーションフッター動作スタイル */
#motion-footer{
position:fixed;
bottom:-23px;
left: 0;
width: 100%;
z-index:9999;
}
/* TOPページ下部の横並びメニューPC専用 */

.content_menu_ber{
	display: flex;
}
.content_menu_ber>div{
    /*コレ*/flex: 1;
	text-align:center;
	font-size:100%;
	font-weight:700;
	line-height:30px;
	font-family:"Shin Maru Go Medium";
	padding: 0px;/*ボタン周囲の余白*/
	margin:0px;/*ボタン周囲の余白*/
}
.content_menu_ber a{
	display:block;
	color:rgb(83,83,83); !important;/*文字は白に*/
	background: rgb(229,229,229);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.content_menu_ber a:hover{
	text-decoration: none; 
	color:#fff;/*文字は白に*/
	background:rgb(0,153,68);
}
/* フッターバーかぶり対策スタイル */
.f-margin{margin-top:180px;}
}

.motionf{
opacity:0;
transition: .3s;
}

/* コンテンツ下のメニューボタンスマホ専用 */
.pagemoji_bo01{line-height:32px !important;letter-spacing:1px;text-align:center;font-family:"Shin Go Bold";}
.pagemoji_bo01 a{margin-bottom:10px;width:100%;display:inline-block;color:#fff;padding:6px 40px;border:1px solid rgb(19,127,113);background-color:rgb(19,127,113);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all  0.5s ease;}
.pagemoji_bo01 a:hover{background-color:rgb(255,255,255);padding:6px 40px;color:rgb(19,127,113);text-decoration:none;border:1px solid rgb(19,127,113);}

/* GO TOPボタンのデザイン */
.pagetop {
  cursor: pointer;
  position: fixed;
  z-index:99999;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: .3s;
  color: #333333;
  font-weight:700;
  background: rgb(244,236,225);
  
/*   デフォルトは非表示 */
  opacity: 0;
}
.pagetop:hover {
    box-shadow: 0 0 10px rgb(195,148,78);
}