/* ============================================== */
/* 下部TEL・お問い合わせボタン                                       */
/* ============================================== */
/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 10; /*ヘッダー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: linear-gradient(to bottom right, #66E4FF, #FFAFF7);
}

/*右側メニュー色に*/
#sp-fixed-menu li:last-child{
	background: linear-gradient(to bottom right, #FCFFA1, #66E4FF);
}

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

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