.font_kyoutyo{font-weight:bold;}
.font_coment{font-size:80%;}
.font_red{color:#ff0000;}

.top .contents section { border: none;}
.top .contents h2 { margin: 1em auto 0.5em; color: #000000; background-color: transparent; border-bottom: 3px solid #344F79;}
.top .contents section.dummy { padding: 10px; height: 1200px; background-color: rgba(128,128,128,0.15);}

.top header {}
.top header .wrap { position: relative; width: 100%; max-width: 1400px; padding: 0px;}
.top header .wrap .header_box { position: relative; z-index: 1;}

.top header h1 { position: absolute; width: 7%; height: 45%; top: 50%; left: 50%; margin-top: -13%; margin-left: -3.5%; z-index: 2;}
.top header .page_control { position: absolute; width: 70%; top: 0px; right: 0px; padding: 10px 0 2px 0; background-color: rgba(255,255,255,0.8); box-sizing: border-box; z-index: 2;}
.top header .page_control > ul:first-of-type { padding-left: 0px;}
.top header .page_control .search { float: left;}


.top header .emergency { position: absolute; width: 30%; max-height: 58px; padding: 10px; top: 0px; left: 0px; background-color: rgba(247,221,226,1); box-sizing: border-box; overflow: hidden; z-index: 100;}
.top header .emergency dl { background-color: #ffffff; height: 38px; padding-bottom: 0px; overflow: hidden;}
.top header .emergency dl dt,
.top header .emergency dl dd { padding-top: 0.5em; padding-bottom: 0.5em;}
.top header .emergency dl dt { float: left; width: 5em; margin: 0px;  color: #ffffff; text-align: center; background-color: #b20000;}
.top header .emergency dl dd { margin-left: 0px; padding-left: 6em;}
.top header .emergency dl dd ul { height: 38px; padding: 0.5em; box-sizing: border-box;}
.top header .emergency dl dd p { margin-bottom: 0px; margin-top: 0.5em;}
.top header .emergency dl dd p:first-of-type { margin-top: 0em;}
.top header .emergency .nodata { border: none !important; padding: 0em !important;}

/*- 緊急情報がある時、header_boxにactiveを付ける -*/
.top header .wrap .header_box.active { margin-bottom: 1.5em;}
.top header .wrap .header_box.active .page_control { width: 100%;}
.top header .wrap .header_box.active + .emergency { position: inherit; width: 1100px; max-height: none; margin: 0px auto;} 
.top header .wrap .header_box.active + .emergency * { height: auto;}
.top header .wrap .header_box.active + .emergency dl,
.top header .wrap .header_box.active + .emergency ul { margin-bottom: 0px;}
.top header .wrap .header_box.active + .emergency li { position: relative; margin-bottom: 1em; padding-left: 1.5em;}
.top header .wrap .header_box.active + .emergency li:last-of-type { margin-bottom: 0px;}
.top header .wrap .header_box.active + .emergency li:before { position: absolute; content: ""; display: block; top: 0.2em; left: 0em; width: 0.8em; height: 0.8em; background-color: #b20000; border-radius: 50%;}
/*---*/

.top header nav { position: absolute; width: 22%; bottom: 15%; left: 1.5%; background-color: transparent; border: none; overflow: visible; z-index: 2;}
.top header nav ul { width: 100%;}
.top header nav ul li { float: none; width: 100%; margin: 0px 0px 1em; background: url(../img/sub_menu_bg.png) center center no-repeat; background-size: 100% 100%;  }
.top header nav ul li:last-of-type { margin-bottom: 0px;}
.top header nav ul li a { position: relative; padding: 1.5em 0px;}

.top header ul.banner_top { position: absolute; width: 35%; margin: 0px; padding: 0px; bottom: 15%; right: 1.5%; z-index: 1;}
.top header ul.banner_top li { float: left; margin-left: 4%; width: 48%; }
.top header ul.banner_top li:first-child { margin-left: 0em;}
.top header ul.banner_top li a img { width: 100%; height: auto;}

.top header .wrap .slide_box { clear: both; position: relative; z-index: 1;}

.top header dl.easy_search_top { position: absolute; top: 10px; right: 10px; z-index: 2; overflow: visible;}
.top header dl.easy_search_top dt { position: relative; float: right; width: 130px; padding: 0.6em 0.3em 0.5em 0.6em; background: #1f8237; color: #ffffff; border-right: 20px solid #145625;}
.top header dl.easy_search_top dt:before {
  position: absolute; content: ""; display: block; right: -16px; top: 17px;
  border-top: 8px solid #ffffff; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent;
}
.top header dl.easy_search_top dd { position: absolute; top: 38px; right: 0px; height: auto; max-height: 0px; width: 508px; margin: 0px; overflow: hidden; transition-duration: 0.6s; z-index: 3;}
.top header dl.easy_search_top:hover dd,
.top header dl.easy_search_top.focus dd { max-height: 508px; margin: 0px; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);}

.top header dl.easy_search_top dd ul { width: 508px; margin: 0px auto; padding: 2px; text-align: center; background-color: rgba(255,255,255,1); box-sizing: border-box;}
.top header dl.easy_search_top dd ul li { position: relative; float: left; width: 164px; height: 157px; margin: 2px; padding: 0px; background-size: contain;}
.top header dl.easy_search_top dd ul li:before { position: absolute; content: ""; display: block; top: 0px; bottom:0px; left: 0px; right: 0px; width: auto; height: auto; background: url(../img/sub_menu_hover_bg.png); border-radius: 0px; transition-duration: 0.3s;}
.top header dl.easy_search_top dd ul li:hover:before { opacity: 0;}
.top header dl.easy_search_top dd ul li a { position: relative; display: block; width: 100%; height: 100%;}
.top header dl.easy_search_top dd ul li a img { position: relative; top: 50%; margin-top: -30px;}
.top header dl.easy_search_top dd ul li a:hover img { opacity: 1;} 
.top header dl.easy_search_top dd ul li a:focus { box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1);}


.easy_search_01 { background: url(../img/sub_menu_bg_1.png);}
.easy_search_02 { background: url(../img/sub_menu_bg_2.png);}
.easy_search_03 { background: url(../img/sub_menu_bg_3.png);}
.easy_search_04 { background: url(../img/sub_menu_bg_4.png);}
.easy_search_05 { background: url(../img/sub_menu_bg_5.png);}
.easy_search_06 { background: url(../img/sub_menu_bg_6.png);}

.top .contents { padding-top: 2em;}
.top .contents section.news h2 { float: left; width: 100px; margin: 0px; padding: 0px; border: none; }
.top .contents section.news h2:before { display: none;}
.top .contents section.news dl { float: left; width: calc(87% - 100px);}
.top .contents section.news dd { border-bottom: 1px solid #dadacf;}

.top .contents section.news ul.more { float: right; width: 13%;}
.top .contents section.news ul.more li { margin: 0em 0em 1.5em; padding: 0em 0em 0em 1em;}
.top .contents section.news ul.more li:before { display: none;}
.top .contents section.news ul.more li a { position: relative; display: block; padding: 1em 1em 0.9em; color: #ffffff; background-color: #333333; text-decoration: none;}
.top .contents section.news ul.more li.rss a { padding-left: 2.2em; color: #333333; background-color: #f39801;}
.top .contents section.news ul.more li a:before,
.top .contents section.news ul.more li a:after { position: absolute; display: block; content: "";}
.top .contents section.news ul.more li a:before { top:0px; bottom: 0px; right: 0.5em; width: 1em; background: url(../img/button_more_arrow.png) center center no-repeat; transition-duration: 0.2s;}
.top .contents section.news ul.more li.rss a:after { top:0px; bottom: 0px; left: 0.5em; width: 1.2em; background: url(../img/button_rss.png) center center no-repeat;}
.top .contents section.news ul.more li a:hover:before { right: 0.2em;}

.top section.ad_banner { width: 100%; padding: 2em 0em; background-color: #eeeeee;}
.top section.ad_banner ul { max-width: 700px; margin: 0px auto 1em; text-align: center;}
.top section.ad_banner li { display: block; margin: 10px; padding: 0px; float: left;}
.top section.ad_banner li:before {display: none;}
.top section.ad_banner .ad_info { position: relative; display: block; width: 11em; margin: 0px auto; padding:0.75em; background-color: #ffffff; text-decoration: none;}
.top section.ad_banner .ad_info:before { position: absolute; display: block; content: ""; top:0px; bottom: 0px; right: 0.5em; width: 1em; background: url(../img/arrow_footer_menu.png) center center no-repeat; transition-duration: 0.2s;}
.top section.ad_banner .ad_info:hover:before { right: 0.3em;}

@media screen and (min-width: 0px) and (max-width: 1420px) {.not{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
  .top header .wrap .header_box { margin-bottom: 1.5em;}
  .top header .wrap .header_box .page_control { width: 100%;}
  .top header .wrap .header_box + .emergency { position: inherit; width: 1100px; max-height: none; margin: 0px auto;} 
  .top header .wrap .header_box + .emergency * { height: auto;}
  .top header .wrap .header_box + .emergency dl,
  .top header .wrap .header_box + .emergency ul { margin-bottom: 0px;}
  .top header .wrap .header_box + .emergency li { position: relative; margin-bottom: 1em; padding-left: 1.5em;}
  .top header .wrap .header_box + .emergency li:last-of-type { margin-bottom: 0px;}
  .top header .wrap .header_box + .emergency li:before { position: absolute; content: ""; display: block; top: 0.2em; left: 0em; width: 0.8em; height: 0.8em; background-color: #b20000; border-radius: 50%;}
}

@media screen and (min-width: 0px) and (max-width: 1120px) {.not{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.top header .wrap .header_box.active{height:auto;}
.top header .header_box.active  ul.banner_top {
    position: inherit;
    width: auto;
    top: inherit;
    right: inherit;
    margin: 1.5em auto 5px;
    text-align: center;
}
.top header .header_box.active  ul.banner_top li {
    float: left;
    margin-left:18%;
    width: 25%;
}
  .top header .wrap { margin-left: 0%; margin-right: 0%;}
  .top ul#menu li { width: 100%;}
  .top header .page_control { margin-top: 0px; margin-bottom: 0px;}
  .top header .page_control .search { margin: 0.5em 0px; clear: both; float: right;}
  .top header .wrap .header_box { margin-bottom: 0.5em;}
  .top header .wrap .header_box + .emergency { width: 96%; margin-left: 2%; margin-right: 2%;}
  .top header nav ul li { background-size: cover;}
  .top section.ad_banner { margin-left: 0%; margin-right: 0%;}

  .top header .wrap .header_box.active + .emergency { width: 100%;} 
  
  .top header h1,
  /*.top header ul.banner_top,*/
  .top header dl.easy_search_top,
  .top header dl.easy_search_top dt,
  .top header dl.easy_search_top dd{ position: inherit;}
  .top header h1 { top: inherit; left: inherit; width: auto; height: auto; margin: 0.5em auto 0.5em 0.5em; padding: 0px;}
  /*.top header ul.banner_top,*/
  .top header dl.easy_search_top { width: auto; top: inherit; right: inherit; margin: 1.5em auto 5px; text-align: center}
  .top header dl.easy_search_top dt { width: auto; height: 54px; float: none; border: none; background: url(../img/title_easy_search.png) center center no-repeat; background-color: transparent; text-indent: -1000em;}
  .top header dl.easy_search_top dt:before { display: none; }
  .top header dl.easy_search_top dd { max-height: none; height: auto; width: auto; top: inherit; right: inherit; margin: 0em auto; padding: 0px 0px 5px;}
  .top header dl.easy_search_top:hover dd,
  .top header dl.easy_search_top.focus dd { box-shadow: none;}
  
  .top header ul.banner_top { width: 40%; top: 34%; bottom: inherit;}
  /*.top header ul.banner_top li { display: inline-block; float: none; width: auto; margin-left: 50px;}*/
  .top header dl.easy_search_top dd ul { margin: 0.5em auto; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);}
  .top header dl.easy_search_top dd ul li a:focus { box-shadow: none; }

  .top header h1,
  .top header nav,
  .top header .wrap .header_box,
  .top header dl.easy_search_top,
  .top header dl.easy_search_top dd,
  .top header .wrap .slide_box,
  .top header .page_control,
  .top header .emergency { z-index: auto;}
  
  .top .contents section.news dl { float: left; width: calc(100% - 100px);}
  .top .contents section.news ul.more { float: none; width: 100%;}
  .top .contents section.news ul.more li { float: left; width: 48%; margin: 1%; padding: 0px;}
  
/* COPY */
  .top header .tab{position:static;width:auto;min-width:0;max-width:100%;float:none;}

  .top header nav ul,
  .top header .page_control ul:first-child,
  .top header ul.tab { position: fixed; right: 0%; 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); box-sizing: border-box;}
 
  
  .top header .page_control ul:first-child { top: 0px; height: 110px; padding: 60px 0px 0px 10px; box-sizing: border-box;}
  .top header .page_control ul:first-child li { width: auto; padding: 10px 0px; text-align: center; background-color: #DDE9D8;}
  .top header .page_control ul:first-child li { background-position: 5% center;}
  .top header ul.tab { top: 110px; height: 120px; }
  .top header ul.tab li { float: none; width: 100%;}
  .top header ul.tab li a { height: 56px; margin-left: 10px;  padding: 10px 0px; background-size: cover; border-bottom: 5px solid #E7EEBF; box-sizing: border-box;}
  .top header nav ul li:before { top: 0%; bottom: inherit; left: 0%; right: 0%; height: 1px; width: auto;}
  .top header nav ul li:after { top: inherit; bottom: 0%; left: 0%; right: 0%; height: 1px; width: auto;}

  .top header nav ul { top:110px; bottom:0px; height: auto;}
  .top header nav ul#menu li,
  .top header nav ul#menu.menu2 li,
  .top header nav ul#menu.menu3 li,
  .top header nav ul#menu.menu4 li,
  .top header nav ul#menu.menu5 li,
  .top header nav ul#menu.menu6 li,
  .top header nav ul#menu.menu7 li{ float: none; width: 100%; height: auto;}
  .top header nav ul li a{padding:19px 0px;}
  .top header .title, header h1,
  .top header .page_control,
  .top header .UD,
  .top header .page_control .search{position:static;width:auto;min-width:0;max-width:100%;float:none;}
  .top header .page_control .search,
  .top header .UD{margin-left:2%;margin-right:2%;}  
 
/* UD */
  .top header .UD{ position: fixed; left: 10px; bottom: 100px; z-index: 99; }
  .top header .page_control dl,
  .top header .page_control dl dt,
  .top header .page_control dl dd{width:44px;min-height:44px;margin:0;padding:0;float:left;}
  .top header .page_control dl{margin:0 18px 0 0;}
  .top header .page_control dl.active{width:176px;}
  .top header .page_control dl.active a{display:block;}
  .top header .page_control dl dt{background:no-repeat center center rgba(51,51,51,0.8);text-indent:-1000em; border-radius: 50%;}
  .top header .page_control dl.color_change dt {background-image:url(../img/control_color_title.png);}
  .top header .page_control dl.textsize_change dt {background-image:url(../img/control_font_title.png);}
  .top header .page_control dl dd a{position:relative;display:none;width:44px;height:44px;}
  .top header .page_control dl dd a:before { height: 44px;}
  .top header .page_control dl dd a img { margin: 4px; max-width: none;}
  .top header .page_control dl dt:focus,
  .top header .page_control dl dd a:focus{outline:none;}
  .top header .page_control dl dt:focus,
  .top header .page_control dl dt:hover { opacity: 0.8;}
  .top header .page_control dl dd a.textresizer-active:before{display:block;content:" ";position:absolute;left:2px;right:2px;bottom:2px;border-bottom:2px solid #0D47A1;}
  .top header .page_control dl dd.default a{width:45px;background-image:url(../img/control_def.png);}
  .top header .page_control dl dd.smaller a{background-image:url(../img/control_font_small.png);}
  .top header .page_control dl dd.larger a{background-image:url(../img/control_font_big.png);}
  .top header .page_control dl dd.high a{background-image:url(../img/control_color_high.png);}
  .top header .page_control dl dd.low a{background-image:url(../img/control_color_low.png);}
  .top header .page_control .search div { margin-top: 1em; margin-bottom: 1em; clear: both;}
  .top header .page_control dl dd,
  .top header .page_control dl dd a,
  .top header .page_control dl dd.default a { width: 0px; transition-duration: 0.3s; display: block; overflow: hidden;}
  .top header .page_control dl.active dd,
  .top header .page_control dl.active dd a,
  .top header .page_control dl.active dd.default a { width: 44px;}

  .top header nav ul li:before,
  .top header nav ul li:after { display: none;}
  
  .top section.ad_banner ul { max-width: 560px;}
  
}

@media screen and (min-width: 0px) and (max-width:660px) {
  .not{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
  .top header h1 img { width: 160px; max-width: 222px;}
  
  .top header ul.banner_top { position: inherit; width: auto; top: inherit; right: inherit; margin: 1.5em auto 5px; text-align: center;}
  .top header .header_box.active  ul.banner_top li,
  .top header ul.banner_top li { display: block; float: left; width: 46%; margin: 2%; text-align: center;}
  .top header ul.banner_top li:first-child { margin-left: 3%; margin-right: 0%;}
  .top header ul.banner_top li img { width: 100%; max-width: 220px; height: auto;}
  
  .top .contents section.news { padding-bottom: 1em;}
  .top .contents section.news h2,
  .top .contents section.news dl { width: 100%; float: none;}
  .top .contents section.news dd { padding-top: 0em;}
    
  .top header .emergency dl dt{ float: none; width: auto; text-align: center;} 
  .top header .emergency dl dd { padding-left: 1em; padding-right: 1em;}
  .top header dl.easy_search_top dd ul { width: 340px;}
  
  .top section.ad_banner ul { max-width: 280px;}
  
  footer { padding-bottom: 52px;}
  
}

@media screen and (min-width: 0px) and (max-width:380px) {
  .top header dl.easy_search_top dd ul { width: 274px;}
  .top header dl.easy_search_top dd ul li { width: 131px; height: 126px;}
}

@media screen and (min-width:1121px) {
  .top html body #menu,
  .top header nav ul,
  .top header .page_control ul:first-child,
  .top header ul.tab {display:block ;}
}
@media (max-width:1120px){
   .top header nav ul#menu li.menu05 a.onlyone,.top header nav ul#menu li.menu03 a.onlyone{position:relative;}
 .top header nav ul#menu li.menu05 a.onlyone:before,.top header nav ul#menu li.menu03 a.onlyone:before{
    position: absolute;
    content: "";
    display: block;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 15px;
    background: url(http://krhr.webpage-creation-support.info/wcms/rest/contents/actions/preview?SITEID=SITE000000000000000001&OPENSERVERID=OPEN000000000000000001&FILEID=CONT000000000000012999&DATE=2026/02/27/15:34:59&FILENAME=button_more_arrow.png) center center no-repeat #249941;
  }
}