/* Rev.2020-04-01 */
/* トップページ ################ */
/* 緊急情報 */
.top header .emergency { position: static; width: 1100px; margin: 0 auto;}
.top header .emergency,
.top header .emergency dl,
.top header .emergency dl dd ul { height: auto; max-height: none;}
.top header .emergency dl { margin-bottom: 0;}


/* 検索 */
.top header .page_control .search {}
.top header .page_control .search * { box-sizing: border-box;}
.top 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;}
.top header .page_control .search label.search_txt,
.top header .page_control .search input#search_txt,
.top header .page_control .search input.search_bt { height: auto; margin: 0; min-height: 34px;}
.top header .page_control .search label.search_txt { width: 24px; background-image: url("../img/rev_search_bg.png")}
.top header .page_control .search input#search_txt { width: calc( 100% - 24px - 4em ); padding: 0 0.3em;}
.top header .page_control .search input.search_bt { width: 4em; padding: 0; font-size: 0.95em; font-weight: normal; background-color: #28682C;}
.top header .page_control .search input.search_bt:hover,
.top header .page_control .search input.search_bt:focus { background-color: #18421C;}


/* 余白消し */
.top header .wrap .slide_box,
.top header .wrap .header_box,
.top header .wrap .header_box.active { margin-bottom: 0; padding-bottom: 0;}


/* グローバルメニュー */
.top header nav { position: static; width: auto; height: 100px;  background-color: #FAFAFA; overflow: visible;}
.top header nav ul#menu { width: 1100px; height: 100%; margin: 0 auto; overflow: visible;}

.top header nav ul#menu dl { height: 100%;}
.top header nav ul#menu dt { height: 100%;}
.top header nav ul#menu li.menu03 a.onlyone,
.top header nav ul#menu dt a { display: flex; justify-content: center; align-items: center; height: 100%; margin: 0; padding: 0; background: none;}
.top header nav ul#menu li.menu03 a.onlyone:before,
.top header nav ul#menu dt a:before { top: 0%; bottom: 0%; left: inherit; right: 0%; width: 15px; border: none;}
.top header nav ul#menu dd { width: 100%; top: 100px; left: 0%; right: 0%;}
.top header nav ul#menu li.menu10 dd ul {}
.top header nav ul#menu li.menu10 ddli { float: none; width: auto; margin: 5px; border: none;}
.top header nav ul#menu li.menu10 dd li a { margin: 0; padding: 1em 1.5em; background-color: #fff; background-image: none; text-align: left;}
.top header nav ul#menu li.menu10 dd li a:before { display: none;}
.top header nav ul#menu li.menu10 dd li a:hover,
.top header nav ul#menu li.menu10 dd li a:focus { background-color: #9FD25B;}

.top header nav ul#menu li { float: left; height: 100%; width: 25%; margin: 0; padding: 0; border: none;}
.top header nav ul#menu li.menu01 dt a,
.top header nav ul#menu li.menu01 dd ul { background-color: #B5E36F;}
.top header nav ul#menu li.menu02 dt a,
.top header nav ul#menu li.menu02 dd ul { background-color: #EEEEEE;}
.top header nav ul#menu li.menu03 dt a,
.top header nav ul#menu li.menu03 a.onlyone,
.top header nav ul#menu li.menu03 dd ul { background-color: #FFF2CA;}
.top header nav ul#menu li.menu03 a.onlyone:hover,
.top header nav ul#menu li.menu03 a.onlyone:focus { background-color: #FFD042;}
.top header nav ul#menu li.menu01 dt a:hover,
.top header nav ul#menu li.menu01 dt a:focus { background-color: #88C927;}
.top header nav ul#menu li.menu02 dt a:hover,
.top header nav ul#menu li.menu02 dt a:focus { background-color: #CCCCCC;}


ul#menu li.menu04 dl:hover a{background:#FFF;}
.top header nav ul#menu li.menu04 dl dd {background:#F5F5F5;}
.top header nav ul#menu li.menu04 ul.list_easysearch { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
.top header nav ul#menu li.menu04 ul.list_easysearch li { width: 15.666%; margin: 0.5%; padding: 0; background: #fff; border-bottom: 5px solid #CCCCCC;}
.top header nav ul#menu li.menu04 ul.list_easysearch li:before { display: none;}
.top header nav ul#menu li.menu04 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;}
.top header nav ul#menu li.menu04 ul.list_easysearch a:before { width:100%;position: absolute; display: block; content: ""; top: 18px; left: 0%; right: 0%; height: 44px; background: center center no-repeat;}
.top header nav ul#menu li.menu04 ul.list_easysearch span { margin-bottom: 0.5em;}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_01 a:before { background-image: url("../img/rev_ico_easy_01.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_02 a:before { background-image: url("../img/rev_ico_easy_02.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_03 a:before { background-image: url("../img/rev_ico_easy_03.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_04 a:before { background-image: url("../img/rev_ico_easy_04.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_05 a:before { background-image: url("../img/rev_ico_easy_05.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_06 a:before { background-image: url("../img/rev_ico_easy_06.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_07 a:before { background-image: url("../img/rev_ico_easy_07.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_08 a:before { background-image: url("../img/rev_ico_easy_08.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_09 a:before { background-image: url("../img/rev_ico_easy_09.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_10 a:before { background-image: url("../img/rev_ico_easy_10.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_11 a:before { background-image: url("../img/rev_ico_easy_11.png");}
.top header nav ul#menu li.menu04 ul.list_easysearch li.easy_12 a:before { background-image: url("../img/rev_ico_easy_12.png");}



/* コンテンツ様相 */
.top .contents { padding-top: 0;}
.top .contents .wrap { width: auto;}
.top .wrap.top_easysearch{background-color: #FFF;}
.top .wrap.top_link { background-color: #F5F5F5;}
.top .contents section { max-width: 1100px; margin: 0 auto; padding: 0 0 30px;}
.top .contents section h2 { position: static; float: none; width: auto; height: auto; text-align: center; border: none;}
.top .contents section h2:before { display: none;}

.top .news_wrap { display: flex; justify-content: space-between; align-items: stretch;}
.top .tabmenu { width: calc( 100% - 300px);}
.top .tabmenu .menu { display: flex; justify-content: space-between; align-items: stretch; margin: 0; padding: 0; background-color: #343434;}
.top .tabmenu .menu li { width: 33.333%; margin: 0; padding: 0; border: none;}
.top .tabmenu .menu li:before { display: none;}
.top .tabmenu .menu a { display: flex; justify-content: center; align-items: center; height: 100%; margin: 0; padding: 1em 0.5em; font-size: 1.2em; text-decoration: none; background-color: #fff; border: 1px solid #343434; box-sizing: border-box; transition-duration: 0.15s;}
.top .tabmenu .menu li.tab2 a { border-left: none; border-right: none;}
.top .tabmenu .menu li.active a { color: #fff; background-color: #28682C;}
.top .tabmenu .menu a:hover,
.top .tabmenu .menu a:focus {  background-color: #B5E36F;}
.top .tabmenu .section { padding-bottom: 0;}
.top .tabmenu .section h2 { display: none;}
.top .division { padding: 0;}
.top .division dt,
.top .division dd { padding-top: 1.4em; padding-bottom: 1.4em;}
.top .division dd { border-bottom: 2px solid #D9D9D9;}
.top .more { float: right;}
.top .more li { float: left; margin: 0 0 0 10px; padding: 0;}
.top .more li:before { display: none;}
.top .more li a { display: block; min-width: 7em; margin: 0; padding: 1em 1em 0.9em; color: #fff; text-decoration: none; text-align: left; box-sizing: border-box;}
.top .more .list_more a { background: #333;}
.top .more .list_rss a { padding-left: 40px; background: url("../img/rev_rss.png") 10px center no-repeat #F39801; color:#000;}
span.hide { display: inline-block; width: 0; height: 0; overflow: hidden;}

.top .news_sidebanner {}
.top .news_sidebanner ul { margin: 0; padding: 0;}
.top .news_sidebanner li { margin: 0 0 20px; padding: 0;}
.top .news_sidebanner li:last-of-type { margin-bottom: 0;}
.top .news_sidebanner li:before { display: none;}

.top .top_ranking {}
.top .top_ranking li { display: flex; justify-content: flex-start; align-items: flex-start; padding: 0.7em 0.5em 0.7em; border-bottom: 2px solid #E9E9E9;}
.top .top_ranking li:before { display: none;}
.top .top_ranking a,
.top .top_ranking .ranking_num { padding: 0.2em;}
.top .top_ranking a { border: 2px solid transparent;}
.top .ranking_num { margin-right: 1em; min-width: 5em; text-align: center; border: 2px solid #ccc; border-radius: 0.15em; box-sizing: border-box;}
.top .gold .ranking_num { border-color: #B39829;}
.top .silver .ranking_num { border-color: #BDBDBD;}
.top .bronze .ranking_num { border-color: #673401;}

.top .top_event {}
.top .top_event dt,
.top .top_event dd { padding-top: 1.4em; padding-bottom: 1.4em;}
.top .top_event dd { border-bottom: 2px solid #D9D9D9;}

.top .top_link {}
.top .top_link ul { margin: 0; padding: 0;}
.top .top_link li { float: left; width: 24%; margin: 0.5%; padding: 0; text-align: center;}
.top .top_link li:before { display: none;}
.top .top_link a { display: block;}
.top .top_link a img { max-width: 100%; height: auto;}

.top section.ad_banner { padding-top: 30px; background-color: transparent;}
.top section.ad_banner .ad_info { background-color: #F5F5F5; font-size: 0.85em;}

/* サブトップページ ################ */


@media screen and (min-width:0) and (max-width:1120px) {
/* トップページ ################ */
  /* 緊急情報 */
  .top header .emergency { width: auto; margin: 2em 2% 0;}
  
  
  /* 検索 */
  .top header .page_control .search div { width: auto;}
  .top form input[type="text"] { max-width: inherit;}
  
  
  /* グローバルメニュー */
  .top header nav { height: auto;}
  .top header nav ul#menu { position: static; display: block!important; width: auto!important; margin: 2%; border: none;}
  .top header nav ul#menu li a,
  .top header nav ul#menu li.menu03 a.onlyone { padding: 1em;}
  
  
  /* 旧かんたん検索 */
  .top header dl.easy_search_top {
    display: none; position: fixed; right: 0%; top: 110px; bottom: 0px; width: 95%; margin: 0px;
    background-color: rgba(231,231,231,0.95); z-index: 1000; transition-duration: 0s; border-left: 2px solid rgba(0,0,0,0.1);
  }
  .top header dl.easy_search_top dt,
  .top header dl.easy_search_top dd  { position: static;}
  
  
  /* コンテンツ */
  .top .news_wrap { display: block;}
  .top .tabmenu { width: auto;}
  .top .news_sidebanner ul { max-width: 660px; margin-left: auto; margin-right: auto;}
  .top .news_sidebanner li { float: left; width: 48%; margin: 10px 1%; text-align: center;}
  
  .top .top_link li { width: 32.333%;}
  
/* サブトップページ ################ */
  
}

@media screen and (min-width:0) and (max-width:660px) {

  .top .contents section { padding-bottom: 1em;}
  
  
  /* news */
  .top dl.news dt { padding-top: 0.6em; padding-bottom: 0.2em; padding-left: 0.5em;}
  .top dl.news dd { padding-top: 0; padding-bottom: 0.6em;}

  
  /* コンテンツ */
  .top .news_sidebanner li { max-width: 48%; margin: 1%;}
  .top .news_sidebanner li a img { max-width: 100%; height: auto;}
  
  .top .top_link li { width: 48%;}
  
  .top .top_ranking li { display: block;}
  .top .ranking_num { display: block; width: 7em; margin: 0 auto 0.6em;}
  
}


/* メニューボタンを戻す */
@media screen and (min-width:/* 661px */ 1121px) {
  .top header dl.easy_search_top {display:block !important;}
}