@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700&display=swap');

/* 追従メニュー */
.menu_box{
z-index: 999;
position: sticky; 
top: 0px; right: 50px; 
max-width: 1200px; 
margin: auto; }
.m_sp_menu {
position: absolute;
top: -600px;
right: 0;
width: 525px;
height: 100px;
overflow: hidden;
transition: .5s;
opacity: 0;
/*background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,227,241,1) 100%);*/
background: rgb(207,217,255);
background: linear-gradient(0deg, rgba(207,217,255,1) 0%, rgba(255,212,215,1) 65%, rgba(255,255,255,1) 95%);
border-radius: 22px;
border: solid #fff 8px;
}
.m_sp_menu.active {
top: 100px;
opacity: 1;
height: auto;
}
.m_sp_menu ul {
padding-inline: 0;
width: 490px;
margin: auto;
}
.m_sp_menu li {
list-style: none;
/*margin-top: 1.5rem;*/
cursor: pointer;
font-size: 25px;
border-bottom: dashed 1px #666;
padding: 13px 0;
font-weight: 600;
/*font-family: 'Zen Maru Gothic', sans-serif;*/
}
.m_sp_menu li a::before{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 24px;/*画像の幅*/
  height: 25px;/*画像の高さ*/
  background-image: url("../img/d40th_img_05.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: revert;}

.m_sp_menu a{display: block;}

.menu_bt_container {
width: 50px;
height: 50px;
background: #fff;
position: absolute;
top: 50px;
right:-20px;
cursor: pointer;
z-index: 99;
}
.menu_bt_container img {
width: 100%;
/*filter: invert(1);*/
position: absolute;
}
.menu_close {
opacity: 1;
}
.menu_close.active {
opacity: 0;
}
.menu_open {
opacity: 0;
}
.menu_open.active {
opacity: 1;
}


.menu_box .mgr_logo{width: 370px; margin: 20px auto 0;}
/*.menu_box .mgr_logo_40{width: 142px; margin: auto;}*/
.menu_box .mgr_logo_40{width: 490px; margin: auto;}


.m_sp_menu li a,
.m_sp_menu a:visited{color: #9b2860;  font-feature-settings: "palt"; text-decoration: none;}



@media screen and (max-width: 767px) {
.menu_box{}
.menu_bt_container{top: 10px; right: 10px;}
.m_sp_menu.active{top: 70px;}

.m_sp_menu {width: 75%; border: solid 5px #fff;}
.m_sp_menu ul {width: 95%;}
.menu_box .mgr_logo{width: 100%;}

.m_sp_menu li a{padding: 8px 0;}

.menu_box .mgr_logo{width: 70%;padding-top: 10px;}
.m_sp_menu li {font-size: 20px; padding: 0px 0;}
.menu_box .mgr_logo_40{width: 100%;}

}


      
      
 /*追従予約ボタン*/
@media screen and (min-width: 768px) {
.fixed-buy-button{display: none;}
	}
.fixed_bar{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
   /* background: #FFFC85;*/
    background: #ceeffc;
    width: 100%;
    z-index: 10;}
	.fixed_bar_inr{display: flex; justify-content: center; align-items: center;
    padding: 10px 0 0;
    
    box-shadow: 0 -4px 5vw rgba(0,0,0,0.3);}
    

	
    .fixed_bar_inr li p{width: 450px; padding: 0 10px; margin: 0;}



@media screen and (max-width: 767px) {
	/*.fixed_bar{display: none;}*/
    .fixed_bar{display: block;}
    .fixed_bar_inr li{width: 75%; padding-bottom: 10px;}
   /* .fixed_bar_inr li:first-child{width: 48%;}
    .fixed_bar_inr li:last-child{width: 52%;}*/
    .fixed_bar_inr li p{width: 100%; padding: 0 0px; margin: 0;}
    
}