@charset "UTF-8";
/*  /////////////////////////////////////////////////////////////// 
       ヘッダー （全ページ共通）                         
//////////////////////////////////////////////////////////////// */
/**/
/**/
/**/
a {
  text-decoration: none;
  color: #000000;
}
a:hover {
	text-decoration:underline;
  /*color: #E44040;*/
}
/* 
========================================================

　ヘッダー全体枠、メニュー（ドロワーメニュー）、バーガーiconとドロワーメニュー　のposition（上下関係）

========================================================= */
/*ヘッダー全体*/
.header_waku {
  position: fixed;
  z-index: 10;
  top: 0;
}


/*バーガーicon
-------------------------------------------------------- */
.hamburger {
  display: block;
  /*memo *表示位置はheaderhtml内のFlexで括ってあるためfixしない*/
  /*position: fixed;*/ /*windw要素基準*/
  z-index: 20;
  /*right : 0%;*/ /*windw要素基準*/
  /*top   : 42px;*/ /*windw要素基準*/
}
/*バーガーiconで表示するグローバルメニュー内容 */
nav.globalMenuSp {
  position: fixed;
  z-index: 30;
  top: 90px;
  right: 0;
}
/* 
=======================================================================================================

　メニュー1（上段）　メニュー2（下段）　レイアウト

========================================================================================================== */
.header_waku { /*ヘッダー固定*/
  width: 100%;
  /*background: #fff;*/
  /*ポジションは上記にsに記載*/
  box-shadow: 0px 2px 10px gray;
	color: #000000;
  background-color: #Ffffff;
  border: solid 0px;
}
/* メニュー1（上段）　　帯（左 赤  　右紺）の中に文字入れ　
========================================================================================================== */
/*帯*/
.header_menu1 {
  width: 100%;
  height: 22px;
	color: #000000;
	background: #B3D9B8;
    /*background-color: #517636;*//*文森マーク色*/
  /*background: linear-gradient(90deg, #FF0045 0%, #FF0045 30%, #0A326C 30%, #0A326C 100%); *//*0%〜30%赤,30%〜100%紺*/
}
/* 帯に文字入れ　table  左 （iconと（今日は休館日））  　右（ご利用案内とアクセス）*/
.header_tbl {
  width: 90%;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse; /*隙間なし*/
  border-spacing: 0; /*隙間なし*/
}
.header_tbl td {
  width: 50%;
}
.header_tbl .td_left { /*左　iconと今日は休館日*/
  text-align: left;
  vertical-align: middle;
  font-size: 0.8rem;
  font-weight: bold;
  color: #000000;
  border: solid 0px;
}
.icon_heikan { /*休館日のicon*/
  width: 14px;
  height: 14px;
  border: solid 0px;
}
.header_tbl .td_right { /*右　ご利用案内とアクセス*/
  text-align: right;
  vertical-align: middle;
  font-size: 0.8rem;
  /*font-weight: bold;*/
 /* color: #ffffff;*/
}
.header_tbl .td_right a {
  font-size: 0.8rem;

}
/* メニュー2下段）　　左　ロゴマーク　　右　メニュー　（検索icon、バーガーメニューはsearch_and_drawer_menu.css）
========================================================================================================== */
.header_wrap {
  width: 90%;
  max-width: 1250px;
  height: 68px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between; /*両端の余白なし*/
  align-items: center; /*上下中央*/
	color: #000000;
  background-color: #ffffff;
  border: solid #FF0000 0px;
}
/*左　ロゴマーク*/
.header_wrap .left {
  margin-left: 0px;
}
.header_wrap .left .logo { /*ロゴマーク*/
   width: 100%; /*IEのsvg対応100%指定必須*/
    max-width: 300px;/*IEのsvg対応*/
  /*max-height: 55px;*/
    text-align: left;
  vertical-align: bottom; /*下の隙間なくす*/
  border: solid 0px;
}
/*右　メニュー　検索icon バーガメニュー*/
.header_wrap .right {
  margin-right: 0px;
  display: flex;
  align-items: center;
  border: solid 0px;
}

/* メニュー　プルダウンメニュー
========================================================================================================== */
.header_navi {/*実質利用していない*/
    border: solid 0px;
}


.navbar {
  /*background-color: #25283D;*/
    font-size: 0.8rem;
    font-weight: bold;
  /*color: #ffffff;*/
    color: #000000;
  /*border-radius: 4px;*/
  width: 100vw;
  max-width: 560px;
    margin-right: 30px;
  /*margin: 0px auto 0;*/
    border: solid 0px;
}
/*メニュー*/
.navbar .menu {
display:-webkit-box;
  	display:-ms-flexbox;
  display: flex;
    -webkit-box-pack: end;
	-ms-flex-pack: end;
    justify-content: flex-end;/*右寄せ*/
  position: relative;
    border: solid 0px;
    
}
.navbar .menu li{
    white-space: nowrap;
    border: solid 0px;
}

@media (max-width: 820px) {
  .navbar .menu {
    display: block;
    position: relative;
  }
}

.navbar .menu li {
  /*flex: 1;*//*等間隔にする場合*/
    display:-webkit-box;
  	display:-ms-flexbox;
  display: flex;
  transition: background-color 0.5s ease;
}
/*メインメニュのリンク処理*/
.navbar .menu .main_link {
  /*flex: 1;*/
    -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  display: inline-flex;
  /*color: #ffffff;*/
  text-decoration: none;
  padding: 24px 15px;
  position: relative; 
}

.navbar .menu a > .fa {
  font-weight: bold;
  margin-left: 8px; 
}

.navbar .menu li:hover {
  /*background-color: #8F3985;*/
}
/*.navbar .menu .container a {
  color: #ffffff;
}*//*サブメニュ白*/

/*メニュー*/
.navbar .menu li a{
    text-decoration: none;
  color: #000000;
}
.navbar .menu li a:hover {
	text-decoration:underline;
  /*color: #E44040;*/
}

.navbar .menu li:hover .container {
    display:-webkit-box;
  	display:-ms-flexbox;
  display: flex;
}

@media (max-width: 820px) {
  .navbar .menu li:hover .container {
    display: none;
  }
  
  .fa-angle-down {
    display: none;
  }
}
/*オンマウスで三角矢印---------------*/
a.hasDropdown:after {/*形*/
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  width: 0;
  border: 8px solid transparent;
  /*border-top-color: #25283d;*/
  z-index: 2;
}

li:hover a.hasDropdown:after {/*色*/
  content: '';
  border-top-color: #DC2E2E;
}

@media (max-width: 820px) {
  li:hover a.hasDropdown:after {
    display: none;
  }
}

/* End Navigation Bar */
/*ドロップダウンセクション------------------------------*/
/*枠*/
.container {
  /* initially hidden; display:flex on hover */
  display: none;
  position: absolute;
  top: 66px;
  left: 0;
  right: 0;
	color: #000000;
  /*background-color: hsla(119,93%,24%,0.58);*/ /*緑*/
    /*background-color: hsla(0,0%,100%,0.92);*/ /*白*/
    background-color: hsla(0,6%,91%,0.93);/*グレー*/
  padding: 20px;
  text-align: left;
}
/*サブメニュー-----------------------------*/
.container__list {
  flex: 1;
    display:-webkit-box;
  	display:-ms-flexbox;
  display: flex;
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}
/*サブメニュー最大3つに指定*/
.container__listItem {
  /*flex: 0 0 25%;*//*flex-growを0：項目の数が4未満のとき等間隔で並ぶのを防ぐため。項目がスペースの25%を占めるよう強制。*/
  padding: 10px 10px;
    box-sizing: border-box; 

}
.container__listItem:hover {
/*background-color: hsla(359,79%,79%,0.58);*/

}
/*サブメニュー*/
.container__listItem > a {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: bold;
    margin-right:  10px;
  /*color: #ffffff;*/
    color: #000000;
    border: solid 0px;
}
/*-------検索----------------------------------------------------------------------*/
.search_icon {
  margin-right: 26px;
  height: 35px;
  border: solid 0px;
}
.search_icon img {
  /*position: fixed;*/
  /*top: 42px;*/
  /* right: 90px;*/
  /*z-index: 9990; */
    width: 100%;/*IEのsvg対応100%指定必須*/
  max-height: 35px;/*IEのsvg対応*/
  max-width: 35px;/*IEのsvg対応*/
}
.search {
  text-align: right;
  border: solid 0px;
}
.search input[type='text'] { /*入力欄 */
  font-size: 0.8rem;
  width: 175px;
  height: 19px;
  border: 1px solid #EB7A4A;
  vertical-align: top;
}
.search input[type='image'] { /*検索ボタン */
  display: inline-block;
  vertical-align: top;
  padding: 0;
  width: 22px;
  height: 22px;
}
/*-------バーガーicon　位置調整　　詳細はdrawer_menu.css------------*/
/*


*/
/* 戻るボタン　トップページとスマホは非表示
========================================================================================================== */
.modoru {
  width: 90%;
  text-align: right;
  margin-left: auto;
  margin-right: auto;
}
.modoru_maru { /* 戻るの◀︎オレンジ */
  font-size: 0.8rem;
  color: #F87307; /* オレンジ */
  margin-right: 5px;
}
.modoru_text {
  font-size: 0.8rem;
  color: #403E3E;
}
/**/
/**/
/**/
/**/
/* スマホ用***************** */
@media (max-width: 749px) {
    .header_wrap .left .logo { /*ロゴマーク*/
    max-width: 230px;/*IEのsvg対応*/
        }
        .header_navi{
        display: none;
            }
    .search_icon {
        display: none;
    }
}


/* タブレット用 ***************** */
@media (min-width: 750px) and (max-width: 1099px) {
    .header_navi{
        display: none;
    }
.search_icon{
        display: none;
    }
}
/* Desktop ***************** */
@media (min-width: 1100px) {
.search_icon{
        display: none;
    }
}