/* Rev.2020-04-20 */

/* トップページ ################ */
/* ページコントロール */
.top header .page_control_wrap { display: flex; justify-content: flex-end; box-sizing: border-box; width: auto; margin: 0 4em 0 0; padding: 0;}
.top header .page_control .search { width: auto;}
div#main .contents{font-size: 1em;}
/* Gナビ */
.top header nav ul#menu dd { width: 400%;}
.top header nav ul#menu li.menu01 dd { left: -100%;}
.top header nav ul#menu li.menu02 dd { left: -200%;}
.top header nav ul#menu li.menu04 dd { left: 0%;}
.top header nav ul#menu li.menu04 dt{border-left:1px solid #DDD;}

.top header nav ul#menu li.menu10 dd ul { display: flex!important; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; padding: 2px; box-sizing: border-box;}
.top header nav ul#menu li.menu10 dd li { width: calc(25% - 4px); height: auto; margin: 2px; padding: 0; border-top: 4px solid #249941;}
.top header nav ul#menu li.menu10 dd li a { display: flex; align-items: center; height: 100%; box-sizing: border-box;}


/* サブトップページ ################ */
/* ヘッダー */
header .mobile { display: none;}

/* 新かんたん検索 */
.sub_top .contents section.easy_search_rev { padding-top: 2em; padding-bottom: 2em; background-color: #fff;}
.sub_top .contents section.easy_search_rev h2 { text-align: center;}
.sub_top .contents section.easy_search_rev a { background-color: #F5F5F5;}

/* スモールバナー */
.contents section.banner_small_rev { background-color: #fff;}
.contents .banner_small { display: flex; flex-wrap: wrap; margin: 0; padding: 0;}
.contents .banner_small li { width: 24%; margin: 0.5%; padding: 0; text-align: center;}
.contents ul.banner_small li:before { display: none;}
.contents .banner_small a { display: block;}
.contents .banner_small a img { max-width: 100%; height: auto;}

.top header .page_control .search label.search_txt {width: 85%;background-image:none;}
.top header .page_control .search div{border: none;}

/* 共通 ################ */
/* Gナビ */
.default header nav,
.sub_top header nav { overflow: visible;}
.default header nav:after,
.sub_top header nav:after { display: block; content: ""; clear: both;}
.default ul#menu,
.sub_top ul#menu { overflow: visible;}

.default ul#menu li dl dd,
.sub_top ul#menu li dl dd { top: 70px; background-color: #fff;}
.default ul#menu li dl dd ul,
.sub_top ul#menu li dl dd ul { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; padding: 0.5em; border: 3px solid #9FD25C; box-sizing: border-box;}
.default ul#menu li dl dd ul li,
.sub_top ul#menu li dl dd ul li { width: 24%; margin: 0.5%; }
.default ul#menu li dl dd ul li a,
.sub_top ul#menu li dl dd ul li a { position: relative; display: flex; justify-content: flex-start; align-items: center; margin: 0; padding: 1.2em 0.5em 1.2em 1.8em; height: 100%; background-image: none; text-align: left; box-sizing: border-box;}
.default ul#menu li dl dd ul li a:before,
.sub_top ul#menu li dl dd ul li a:before { position: absolute; display: block; content: ""; width: 1em; height: 1em; top: 50%; left: 0.4em; margin-top: -0.5em; background: url("../img/button_more_arrow.png") center center #249941 no-repeat; background-size: contain; border-radius: 50%;}
.default ul#menu dl dt a:before,
.sub_top ul#menu dl dt a:before { display: none;}
.default ul#menu dl:hover dt a,
.sub_top ul#menu dl:hover dt a { background-color: #9FD25B; background-image: none;}
.default ul#menu dl:hover dd a,
.sub_top ul#menu dl:hover dd a { background-color: #F4F8E4;}
.default ul#menu dl:hover dd a:hover,
.sub_top ul#menu dl:hover dd a:hover { background-color: #9FD25B;}

/* くらしの情報のための位置調整 */
.kurashi ul#menu li.menu01 dl dd {}
.kurashi ul#menu li.menu02 dl dd { left: -176px;}
.kurashi ul#menu li.menu03 dl dd { left: -379.5px;}
.kurashi ul#menu li.menu04 dl dd { left: -671px;}
.kurashi ul#menu li.menu05 dl dd { left: -852.5px;}



/* 検索 */
header .page_control .search * { box-sizing: border-box;}
header .page_control .search div { display: flex; justify-content: flex-start; align-items: stretch; height: 40px; width: auto; max-width: 300px; padding-bottom: 0; background-color: #fff; border: 3px solid #3D9945;}
header .page_control .search label.search_txt,
header .page_control .search input#search_txt,
header .page_control .search input.search_bt { height: auto; margin: 0; min-height: 34px;}
header .page_control .search label.search_txt { width: 24px; background-image: url("../img/rev_search_bg.png")}
header .page_control .search input#search_txt { width: calc( 100% - 24px - 4em ); padding: 0 0.3em;}
header .page_control .search input.search_bt { width: 4em; padding: 0; font-size: 0.95em; font-weight: normal; background-color: #28682C;}
header .page_control .search input.search_bt:hover,
header .page_control .search input.search_bt:focus { background-color: #18421C;}


/* 新かんたん検索 */
ul.list_easysearch { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
ul.list_easysearch li { width: 15.666%; margin: 0.5%; padding: 0; background-color: #fff; border-bottom: 3px solid #CCCCCC;}
ul.list_easysearch li:before { display: none;}
ul.list_easysearch a { position: relative; display: flex; justify-content: center; height: 100%; padding: 64px 0.5em 0.8em ; text-decoration: none; box-sizing: border-box;font-size: 1em;border: 1px solid #ccc;}
ul.list_easysearch a:before { position: absolute; display: block; content: ""; top: 18px; left: 0%; right: 0%; height: 44px; background: center center no-repeat;}
ul.list_easysearch span { margin-bottom: 0.5em;}
ul.list_easysearch li.easy_01 a:before { background-image: url("../img/rev_ico_easy_01.png");}
ul.list_easysearch li.easy_02 a:before { background-image: url("../img/rev_ico_easy_02.png");}
ul.list_easysearch li.easy_03 a:before { background-image: url("../img/rev_ico_easy_03.png");}
ul.list_easysearch li.easy_04 a:before { background-image: url("../img/rev_ico_easy_04.png");}
ul.list_easysearch li.easy_05 a:before { background-image: url("../img/rev_ico_easy_05.png");}
ul.list_easysearch li.easy_06 a:before { background-image: url("../img/rev_ico_easy_06.png");}
ul.list_easysearch li.easy_07 a:before { background-image: url("../img/rev_ico_easy_07.png");}
ul.list_easysearch li.easy_08 a:before { background-image: url("../img/rev_ico_easy_08.png");}
ul.list_easysearch li.easy_09 a:before { background-image: url("../img/rev_ico_easy_09.png");}
ul.list_easysearch li.easy_10 a:before { background-image: url("../img/rev_ico_easy_10.png");}
ul.list_easysearch li.easy_11 a:before { background-image: url("../img/rev_ico_easy_11.png");}
ul.list_easysearch li.easy_12 a:before { background-image: url("../img/rev_ico_easy_12.png");}
ul#menu li.menu04 dl:hover a:hover,
ul.list_easysearch li a:hover{background:#D1E2CC;}
.top header nav ul#menu li.menu04 dt > a:hover{background:#4A8C34;}

@media screen and (min-width:0) and (max-width:1120px) {
  /* トップページ ################ */
  /* ページコントロール */
  .top header .page_control_wrap { display: block; width: auto;}
  .top header .page_control ul:first-child { height: auto; border: 0px;}
  

  .top header nav ul#menu li.menu01 dd ul,
  .top header nav ul#menu li.menu02 dd ul { display: none!important;}

  
  
  /* サブトップページ ################ */
  /* ヘッダー */
  .sub_top header .page_control { margin-bottom: 0;}
  header .wrap { overflow: visible;}
  header .mobile { display: block; margin: 0;}
  header .mobile .wrap { padding-top: 0;}
  header .mobile_title span { display: inline-block; overflow: hidden; width: 0px; height: 0px;}
  
  .contents.desktop .locus { display: none;}
  .contents.desktop h1 img { display: none;}
  
  /* スモールバナー */
  .contents .banner_small li { width: 31.333%; margin: 1%;}
  
  
  
  /* 共通 ################ */ 
  /* ヘッダー 
  header { padding-bottom: 0!important;}
  header nav ul,
  header ul.tab { display: block!important; position: static; width: auto;}
  header nav.active { position: static!important;}
  
  header nav ul { margin-left: 2%; margin-right: 2%; padding: 0.5em 0; border: none;}
  header nav ul li { height: auto;}
  header nav ul li a { height: auto; padding: 0.5em 1em; text-align: left;}
   
  header ul.tab { height: auto; margin: 0; padding: 0; border: none; background: none;}
  header ul.tab li { height: auto; margin-bottom: 0.5em;}
  header ul.tab li a { height: auto; margin: 0; padding: 1em 1em; text-align: left;}
  header .page_control ul:first-child { height: auto; bottom: 0px;}
  */
  
  .sub_top header nav.active { position: static!important;}
  
  .sub_top header nav ul { margin-left: 2%; margin-right: 2%; padding: 0.5em 0; border: none;}
  .sub_top header nav ul li { height: auto;}
  .sub_top header nav ul li a { height: auto; padding: 0.5em 1em; text-align: left;}
   
  .sub_top header ul.tab { height: auto; margin: 0; padding: 0; border: none; background: none;}
  .sub_top header ul.tab li { height: auto; margin-bottom: 0.5em;}
  .sub_top header ul.tab li a { height: auto; margin: 0; padding: 1em 1em; text-align: left;}
  
  .sub_top header .page_control ul:first-child { height: auto; bottom: 0px;}
  

  
  /* Gナビ */
  ul#menu li dl dd { display: none;}

  
  /* 検索 */
  header .page_control .search div { max-width: inherit;width: 100%;}
  form input[type="text"] { max-width: inherit;}
  
  /* 新かんたん検索 */
  ul.list_easysearch li { width: 23%; margin: 1%;}
  
}

@media screen and (min-width:0) and (max-width:660px) {
  /* トップページ ################ */
  /* ページコントロール */
  .top header .page_control ul:first-child { height: auto; bottom: 0px;}

  header nav ul li a, 
  .sub_top header ul.tab li a,
  .sub_top header nav ul li a,
  ul#menu dl dt a{text-align:center;}
  
  /* サブトップページ ################ */
  /* スモールバナー */
  .contents .banner_small li { width: 48%;}
  
  
  /* 共通 ################ */
  /* 新かんたん検索 */
  ul.list_easysearch li { width: 31%; margin: 1%;}
  ul.list_easysearch li a { padding-bottom: 0.5em;}
}


header form.search{display:flex;}
header p.help{margin:0 0 0 12px;padding:0;}
header p.help a  { position:relative;border: 1px solid #CCC;display:block;
    padding: 0.5em 0.5em 0.5em 32px;
    background: #fff;
    text-decoration: none;
    color: #000;}
    
    header p.help a:before{content:"";display:block;position:absolute;background:url(../img/icon_search_help.png) no-repeat center;width: 1.2em;
    height: 1.2em;
    background-size: contain;
    left: 8px;}
    
    @media screen and (min-width: 0px) and (max-width: 1120px){
.top header .page_control .search div{margin-top:0;margin-bottom:0;width:calc(100% - 120px);}
    }
    
    
    @media screen and (min-width:0) and (max-width:480px) {
header form.search{display:block;}header p.help{margin:0;}
.top header .page_control .search div{margin-bottom:12px;width:100%;}
}

/* page control追加 */
header .wrap{padding:0;}
header .title, header h1{margin-top:0px;}
header .page_control{width: 100%;position:absolute;top:0;padding: 0;box-sizing: border-box;z-index: 2;float:none;}
header .page_control_wrap{display: flex;justify-content: flex-end;box-sizing: border-box;width: 1100px;margin: 0 auto;padding: 10px 0;}
header .page_control .search * { box-sizing: border-box;}
header .page_control .search div { display: flex; justify-content: flex-start; align-items: stretch; height: 40px; width: 300px; padding-bottom: 0; background-color: #fff; border: 3px solid #3D9945;}
header .page_control .search label.search_txt,
header .page_control .search input#search_txt,
header .page_control .search input.search_bt { height: auto; margin: 0; min-height: 34px;}
header .page_control .search label.search_txt { width: 24px; background-image: url("../img/rev_search_bg.png")}
header .page_control .search input#search_txt { width: calc( 100% - 24px - 4em ); padding: 0 0.3em;}
header .page_control .search input.search_bt { width: 4em; padding: 0; font-size: 0.95em; font-weight: normal; background-color: #28682C;}
header .page_control .search input.search_bt:hover,
header .page_control .search input.search_bt:focus { background-color: #18421C;}
@media screen and (min-width: 0px) and (max-width: 1120px){
 header{padding-top:12px;}
 header .page_control_wrap {width:auto;margin:0;padding:0;}
 header .page_control {position:relative;margin:0.8em 1% 1em 1%;padding:0;width:auto;}
 header .page_control .search div{margin-top:0;margin-bottom:0;}
}
@media screen and (min-width:0) and (max-width:480px) {
  header .page_control_wrap{width:auto;display:block;}
  header .page_control .search,
  header p.help{width:auto;display:block;margin-left: 2%;margin-right: 2%;}
  header .page_control .search div{margin-bottom:12px;width:100%;}
}



/* 2024-10-18 総合トップボタン追加 =============================================*/
.top header nav ul#menu li { width: 20%;}

.top header nav ul#menu dd { width: 500%;}
.top header nav ul#menu li.menu01 dd { left: -200%;}
.top header nav ul#menu li.menu02 dd { left: -300%;}

.top header nav ul#menu li.menu05 {
	a { display: flex; justify-content: center; align-items: center; height: 100%; margin: 0; padding: 0; color: #000; background: none; background-color: #EEEEEE;}
	a:hover,
	a:focus { background-color: #CCCCCC;}
	a:before { top: 0%; bottom: 0%; left: inherit; right: 0%; width: 15px; border: none;}
}


@media screen and (min-width:0) and (max-width:1120px) {
	.top header .wrap .header_box.active .page_control { margin-left: 0; margin-right: 0;}
	
	.top header nav ul#menu li.menu05 a { padding: 1em;}

}












 /*****ボタン押すまで非表示*****/
  header .page_control .page_control_wrap .nav-search .global-easysearch{display: none;}
  header .page_control .search{display: none;}

  /*閉じるボタン*/
  .close{display:none;}
  body.globalmenu-open #menuopen .open{display:none;}
  body.globalmenu-open #menuopen .close{display:inline;}
  body.searchmenu-open #searchopen .open{display:none;}
  body.searchmenu-open #searchopen .close{display:inline;}
  body.gnavmenu-open #gnavopen .open{display:none;}
  body.gnavmenu-open #gnavopen .close{display:inline;}

/*SPnav時ロゴ*/
@media screen and (min-width: 660px) and (max-width: 1120px) {
body.globalmenu-open header .page_control .nav-header img{max-width: 100%;height: auto;margin: 1.75em 0 0 1em;} 
body.globalmenu-open header .page_control .nav-header{padding-bottom: 1em;}}



/**===============================
**SPメニュー オーバーレイ**
**===============================**/
@media (max-width:1120px){
  header .page_control .global-nav .navlist li.have_subnav .subnav{display: none;}
  /*ナビメニュー本体*/
  body.is-open header .page_control .global-nav{background-color:#DDE9D8 ;width: 100%;}
  body.is-open header .page_control .global-nav ul{width: 100%;display: flex ;justify-content: center;flex-direction: column;padding:0;margin:0 0;border-radius: 0;background-color:#DDE9D8 ;border: 0;}
  body.is-open header .page_control .global-nav ul li{width: 100%; background:#1f6f2b;margin:0;text-align:center;padding:0 0;margin-bottom: 1.3em;}
  body.is-open header .page_control .global-nav ul li a{background:#1f6f2b;color: #FFF;font-size:1.5em;font-weight:bold;padding: 0.9em 0;text-decoration: none;margin: 0 0;}
  body.is-open header .page_control .global-nav ul li a:focus,body.is-open header .page_control .global-nav ul li a:hover{transition: 0.3s; background: #67AF20;}
  /*navかんたん検索*/
  body.is-open header .page_control .page_control_wrap .nav-search{width: 1100px;display: flex;background-color: #fff; position: fixed;top: 124px;left: 50%;transform: translatex(-50%);padding: 0 0 3.5em 0;border: 4px solid #1f6f2b ; box-sizing: border-box;border-top: none;}
  body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch{display: block;width: 60%;overflow: visible;}
  body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch img {display: block;margin: 1em auto 1.3em;width: 240px;}
  body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch .list_easysearch{padding: 0 0;margin: 0 0 2em;width: 100%;}
  body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch .list_easysearch li{padding: 0 0;}
  body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch .list_easysearch a{border: none;background-color: #F5F5F5;padding: 4.8em 0.5em 0.8em;}
  body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch .list_easysearch a::before{top:12px;}
  body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch .list_easysearch a:hover,body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch .list_easysearch a:focus{transition: 0.3s;background-color: #DDE9D8}
  body.is-open header header .page_control .page_control_wrap .nav-search .global-easysearch{display: block;}

  /*検索フォーム*/
  body.searchmenu-open header .page_control .page_control_wrap .nav-search{width: 100%;}
  body.searchmenu-open header .page_control .search{width:100% ;min-height: 265px; display: flex;flex-direction: column;justify-content: center;align-items: flex-start;margin:0 0 0 0;padding: .3em 0 0 0;background-color: #DDE9D8;}
  body.searchmenu-open header .page_control .search span{display: block;width: 85%;text-align: left;margin-left: 10%;line-height: 1.8;font-size:0.9em;}
  body.searchmenu-open header .page_control .search div{width:85% ;max-width:none !important;border:0;}
  body.searchmenu-open header .page_control .search .search-bar{margin-left: 10%; position: relative;overflow: visible;}
  body.searchmenu-open header .page_control .search label.search_txt{width: 85%;position: absolute;display: block;bottom:2em ;left: 0;background: none;text-indent: 0;}
  body.searchmenu-open header .page_control .search label.search_txt span{width: 85%;display: block;align-self: flex-start;text-align: left;margin-left: 0;}
  body.searchmenu-open header .page_control .search input.search_bt{position: relative; width: 3em;color: transparent;background: #359848 url("../img/kensaku.png") no-repeat center / 1.8em;}
  body.searchmenu-open header .page_control .search input#search_txt{width: calc(100% - 3em);}
  body.searchmenu-open header .page_control .search input.search_bt:focus,body.is-open header .page_control .search input.search_bt:hover{background-color:#86ca1c;transition: 0.3s;}

  /*よく検索されるキーワード*/
  body.searchmenu-open header .page_control .search .search-keywords ul:first-child{display: flex;padding: .3em ;border: 0;}
  body.searchmenu-open header .page_control .search .search-keywords{display: block;margin:0 0 0 10%;height: auto;border:none;padding-bottom: 2em;background-color: #DDE9D8;  }
  body.searchmenu-open header .page_control .search .search-keywords ul{display: flex !important;justify-content:flex-start;align-items: center;flex-wrap: wrap;   gap: 8px;       padding: 0.5em;margin:  0;border-radius: 0;}  
  body.searchmenu-open header .page_control .search .search-keywords ul li{display: block; margin:0 0;padding:0 0;}
  body.searchmenu-open header .page_control .search .search-keywords ul li a{display:inline-block;padding:.6em .9em .4em .9em;border:1px solid #86ca1c;border-radius:6px;background:#fff;text-decoration:none;white-space: nowrap;color: #526857;}
  body.searchmenu-open header .page_control .search div.search-bar{margin-bottom: 0.8em;}
/*hover/fpcus*/
  body header .page_control .search .search-keywords ul li a:focus,body header .page_control .search .search-keywords ul li a:hover{transition: 0.3s; background-color: #B5E36F;transform: scale(1.05);}
/*不要無効化*/
 header .page_control ul:first-child li {width: auto;padding: 0px 0px;text-align: center;background-color: #DDE9D8;}
 header .page_control ul:first-child{display: block;}
 header .page_control ul:first-child li{background-color: none;}
body.is-open header .page_control p.help{display:none;}
.js-search-inserted{display: none;}
/* 初期状態非表示 */
header .page_control{height: 0;  opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .5s ease, transform .5s ease;}
header .PC-nav{display: none;}
/**PCサイズ時順番並べ替え**/
.page_control_wrap > ul{order: 1;}
.page_control_wrap > .global-nav{order: 2;}
.page_control_wrap > .nav-search{order: 3;}
 /*メニューオーバーレイ本体 */
 body.is-open {overflow: hidden;}
body.is-open header .page_control{height: 100vh; display:block;position:fixed;top:0px;background:#dfe8d8;z-index:9999;overflow-y:auto;padding:20px 16px 90px; opacity:1;visibility:visible;transform:translateY(0);}
body.is-open header .page_control .nav-header{height: 88px;width: 100%;display: block;margin: 0 0;z-index: 10000;background-color: #FFF;overflow: visible;padding: 0 0 5px;}
body.is-open header .page_control .nav-header img{margin: 1.75em 0 0 0.95em;width: 160px;max-width: 222px;}
/* spメニュー時 既存のグレー固定ナビ解除 */
body.is-open header .page_control ul:first-child{position: static ;width: auto ;background: none ;z-index: auto ;display: block ;}
/***共通全体背景****/
body.is-open header .page_control{background-color: #b6e271;padding:0 0 90px;display: flex;flex-direction: column; align-items: flex-start;width: 100%;margin: 0;}
body.is-open .page_control_wrap{display:flex ;flex-direction: column;justify-content: center;align-items: center;overflow: visible; width:100% !important;margin:1.5em auto 0 ;padding:0 1em !important;max-width: 840px;background-color: #b6e271;}
body.is-open header .page_control .global-nav ul{width: 100%;display: flex ;flex-direction: column;}
/******下固定フッター*************/
.nav-footer{position:fixed;bottom:0;left:0;display: flex;width:100%;padding: 0;z-index:10000;  height: auto;opacity: 1;visibility: visible;transform: none;transition: none;}
.nav-footer button{display: block; flex: 1;padding: 0;border-top: 1px solid #fff;border-right: 0;}
.nav-footer button + button{border-left:1px solid #fff;}
.nav-footer button a{display: flex;width: 100%;height: 3.9em;background-color: #1f6f2b;color: #FFF;text-decoration: none;padding:3.2em 0 0 0;font-size: 0.9em;align-items: center;justify-content: center;}
.nav-footer .nav_button:first-child{position: relative;}
.nav-footer .nav_button:first-child a{text-indent: -100em;}
.nav-footer .nav_button:first-child::before{content: "";position: absolute;width: 55px;height: 55px;background: url("../img/menu_bt.png") no-repeat center / contain;z-index: 9999;left: 50%;top: 52%;transform: translate(-50%, -50%);text-indent: -100em;}
.nav-footer .nav_button:nth-child(2){position: relative;}
.nav-footer .nav_button:nth-child(2)::before{  content: "";position: absolute;width: 50px;height: 50px;background: url("../img/anzen1.png") no-repeat center / contain;z-index: 9999;left: 50%;top: 42%;transform: translate(-50%, -50%);}
.nav-footer .nav_button:nth-child(3){position: relative;}
.nav-footer .nav_button:nth-child(3)::before{  content: "";position: absolute;width: 35px;height: 35px;background: url("../img/kensaku2.png") no-repeat center / contain;z-index: 9999;left: 50%;top: 42%;transform: translate(-50%, -50%);}
.nav-footer .nav_button a:focus,.nav-footer .nav_button a:hover{transition: 0.3s;background-color: #67AF20}
.nav-footer .nav_button::before:focus,.nav-footer .nav_button::before:hover{transition: 0.3s;background-color: #67AF20 ;cursor: pointer;}
body.globalmenu-open .nav-footer .nav_button:first-child::before{background:url(../img/menu-close.png) no-repeat center center ;transition: 0.1s;}

/******globalmenu-open時******/
body.globalmenu-open header .page_control .search{display: none;}
body.is-open header .page_control .page_control_wrap .nav-search{position: static;padding: 0;border: none;transform:none ;}
body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch{flex-direction: column;align-items: center;display: flex;width: 100%;background-color: #b6e271;}
body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch .list_easysearch{overflow: visible; background-color: #b6e271;}
body.is-open header .page_control .global-nav {background-color: #b6e271;border: 0;margin-bottom: 20px;}
/*かんたん検索*/
body.is-open header .page_control .page_control_wrap .nav-search{width: 100%;}
body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch .list_easysearch{display: grid;grid-template-columns: repeat(3, 1fr); gap: 10px;}
body.is-open header .page_control .page_control_wrap .nav-search .global-easysearch .list_easysearch li{margin-right: 0;width: 99%;}

/*音声読み上げ・Multilingual*/
body.is-open  header .page_control ul{display: flex;justify-content: center;margin:20px 0;padding:0 0 0 1.8em;width: 80%;background-color: #FFF;border-radius: 15px;}
body.is-open header .page_control ul li{float:none;display:inline-block;margin-right:10px;}
body.is-open header .page_control ul li a{display: flex;align-items: center;justify-content: center;padding:2px 6px 0px 6px;text-decoration: none;}


/******searchmenu-open時******/
body.searchmenu-open header .page_control .page_control_wrap .nav-search .global-easysearch{display: none;}
body.searchmenu-open header .page_control .global-nav{display: none;}
body.searchmenu-open  header .page_control ul{display: none;}
body.searchmenu-open header .page_control .page_control_wrap .nav-search .global-easysearch{display: none;}
}






/**===============================
**PCメニュー オーバーレイ
**===============================****/
@media (min-width: 1120px) {
/**PCサイズ時順番並べ替え**/
.page_control_wrap > ul{order: 1;}
.page_control_wrap > #UD{order: 2;margin-left: 2em;}
header .page_control dl {margin: 0 1.7em 0 0;}
.page_control_wrap > form{order: 3;}
.page_control_wrap > .global-nav{order: 4;}
/**PC時通常時　非表示**/
.search_txt span {display: none;}
.top .page_control .page_control_wrap form span{display: none;}
.nav-footer{display: none;}
body.global-nav{display: none;}
.nav-header{display: none;}
body.globalmenu-open header .page_control .page_control_wrap .nav-search,body.searchmenu-open header .page_control .page_control_wrap .nav-search{display: none;}



/******************PC時ナビメニューjsで挿入******************/
.page_control_wrap2 {width: 1100px;height: auto;position: fixed;top: 78px;left: calc(10px + (100vw - 1120px) / 2);opacity: 0;transform: translateY(-20px);visibility: hidden;pointer-events: none;transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease;display: block;z-index: 100000;border:4px solid #1f6f2b;background-color: #fff;}
.page_control_wrap2.is-active {  opacity: 1;transform: translateY(0);visibility: visible;pointer-events: auto;}

/* ===============================
   グローバルナビ
=============================== */
body header .page_control_wrap2 .global-nav{background-color:#DDE9D8;width:100%;height:66px;margin:0;display: flex;border:0;}
body header .page_control_wrap2 .global-nav ul{width:1100px;display:flex;justify-content:center;flex-direction:row;padding:0;margin:0;background-color:#DDE9D8;}
body header .page_control_wrap2 .global-nav ul li{width:100%; margin:0;text-align:center;padding:0;border-right: 3px solid #fff;box-sizing: border-box;}
body header .page_control_wrap2 .global-nav ul li:last-child{border-right: none;}
body header .page_control_wrap2 .global-nav ul li a{margin: 0;height: auto; background:#1f6f2b;color:#FFF;font-size:1.5em;font-weight:bold;padding:0.9em 0;text-decoration:none;display:block;position:relative;z-index:999999;}
body header .page_control_wrap2 .global-nav ul li a:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#f5b21a;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;}
body header .page_control_wrap2 .global-nav ul li a:hover::after{transform:scaleX(1);}
body header .page_control_wrap2 .global-nav ul li a:focus,
body header .page_control_wrap2 .global-nav ul li a:hover{transition:0.3s;background:#67AF20;}
body header .page_control_wrap2 .global-nav .navlist{overflow:visible;height: auto;}
/* ===============================
   サブナビ
=============================== */
body header .page_control_wrap2 .global-nav .navlist li.have_subnav{position:relative;border: none;border-right: 3px solid #fff;box-sizing: border-box;}


/* ===============================
  kore
=============================== */
body header .page_control_wrap2 .global-nav .navlist li.have_subnav .subnav{display: none;}
body header .page_control_wrap2 .global-nav .navlist li.have_subnav:nth-child(1):hover > .subnav{left:4px;}
body header .page_control_wrap2 .global-nav .navlist li.have_subnav:hover .subnav{display:flex;flex-wrap:wrap;flex-direction:row;gap:10px;justify-content:flex-start;width:1064px;padding:1em;margin:0;position:absolute;top:100%;left:-271px;background:#b5e36f;z-index: 10000;}
body header .page_control_wrap2 .global-nav .navlist li.have_subnav:hover .subnav li{width:calc(25% - 10px);border: none;}
body header .page_control_wrap2 .global-nav .navlist li.have_subnav:hover .subnav li a{position:relative;display:block;padding:1.3em 0 1.3em 2.5em;white-space:nowrap;background-color:#FFF;color:#333;font-weight:normal;font-size:1em;text-align:left;}
body header .page_control_wrap2 .global-nav .navlist li.have_subnav .subnav li a::before{ position:absolute;content:"";width:1em;height:1em;top:50%;left:0.4em;margin-top:-0.5em;background:url(../img/button_more_arrow.png) center center #249941 no-repeat;background-size:contain;border-radius:50%;}
body header .page_control_wrap2 .global-nav .navlist li.have_subnav .subnav li a:hover{background:#f6eec4;opacity:1;}

/* ===============================
   ナビ検索（統合ポイント）
=============================== */
body header .page_control_wrap2 .page_control_wrap .nav-search{width:1100px;display:flex;background-color:#fff;position:fixed;top:124px;left:50%;transform:translateX(-50%);padding:0 0 3.5em 0;}
/* ===============================
   かんたん検索
=============================== */
body header .page_control_wrap2 .nav-search .global-easysearch{display:block;width:60%;position:relative;}
body header .page_control_wrap2 .nav-search .global-easysearch img{display:block;margin:1em auto 0.5em;width:35%;}
body header .page_control_wrap2 .nav-search .global-easysearch .list_easysearch{padding:0;margin:0 0.5em;width:auto;}
body header .page_control_wrap2 .nav-search .global-easysearch .list_easysearch li{padding:0;width:24%;}
body header .page_control_wrap2 .nav-search .global-easysearch .list_easysearch a{border:none;font-size:0.9em;background-color:#F5F5F5;padding:4.8em 0.5em 0.8em;}
body header .page_control_wrap2 .nav-search .global-easysearch .list_easysearch a::before{top:12px;}
body header .page_control_wrap2 .nav-search .global-easysearch .list_easysearch a:hover,
body.globalmenu-open header .page_control .page_control_wrap .nav-search .global-easysearch .list_easysearch a:focus{transition:0.3s;background-color:#DDE9D8;}
/* ===============================
   検索フォーム
=============================== */
body header .page_control_wrap2 .search{width:38%;position:absolute;top:6.27em;right:1em;padding:0.5em 0 6.8em 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#DDE9D8;}
body header .page_control_wrap2 .search .help{align-self:flex-end;margin:0 1em 1.8em 0;font-size:0.9em;}
body header .page_control_wrap2 .search span{display:block;width:85%;text-align:left;margin-left:1.1em;line-height:1.8;font-size:0.9em;}
body header .page_control_wrap2 .search div{width:85%;max-width:none !important;border:0;}
body header .page_control_wrap2 .search .search-bar{position:relative;overflow:visible;margin:0 0 0.8em 0.8em;width:93%;display: flex;min-height: 40px;}
body header .page_control_wrap2 .search label.search_txt{width:85%;position:absolute;bottom:3em;left:0;background:none;text-indent:0;}
body header .page_control_wrap2 .search label.search_txt span{width:85%;margin-left:0;}
body header .page_control_wrap2 .search input.search_bt{position:relative;width:3em;color:transparent;background:#359848 url("../img/kensaku.png") no-repeat center / 2.2em;border: 0;}
body header .page_control_wrap2 .search input#search_txt{width:calc(100% - 3em); border: 0;}
body header .page_control_wrap2 .search input.search_bt:focus,
body header .page_control_wrap2 .search input.search_bt:hover{background-color:#86ca1c;transition:0.3s;}
body header .page_control_wrap2 .help a:hover,body.top.gnavmenu-open header .page_control_wrap2 .search .help a:focus{transition: 0.3s; background-color: #B5E36F;}

/* ===============================
   キーワード
=============================== */
body header .page_control_wrap2 .search .search-keywords{display:block;margin:0 0 0 0.8em;height:auto;border:none;padding-bottom:2em;background-color:#DDE9D8;}
body header .page_control_wrap2 .search .search-keywords ul{display:flex !important;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;padding:0.5em;margin:0;}
body header .page_control_wrap2 .search .search-keywords ul li{display:block;margin:0;padding:0;}
body header .page_control_wrap2 .search .search-keywords ul li a{display:inline-block;padding:.6em .9em .4em;border:1px solid #86ca1c;border-radius:6px;background:#fff;text-decoration:none;white-space:nowrap;color:#526857;}
body header .page_control_wrap2 .search .search-keywords ul li a:hover,
body header .page_control_wrap2 .search .search-keywords ul li a:focus{transition:0.3s;background-color:#B5E36F;transform:scale(1.05);}


/**************閉じるボタン**************************/
body.is-open header .page_control .nav-footer {display: block;}
body.is-open .nav-footer button{display: none;}
body.is-open .nav-footer button:first-child{display: block;position: fixed;top: 546px;right:  calc(50% - 517px);}
body.is-open .nav-footer button:first-child a {display: block; border: 1px solid #1f6f2b;background-color: #fff;padding: 0.3em 0.5em 0.3em 1.5em;color: #333;text-decoration: none;background: url(../img/nav-close1.png) no-repeat left 3px top 5px;background-size: 20px;}
/*hover*/
body.is-open .nav-footer button:first-child a:hover,body.is-open .nav-footer button:first-child a:focus{transition: 0.3s; background-color: #B5E36F;}
body.is-open header .page_control .search .help a:hover{transition: 0.3s; background-color: #B5E36F;}

/*************右上navボタン***********************/
.top header nav.PC-nav{display: block;z-index: 110;position: fixed;background-color: transparent;bottom: 0;left: 0;height: auto;margin: 0;}
.top header nav.PC-nav button{background-color: #000;border: none;position: fixed;top: 8px; right: calc((100vw - 1230px) / 2 + 60px);padding: 0;}
.menu_button {position: relative;width: 40px;height: 40px;cursor: pointer;}
.menu_button a {display: block;width: 100%;height: 100%;position: relative;}
.menu_button span {position: absolute;width: 50px;height: 50px;overflow: hidden;top: 25px;left: -4px;color: #FFF;}
.menu_button::before,
.menu_button::after,
.menu_button a::before {content: "";position: absolute;left: 10px;width: 20px;height: 2px;background: #FFF;transition: all 0.3s ease;}
.menu_button::before {top: 6px;}
.menu_button a::before {top: 13px;}
.menu_button::after {top: 20px;}
body.gnavmenu-open .menu_button::before {transform: translateY(7px) rotate(45deg);}
body.gnavmenu-open .menu_button::after {transform: translateY(-7px) rotate(-45deg);}
body.gnavmenu-open .menu_button a::before { opacity: 0;}



/*通常のnavバー*/
/* グローバルナビ */
.top header .page_control{width: 80%;}

.top header .page_control_wrap .global-nav{background-color:#DDE9D8;width:80%;height:auto;margin:0 0 0 6em;display: flex;padding: 3px 2em;background-color: #359848;position: relative;border-radius:30px;}
.top header .page_control_wrap .global-nav ul{width:1100px;display:flex;justify-content:center;flex-direction:row;padding:0;margin:0;background-color:#DDE9D8;}
.top header .page_control_wrap .global-nav ul li{margin:0;text-align:center;padding:0;border: 2px solid #359848;}
.top header .page_control_wrap .global-nav ul li a{margin: 0;height: auto; background:#1f6f2b;color:#FFF;font-size:1.2em;font-weight:normal;padding:0.8em 0;text-decoration:none;display:block;position:relative;z-index:999999;}
.top header .page_control_wrap .global-nav ul li a:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#f5b21a;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;}
.top header .page_control_wrap .global-nav ul li a:hover::after{transform:scaleX(1);}
.top header .page_control_wrap .global-nav ul li a:focus,
.top header .page_control_wrap .global-nav ul li a:hover{transition:0.3s;background:#67AF20;}
.top header .page_control_wrap .global-nav .navlist{overflow:visible;height: auto;}
/*サブナビ= */
.top header .page_control_wrap .global-nav .navlist li.have_subnav{position:relative;}
.top header .page_control_wrap .global-nav .navlist li.have_subnav .subnav li{width:calc(25% - 10px);border: none;}
.top header .page_control_wrap .global-nav .navlist li.have_subnav .subnav li a{position:relative;display:block;padding:1.3em 0 1.3em 2.5em;white-space:nowrap;background-color:#FFF;color:#333;font-weight:normal;font-size:1em;text-align:left;}
.top header .page_control_wrap .global-nav .navlist li.have_subnav .subnav li a::before{position:absolute;content:"";width:1em;height:1em;top:50%;left:0.4em;margin-top:-0.5em;background:url(../img/button_more_arrow.png) center center #249941 no-repeat;background-size:contain;border-radius:50%;}
.top header .page_control_wrap .global-nav .navlist li.have_subnav .subnav li a:hover{background:#f6eec4;opacity:1;}


.top header .page_control_wrap .global-nav .navlist li.have_subnav .subnav {display: flex; flex-wrap: wrap;flex-direction: row;gap: 10px;justify-content: flex-start;width: 1064px;padding: 1em;margin: 0;position: fixed;top: 113px;left: calc((100vw - 1120px) / 2);background: #b5e36f;z-index: 999;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: opacity .3s ease,transform .3s ease,visibility 0s linear .3s;}
.top header .page_control_wrap .global-nav .navlist li.have_subnav.is-hover .subnav {opacity: 1;visibility: visible;transform: translateY(0);transition: opacity .3s ease,transform .3s ease,visibility 0s;}


/***********配置変換***************/
/*TOPのみかんたん検索*/
.top .wrap.top_easysearch {background-color: #F5F5F5;}
/*トップwrap*/
header .page_control ul li{margin-right: 1em;}
.head_top{display: flex;width: 100%;}
.top header .head_top h1{position: static;padding: 1em 0 0 0;width: 200px;height: auto; margin: auto;}
.top header {display: flex;align-items: flex-end;max-width: 1100px;overflow: visible;flex-wrap: wrap; padding-bottom: 0.5em;}
.top header .page_control{position: static;}
header .page_control ul{margin: 0 0 0 3em;float: left;}
.top header .wrap .header_box.active {overflow: visible;}
.top header .wrap{width: 49%;margin-right: 0;margin-left: .5%;overflow: visible;}
.top header .wrap:nth-of-type(2){width: 50%;margin-left: 0;margin-right: .5%;overflow: visible;}
/*緊急情報*/
.top header .emergency{padding: 3px;max-width: 100%;}
.top header .emergency dl {display: block;}
.top header .emergency dl dt{float: none; clear: both;width: 100%;padding: 0.8em 0 0.7em;}
.top header .emergency dl dd {padding:1em 1em ;text-align: center;}
/*page_control*/
.top header .wrap .header_box.active{position: relative;}
.top header .wrap .header_box.active .page_control {width: 1400px;position: absolute;height: 90px;top: -89px;left: calc((100% - 1400px) / 2);}
.top header .page_control_wrap {margin: 0 .5em 0 0 ;padding: 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.top header .page_control_wrap .nav-search ul li:first-child{margin-right: 2em;}





/******TOPのみフォーム**************/
/*検索フォーム*/
body .js-search-inserted .nav-search{width: 100%;}
body .js-search-inserted .search{width:100% ;min-height: 265px; display: flex;flex-direction: column;justify-content: center;align-items: flex-start;margin:0 0 0 0;padding: 0 0 0 0;background-color: #DDE9D8;}
body .js-search-inserted .search span{display: block;width: 85%;text-align: left;margin-left: 1.3em;line-height: 1.8;font-size:0.9em;}
body .js-search-inserted .search div{width:85% ;max-width:none !important;border:0;}
body .js-search-inserted .search .search-bar{margin-left: 1em; position: relative;overflow: visible;display: flex;        width: 90%;
        min-height: 40px;}
body .js-search-inserted .search label.search_txt{width: 85%;position: absolute;display: block;bottom:3em ;left: 0.2em;background: none;text-indent: 0;font-size: 0.9em;}
body .js-search-inserted .search label.search_txt span{width: 85%;display: block;align-self: flex-start;text-align: left;margin-left: 0;border: 0;}
body .js-search-inserted .search input.search_bt{position: relative; width: 3em;color: transparent;background: #359848 url("../img/kensaku.png") no-repeat center / 2.2em;border: 0;}
body .js-search-inserted .search input#search_txt{width: calc(100% - 3em);border: 0;}
body .js-search-inserted .search input.search_bt:focus,body .js-search-inserted .search input.search_bt:hover{background-color:#86ca1c;transition: 0.3s;}
body .js-search-inserted .search .help{align-self: flex-end;margin: 0 1em 1.8em 0;}
/*よく検索されるキーワード*/
body .js-search-inserted .search .search-keywords ul:first-child{display: flex;padding: .3em ;}
body .js-search-inserted .search .search-keywords{width: calc(100% - 1em);display: block;margin:0 0 0 1em;height: auto;border:none;padding-bottom: 2em;background-color: #DDE9D8;  }
body .js-search-inserted .search .search-keywords ul{display: flex !important;justify-content:flex-start;align-items: center;flex-wrap: wrap;   gap: 8px;       padding: 0.5em;margin:  0;border-radius: 0;}  
body .js-search-inserted .search .search-keywords ul li{display: block; margin:0 0;padding:0 0;}
body .js-search-inserted .search .search-keywords ul li a{display:inline-block;padding:.6em .9em .4em .9em;border:1px solid #86ca1c;border-radius:6px;background:#fff;text-decoration:none;white-space: nowrap;color: #526857;}
body .js-search-inserted .search div.search-bar{margin-bottom: 0.8em;}
/*hover/fpcus*/
body .js-search-inserted .search .search-keywords ul li a:focus,body .js-search-inserted .search .search-keywords ul li a:hover{transition: 0.3s; background-color: #B5E36F;transform: scale(1.05);}
body .js-search-inserted .search .help a:hover,body .js-search-inserted .search .help a:focus{transition: 0.3s; background-color: #B5E36F;}























}