/* ============================================== */
/* 下部TEL・お問い合わせボタン                                       */
/* ============================================== */
/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   /*z-index: 100; /*ヘッダー90 スライダー10　フッター11　pagetop↑ボタン12　下部固定ボタン12*/
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 18px;
   border-right: 1px solid #fff;
}
@media (max-width: 300px) {
#sp-fixed-menu li{
  font-size: 14px;
}
}

/*左側メニュー色に*/
#sp-fixed-menu li:first-child{
   background: rgba(149,235,88,0.9);
}

/*右側メニュー色に*/
#sp-fixed-menu li:last-child{
   background: rgba(251,240,72,0.9);
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:10px 0;
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*アイコン右側余白*/
#sp-fixed-menu li i{
	margin-right: 0.5em;
}

/*PCの場合にはメニューを表示させない*/
@media (min-width: 520px) {
   .for-sp{
      display:none !important;
    }
}
/* ============================================== */
/* 演出用(ボタン上にカーソルを持ってきた時に、ボタンを少し透過する）*/
/* ============================================== */
.hover {
	transition: 0.6s;
}
.hover:hover {
	opacity: 0.6;
}