﻿@charset "utf-8";
/*************************************************
 style.css
**************************************************/
body{margin:0;color:#333333;background-color:#FFFFFF;font-size:100%;line-height:1.3;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-text-size-adjust:100%;}
header ,article ,footer ,section ,h1,h2,h3,hr{display:block;clear:both;}/*-clear-*/
article ,section ,nav ,dl,ul,div{display:block;padding:0 0 5px;overflow:auto;}/*-hasLayout-*/
input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
input[type="button"],input[type="submit"]{cursor:pointer;}/*-formAppearanceClear-*/

h1,h2,h3,h4,h5,p,dl,ul,ol {margin-top:0;}
ul{list-style:none;}
ul,ol{padding-left:30px;}
textarea{max-width:95%;}
fieldset{margin:0 0 1em;padding:0 0 5px;border:none;}
a{color:#0044cc;text-decoration:underline;}
a:visited{color:#61848B;}
a:hover{color:#14205F;}
a:active{color:#5D0000;}
a:hover img{opacity:.8;}
img{border:none;vertical-align:middle;}

#Map,#Map *,#jump{padding:0;overflow:visible;}
#jump a{position:absolute;width:0;height:0;overflow:auto;text-indent:-1000em;}
#jump a:focus{width:12em;height:1.5em;text-indent:0;background:#FFFFFF;text-align:center;}

body{min-width:320px;}
#TOP{min-width:1024px; padding-bottom: 0;}
header .wrap,
header nav ul,
footer .wrap{width:1024px;margin:0 auto;}
.contents{width:1024px;margin:0 auto;}
.contents article{width:70%;margin-left:3%;float:right;}
.no_nav .contents article{width:auto;float:none; margin-left: 0;}
.contents nav{width:27%;float:left;}

header {margin:0 auto;}
header .title,
header h1 {width:350px;height:80px;margin:24px 0 0 0;padding:0;float:left;background:url(../img/logo.png) no-repeat; border: none;}
header .title a,
header h1 {display:block;height:80px;}

/**/
header .page_control{float:right;margin:14px 0 0 0;padding:0;}
header .UD{float:left;margin:0;padding:0;}
header .page_control .voice { float: left; display: block; width: 130px; height: 26px; margin: 4px 18px 4px 0px; text-align: center; background-color: #333333; border-radius: 13px;}

header #page_control_wrap #header_guide_nav {
  padding: 1em 0 0;
  margin: 0;
}
header #page_control_wrap #header_guide_nav li {
  margin-left: 1em;
}
header #page_control_wrap #header_guide_nav li:before {
  content: "■ ";
  color: #1A6600;
}
header .page_control dl,
header .page_control dl dt,
header .page_control dl dd{ min-height:auto; margin:0; padding:0; float:left;}
header .page_control dl{ height:34px ;margin:0 18px 0 0; padding:0; float:left; overflow: hidden;}
header .page_control dl.color_change { margin-right: 0;}
header .page_control dl dt{ width:34px;}
header .page_control dl.color_change dt img ,
header .page_control dl.textsize_change dt img {width:100%;height: auto;}
header .page_control dl.color_change dt { width: 51px;}
header .page_control dl.textsize_change dt { width: 84px;}
header .page_control dl dd a{ display: block; width:26px; min-height:auto; margin: 4px; box-sizing: border-box; border-radius: 50%; background-color: #004c22;}
header .page_control dl.color_change dd.high a { background-color: #ffffff; box-shadow: inset 0px 0px 0px 1px #666666;}
header .page_control dl.color_change dd.low a { background-color: #EFF0E0;}

header .page_control .search {width:496px;margin:10px 0;padding:0;float:right;text-align:center; clear: both;}
header .page_control .search div{-ms-align-items: center; align-items: center;flex-wrap: nowrap; margin:0;padding:0;}
header .page_control .search label.search_label{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;width: 98px;height:40px;margin-right: .6em;}
header .page_control .search .search_inner { width: calc(100% - 98px); border: 2px solid #cccccc; background-color: #333333; box-sizing: border-box;}
header .page_control .search input#search_txt {display: block; height: 36px; width:calc(100% - 80px); margin: 0%; padding: 0px 0.5em; line-height: 36px; border:none;float:left; box-sizing: border-box;}
header .page_control .search input#search_txt:focus {background-color:#FFFFFF;outline:1px solid #CCCCCC;}
header .page_control .search .search_bt {
  width:36px;height:36px;color:#FFFFFF;margin:0;padding:3px 0;font-weight:bold;background-color:#333333;border:none;float:left; box-sizing: border-box;
  font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-appearance:none;
}
header nav{ /*padding-bottom: 0px; background-color:#004c22;*/box-shadow:0 3px 3px #ccc;}
header nav .menu_button{display:none;position:fixed;top:15px;right:10px;width:60px;z-index:110;}
header nav .menu_button a{display:block;height:60px;background:#2D7431 url(./?action=common_download_main&upload_id=2262) no-repeat;background-size: cover;background-position: 1px center;text-indent: -1000em; transition-duration: 0.3s;border-radius: 5px;}
header nav .menu_button.active a{background:#2D7431 url(./?action=common_download_main&upload_id=2263) no-repeat;background-size: cover;background-position: center;}

header nav ul {height:64px;margin:0 auto;padding:0;list-style:none;}
header nav ul li{width:20%;margin:0;float:left;text-align:center;}
header nav ul.menu2 li{width:50%;}
header nav ul.menu3 li{width:33.333333%;}
header nav ul.menu4 li{width:25%;}
header nav ul.menu5 li{width:20%;}
header nav ul.menu6 li{width:16.6666%;}
header nav ul.menu7 li{width:14.2857%;}
header nav ul li a{ position: relative; display:block;height:64px;}
header nav ul li a:before ,
header nav ul li:first-of-type a:after { position: absolute; display: block; content: ""; top: 14%; bottom: 14%; width: 2px; background-color: #329D2D;}
header nav ul li a:before { right: 0px;}
header nav ul li:first-of-type a:after { left: 0px;}

h1 { padding: 0.5em 0.5em; border-top: 3px solid #004C22; background-color: #d7e7af; margin-left: -10px; margin-right: -10px;}

.contents nav { overflow: visible;}
.contents nav ul,
.contents nav dl { padding:0;list-style:none;}
.contents nav dl { border: 1px solid #CCCCCC; box-sizing: border-box; box-shadow: 1px 1px 1px 0px rgba(128,128,128,0.8);}
.contents nav dl dt{ padding: 1em 0.5em; text-align: center; font-size: 1.15em; color:#FFFFFF; font-weight:bold; background:#004C22;}
.contents nav dl dd{ margin:0;}
.contents nav dl dd:first-of-type a { margin-top: 0.5em;}
.contents nav dl dd:last-of-type a { margin-bottom: 0.5em;}
.contents nav dl dd a { position: relative; display: block; padding: 0.7em 0.7em 0.7em 2.4em;}
.contents nav dl dd a:before {
  position: absolute; display: block; content: ""; left: 1em; top: 0.95em; transition-duration: 0.2s;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-left: 0.6em solid #004C22;
}
.contents nav dl dd a:hover:before { left: 1.3em;}

/* section */
article > div,
article > section{margin-bottom:1em;}
section {}
section h2{ background:#888888;color:#FFFFFF; padding: 0.3em 0.5em;}
article { padding-left: 10px; padding-right: 10px; box-sizing: border-box;}

/* footer */
footer { position: absolute; bottom: 0;z-index: 1;width: 100%;padding: 1em 0 0; background:#d7e7af; border-top: 5px solid #004c22;}
footer .nav { padding-left: 0px; font-size: 0.9em;}
footer .nav li { float: left;}
footer .nav li a { position: relative; display: block; margin-right: 2em; padding: 0.3em 0em 0.5em 1.3em;}
footer .nav li a:before { position: absolute; content: ""; display: block; top: 0.45em; left: 0em; width: 0.9em; height: 0.9em; background-color: #004c22; border-radius: 50%;}

footer dl{ float: left; margin:1em 0 0 0;padding:0 0 1em 0;}
footer dt{margin:0;padding:0; font-size: 1.3em; margin-bottom: 0.5em;}
footer dd{margin:0;padding:0;}

footer .qr { float: right; padding: 0;}
footer .qr li { float: right; margin: 0.3em; padding: 0.5em 1em; text-align: center; background-color: #ffffff; border: 3px solid #004c22; }
footer .qr li img { display: block; margin: 0.4em auto;}

footer #footer_link_area li {
  margin-left: 1em;
}

footer .copyright { clear: both; margin: 0; padding: 0.6em; text-align: right; font-size: 0.8em; color: #ffffff; background-color: #004c22;}
footer .copyright span { display: block; width: 1024px; margin: 0 auto;}
footer .reread_link{width:100px;position:fixed;bottom:100px;right:0; z-index: 100;}
footer .reread_link a{display:block;height:100px;overflow:hidden;text-indent:-1000em;background:url(./?action=common_download_main&upload_id=2264) rgba(176,214,99,0.8); border-radius: 50%;}
footer .reread_link a:hover{opacity:0.8;}

/*************************************************
 CMS用テンプレート  .txtbox内部
**************************************************/

/* 見出し */
.txtbox h2{ background:#eeeeee; margin:0 0 1em 0; padding:.3em .5em; font-size: 1.5em;}
.txtbox h3{ margin:0 0 1em 0; padding: 0.3em 0 0.3em 0.6em; font-size: 1.25em;}
.txtbox h4{ border-bottom:1px dotted #CCCCCC; margin:0 0 1em 0; padding:.3em .5em; font-size: 1.125em;}
.txtbox h5{ margin:0 0 1em 0; padding:.3em .5em; font-size: 1.1em;}
.txtbox h6{ margin:0 0 1em 0; padding:.3em .5em; font-size: 1em;}
.txtbox h3 { position: relative;}
.txtbox h3:before { position: absolute; display: block; content: "";}
.txtbox h3:before { top: 0px; left: 0px; bottom: 0px; width: 0.3em; background:linear-gradient(to top, #D8E7B0 50%, #009944 50%);}

/* list */
.txtbox ul > li:before{background:#004C22;border-radius:50%;} /* リストの色・形 */

/* table */
.txtbox table th,
.txtbox table td{border:1px solid #004C22;} /* テーブル線の色 */
.txtbox table th{background: #d7e7af;} /* THの色 */

/*************************************************
 レスポンシブ　1024 + 20 
**************************************************/
@media screen and (min-width:0px) and (max-width:1044px) {
#TOP,
textarea ,
header .wrap,
footer .wrap,
header .nav,
.locus,
.contents,
.contents article,
.no_nav .contents article,
.contents nav,
footer .copyright span {position:static;width:auto;min-width:0;max-width:100%;float:none;}

header .wrap,
article > section,
p.locus,
.acrobat,
.contents nav,
.contents article,
.no_nav .contents article,
footer .wrap {margin-left:2%;margin-right:2%;} 
footer .copyright { padding: 20px 0;}
  
header { position: relative;}
/*header nav .menu_button {display:block; top: 5px; right: 5px; padding-bottom: 0; transition-duration: 0.3s;}
header nav .menu_button.active { box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9);}
header nav{
  position:fixed; top:0px; left:0px; right:0; max-height:100%; padding:0; z-index:100; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.4); overflow:visible;
  transform:translate3d(0, 0, 0); background-color: rgba(45,116,49,.95);
}
header nav ul{ height:auto; width: auto; padding-top: 64px; overflow:visible ;display:none;}
header nav ul li,
header nav ul.menu2 li,
header nav ul.menu3 li,
header nav ul.menu4 li,
header nav ul.menu5 li,
header nav ul.menu6 li,
header nav ul.menu7 li{float:none;width:100%;}
header nav ul li a:before { top: 0px; bottom: auto; left: 2.5%; right: 2.5%; width: auto; height: 1px;}
header nav ul li:first-of-type a:after { display: none;}
*/  
header .title, header h1,
/*header .page_control,
header .UD,
header .page_control .search{position:static;width:auto;min-width:0;max-width:100%;float:none;}
header .page_control .search,
header .UD{margin-left:2%;margin-right:2%;}
  
header .UD { position: fixed; left: 0px; bottom: 20px; z-index: 100; overflow: visible;}
header .page_control dl { overflow: visible;}
header .page_control dl,
header .page_control dl.textsize_change dt,
header .page_control dl.color_change dt { height: 44px; }
header .page_control dl dd { max-width: 0px; overflow: hidden; transition-duration: 0.4s;}
header .page_control dl.active dd { width: auto; max-width: 66px;}
header .page_control dl.textsize_change dt,
header .page_control dl.color_change dt { width: 44px; background-color: #004c22; border-radius: 50%; box-shadow: 0px 0px 1px 2px rgba(255,255,255,0.8);}
header .page_control dl.textsize_change dt { background-image: url("../img/control_font_title_mb.png");}
header .page_control dl.color_change dt { background-image: url("../img/control_color_title_mb.png");}
header .page_control dl dd a { width: 36px; height: 36px; margin: 4px; padding: 5px; box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.8);}
header .page_control .voice { position: absolute; float: none; top: 10px; right: 20px; height: 34px; width: 138px; margin: 0 60px 24px 0; border-radius: 17px;}
header .page_control .voice img { margin: 4px;}
*/
}

@media screen and (min-width:0px) and (max-width:1200px) {
  footer .qr { margin-right: 70px;}
}


/*************************************************
 レスポンシブ　640 + 20 
**************************************************/
@media screen and (min-width:0px) and (max-width:660px) {
  header .UD { bottom: 70px;}
  header .title,
  header h1 { width: auto; height:54px; margin: 68px 0 0 0; background-position: center center; background-size: contain;}
  header .title a,
  header h1 { height:54px;}

  footer { padding-top: 0;}
  footer .nav {}
  footer .nav li { float: none; padding: 0.5em 0; border-bottom: 2px dotted #004c22;}
  footer .nav li a { text-align: center;}
  footer .nav li a:before { display: none;}
  footer .qr { clear: both; float: none; width: 296px; margin-left: auto; margin-right: auto;}
  
  footer .reread_link{ width:60px; bottom:60px;}
  footer .reread_link a { height:60px; background-size: contain;}
  footer .copyright { padding: 40px 0;}
  footer .copyright span { text-align: center;}
  
  body .mobile_off {
    display: none!important;
  }
}
@media screen and (min-width:0px) and (max-width:480px) {
}


@media screen and (-ms-high-contrast:active){
* {text-indent:0em !important;}
}

@media print{
/* 幅はコンテンツサイズに合わせて修正 */
html,body{width:1024px;margin:0;padding:0;overflow-x:hidden;} 
#TOP{min-width:1024px;width:1024px;margin:0;padding:0;overflow-x:hidden;}
body,body > .wrap{background:none;}
#fb-root{display:none;}
}

#_container {
  position: relative;
  width: 100%;
}
#_container #_footercolumn {
  padding-top: 240px;
}
#_container #_headercolumn {
  margin-bottom: 2em;
}
#_container tr:nth-child(2) table.widthmax {
  max-width: 1024px;
  margin: auto;
}
#_container tr:nth-child(2) table.widthmax {
  background: inherit;
}
#_container tr:nth-child(2) table.widthmax #_centercolumn {
  width: 70%;
  background-color:transparent;
  padding-bottom: 5em;
}
#_container tr:nth-child(2) table.widthmax #_centercolumn .cell {
  display:block;
  width: 98%;
  margin-bottom: 10px;
  margin-right: auto;
}
#_container tr:nth-child(2) table.widthmax #_centercolumn .cell #_1653 .fsimplebluepg_default_wrapper ,
#_container tr:nth-child(2) table.widthmax #_centercolumn .cell #_1654 .fsimplebluepg_default_wrapper {
  border: 2px solid #1A6600;
  border-top-width: 0;
  margin-top: -10px;
}
#_container tr:nth-child(2) table.widthmax #_rightcolumn {
  width: 30%;
  background-color:transparent;
}
#_container tr:nth-child(2) table.widthmax #_rightcolumn .cell {
  display:block;
  width: 97%;
  margin-bottom: 10px;
  margin-left: auto;
}
#_container tr:nth-child(2) table.widthmax #_leftcolumn .cell {
  display:block;
  width: 97%;
  margin-bottom: 10px;
  margin-right: auto;
}

#_container tr:nth-child(2) table.widthmax #_rightcolumn .cell .side_image_banner img {
  width: 100%;
}
#_container tr:nth-child(2) table.widthmax #_rightcolumn .cell #_892 {
  width: 100%;
  border: 5px solid #BEE0A9;
  text-align: center;
  /* padding: 10px; */
  margin-bottom: 30px;
}
#_container tr:nth-child(2) table.widthmax #_rightcolumn .cell #_892 table.calendar_smonthly{
  margin: 10% auto;
}
#_1653 .fsimplebluepg_default_wrapper .hr,
#_1654 .fsimplebluepg_default_wrapper .hr {
  display: none;
}
#_1653 .fsimplebluepg_default_wrapper .nowrap,
#_1654 .fsimplebluepg_default_wrapper .nowrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -js-display: flex;
  justify-content: flex-end;
  -js-justify-content: flex-end;
  -ms-align-items: center;
  -js-align-items: center;
  align-items: center;
}
.whatsnew_contents_main_block {
  margin-bottom: 1em;
}
.whatsnew_rss_link {
  padding: .6em 1em;
  background: #FF7F00 !important;
}
.whatsnew_rss_link img {
  display: none;
}
.whatsnew_rss_link:after {
  content: "RSS";
}
select[id*="whatsnew_display_days_"] ,
select[id*="whatsnew_the_number_of_display_"] {
  border: 1px solid #ccc;
  border-radius: 0;
  margin-right: 1em;
  font-size: 100%;
  height: 2.4em;
}
select[id*="whatsnew_display_days_"] option ,
select[id*="whatsnew_the_number_of_display_"] option {
    padding: .6em;
}
select[id*="whatsnew_display_days_"] ,
select[id*="whatsnew_the_number_of_display_"] {
  border: 1px solid #ccc;
  border-radius: 0;
  margin-right: .4em;
  font-size: 100%;
}

/* line 427, ../sass/top.scss */
.nowrap a {
  text-decoration: none;
  color: #333;
}
/* line 431, ../sass/top.scss */
.nowrap .year_schedule_nav {
  padding: .6em 1em;
  background: #D7ECCA !important;
  border: 2px solid #BCD2AE;
}
/* line 436, ../sass/top.scss */
.nowrap label {
  /*padding: .6em;*/
  margin-left: auto;
}
/* line 440, ../sass/top.scss */
.nowrap .max_view {
  border: 1px solid #ccc;
  border-radius: 0;
  margin-right: .4em;
  font-size: 100%;
}
/* line 445, ../sass/top.scss */
.nowrap .max_view option {
  padding: .6em;
}
/* line 449, ../sass/top.scss */
.nowrap .rss {
  padding: .6em 1em;
  background: #FF7F00 !important;
}

.whatsnew_title {
  width: auto;
}

.whatsnew_time {
  width: 7em;
}

.whatsnew_title,
.whatsnew_time {
  text-align: left; 
  padding: 1em .4em;
  border-bottom: 2px solid #666;
}


.cell {
  padding: 0 !important;
}
.cell table {font-size: medium;}
#_container tr:nth-child(2) table.widthmax #_centercolumn .cell .classic_default * {background: transparent;}


.disp_off {
  display: none;
}

#header_menu {
  /*position: absolute;
  bottom: 0;
  z-index: 99;*/
}

table td.journal_list_title {
  background: none;
}

_:-ms-lang(x)::-ms-backdrop, #main_header .wrap h1,
_:-ms-lang(x)::-ms-backdrop, #main_header .wrap #sitetitle {

float: left;
}
