/*　ここから　全ページ共通要素　ここから　*/
/*　ここから　全ページ共通要素　ここから　*/



.ft_MPR {
	font-family: 'M PLUS Rounded 1c','メイリオ',Meiryo, Helvetica, sans-serif;
}
.ft_KSG {
	font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
}


@keyframes fadeIn {
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
	}
}

/*　ここまで　全ページ共通要素　ここまで　*/
/*　ここまで　全ページ共通要素　ここまで　*/






/*　ここから　ベースとなるヘッダ　要素　*/
/*　ここから　ベースとなるヘッダ　要素　*/


.BASE_HEADER_set {
width:100%;

display: flex;
justify-content: space-between;
align-items: center;
height:80px;

background-color:#ffffff;
border-bottom:9px solid #bedfd8;
position:sticky;
top:0;
z-index:1000;
box-shadow: 0px 2px 2px rgba(72, 61, 16, 0.4);
}


.BH_left {
display: flex;
align-items: center;
}
.BH_right {
display: flex;
align-items: center;
margin-right:20px;
}





.BASE_HEADER_logoread {
color:#215271;
text-align:left;
font-size:0.9rem;
line-height:1.0rem;

font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:normal;
margin-left:10px;
}

.BASE_HEADER_rightbutton {
color:#33291a;
text-align:left;
font-size:1.2rem;
line-height:1.2rem;

font-family: 'Kosugi Maru','メイリオ',Meiryo, Helvetica, sans-serif;
font-weight:normal;
padding: 5px 15px;
border-radius:15px;
border:1px solid #33291a;
display: inline-block;
white-space: nowrap;
margin-left:5px;
margin-right:5px;
}



.BASE_HEADER_rightbutton:hover {
background-color:#ffeb99;
}


.BASE_HEADER_right_humb_button {
padding: 0px 5px;
border-radius:0px;
border:0px solid #33291a;
display: inline-block;
margin-left:10px;
margin-right:5px;
cursor:pointer;
}

.BASE_HEADER_right_humb_button:hover {
/*background-color:#ffeb99;*/
}

.head_pc_humb_img {
width:50px;
height:50px;
}








/*　▼　PC用のメニューを画面右からフェードイン　▼　*/

    /* メニューのトリガー（ハンバーガーボタン） */
    .menu-toggle {
      position: fixed;
      top: 20px;
      right: 40px;
      z-index: 3000;
      cursor: pointer;
      width: 50px;
      height: 50px;
/*      background-color: #ffffff;*/
	border:1px solid #000000;
/*      border-radius: 5px;*/
    }

    /* メニューのスタイル */
    .menu {
      position: fixed;
      top: 0;
      right: -850px; /* 初期状態で画面外に隠す */
      width: 750px;
      height: 100%;
      background-color: #bedfd8;
      color: #222222;
      padding: 20px;
      box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
      transition: right 0.3s ease; /* スライドアニメーション */
      z-index: 2000;
    }


    .menu_cover {
      position: fixed;
      top: 0;
      left: -4000px; /* 初期状態で画面外に隠す */
      width: 100%;
      height: 100%;
      background-color: #222222;
      color: #222222;
      padding: 20px;

opacity: .4;
      transition: left 0.3s ease; /* スライドアニメーション */
      z-index: 1900;

    }


    /* メニュー内のリンク */
    .menu a {
      display: block;
      color: white;
      text-decoration: none;
      margin: 10px 0;
      padding: 10px;
/*      background-color: #ffffff;*/
      border-radius: 5px;
      transition: background-color 0.2s;

	font-size:1.5rem;
	line-height:1.7rem;
    }

    .menu a:hover {
      background-color: #666;
	color:#ffffff;
    }

    /* チェックボックスのスタイルを隠す */
    #menu-checkbox {
      display: none;
    }

    /* チェックが入ったときにメニューをスライドイン */
    #menu-checkbox:checked ~ .menu {
      right: 0;
    }

    #menu-checkbox:checked ~ .menu_cover {
      left: 0;
    }


    #menu-checkbox:checked + .menu-toggle .head_pc_humb_img {
      background-image: url('../img/PC_numberger_menu_BB_close.png'); /* 切り替え後の画像 */
    }

.slidemenu_icon {
width: 30px;
height: 30px;
vertical-align:middle;
font-size:1.5rem;
line-height:1.7rem;
}

    .menu a[class="slidemenu_sys"] {
      background-color: #ffffff;
color:#555555;
}

    .menu a[class="slidemenu_sys"]:hover {
      background-color: #666666;
color:#ffffff;
}


    .menu a[class="slidemenu_page"] {
      background-color: #ffffee;
color:#555555;
}

    .menu a[class="slidemenu_page"]:hover {
      background-color: #fdfdbd;
color:#555555;
}


    .menu a[class="slidemenu_home"] {
      background-color: #555555;
color:#ffffff;
}

    .menu a[class="slidemenu_home"]:hover {
      background-color: #666666;
color:#ffffff;
}


/*　▲　PC用のメニューを画面右からフェードイン　▲　*/



/*　▼　フェードインする、ボタンをクローズとハンバーガーで入替　▼　*/

.head_pc_humb_img {
width: 50px;
height: 50px;
background-image: url('../img/PC_numberger_menu_BB.png'); /* 初期画像 */
background-size: cover;
background-position: center;
transition: background-image 0.3s ease;
}






/*　▲　フェードインする、ボタンをクローズとハンバーガーで入替　▲　*/








.BASE_HEADER_UNDERLINE {
width:100%;
height:25px;
background-color:#f9cf89;
box-shadow: 0px 3px 3px rgba(72, 61, 16, 0.4);
margin-bottom:25px;
}

.SP_CHOSEI_AREA {
display:none;
}


/*　ここまで　ベースとなるヘッダ　要素　*/
/*　ここまで　ベースとなるヘッダ　要素　*/




















/*　ここから　ベースとなるヘッダ　スマホの時の動作　要素　*/
/*　ここから　ベースとなるヘッダ　スマホの時の動作　要素　*/

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


.BASE_HEADER_set {
display:none;
}


.BASE_HEADER_right_humb_button {
display:none;
}

.menu-toggle {
display:none;
}

.BASE_HEADER_UNDERLINE {
display:none;
}

.SP_CHOSEI_AREA {
display: block;
height: 70px;
}










/* 　フッタのZIP＿ADDRESSエリアをブロック化する　 */

.FOOT_ZIPandAccess {
display:block;
background-color:#cac2b8;
color:#000000;
width:100%;
font-size:1.3rem;
line-height:1.5rem;
padding:15px 0px;
border:0px solid #ffffff;
text-align:left;
margin:0 auto;
Justify-content: space-between;
align-items: center;
}



.FOOT_ZIPandAccess_LEFT {
display:block;
width:100%;
text-align:center;
}

.FOOT_ZIPandAccess_RIGHT {
display:block;
width:100%;
text-align:center;
}










}

/*　ここまで　ベースとなるヘッダ　スマホの時の動作　要素　*/
/*　ここまで　ベースとなるヘッダ　スマホの時の動作　要素　*/






































/*　　以下はstyle_pageと重複するから　参照後　消去　　*/