@charset "utf-8";
/*************************************************
 大野城市 公式 style.css
**************************************************/
*,
*::before,
*::after { box-sizing: border-box;}

body { margin:0; background: #ffffff; color: #333333; font-size:100%; line-height:1.5; font-family:"Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; -webkit-text-size-adjust:100%;}
header ,article ,footer ,section ,h1,h2,h3,hr{clear:both;} /*-clear-*/
article ,section ,nav ,dl,ul,div{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:0px;}/* 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:#445A60;}
a:hover,
a:focus {color:#14205F;}
a:active{color:#5D0000;}
a.accent {color:#fff;}
a.accent:visited{color:#E0FAFF;}
a.accent:hover,
a.accent:focus {color:#FFFF00;}
a.accent:active{color:#FFFFC0;}
a:hover img{opacity:.8;}
img{border:none;vertical-align:middle;}
span.hide { display: inline-block; overflow: hidden; height: 0px; width: 0px;}

#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;color:#000;background-color:#FFF;text-align:center;}

body{ min-width:320px;}
#TOP{ min-width:1024px; padding-bottom: 0;}
header .wrap,
header nav ul,
.contents .wrap,
.contents div.locus .wrap,
footer .wrap,
footer nav { width: 1024px; margin:0 auto;}

.contents article { float: left; width: calc(100% - 230px - 34px);}
.no_nav .contents article { width: auto; float: none; margin-left: 0;}
.contents nav{ float: right; width: 230px;}


/* タイトル */
header {margin:0 auto;}
header h1,
header .title { width: 222px; height: 56px; margin: 12px 0 0 0; padding: 0; float: left; border: none;}
header h1 a,
header .title a { display: block; height: 100%;}
header h1 img,
header .title img { max-width: 100%; height: auto;}


/* ページコントロール - 切り替えボタン */
header .UD{float:left;margin:0;padding:0;}
header .page_control {float: right; margin: 20px 0 0 0;padding:0;}
header .page_control dl,
header .page_control dl dt,
header .page_control dl dd { min-height:30px; margin:0; padding:0;font-size: 0.9em;}
header .page_control dl{ float:left; display: flex; height:30px ; margin:0 0.5em 0 0; padding:0; overflow: hidden; border-left: 1px solid #BBB;}
header .page_control dl dt{ width: auto; padding-left: 1.5em; padding-right: 0.3em;}
header .page_control dl.color_change dt,
header .page_control dl.textsize_change dt { display: flex; justify-content: center; align-items: center;}
header .page_control dl.textsize_change { margin-right: 1.5em;}
header .page_control dl dd a { display: block; width:30px; height:30px; margin: 0px 1px; border: 2px solid #fff; border-radius: 0.5em;}
header .page_control dl.color_change dd a { background-color: #fff;}
header .page_control dl.color_change dd.default a { border-color: #CFCFC0;}
header .page_control dl.color_change dd.high a { background-color: #000;}
header .page_control dl.color_change dd.low a { background-color: #ccc;}
header .page_control dl.textsize_change dd.default a { background-color: #296ACC;}
/**/
header .page_control dl dd a { background-color: #333;} /* ボタン色 */
header .page_control dl dd a:hover,
header .page_control dl.color_change dd.default a:hover,
header .page_control dl dd a:focus,
header .page_control dl.color_change dd.default a:focus{ border-color: #18407A;} /* ホバー色 */
header .page_control a:hover img{opacity: 1;}

/* ページコントロール - 翻訳ボタン */
header .page_control .language,
header .page_control .voice { float: left; display: block; height: 28px; margin:0; padding: 0 1.5em 0; text-align: center;}
header .page_control .language { padding-left: 0;}
header .page_control .voice { border-left: 1px solid #BBB;}
header .page_control .language a,
header .page_control .voice a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 0 1em; font-size: 0.8em; text-decoration: none; border-radius: 0.5em;}
header .page_control .language a,
header .page_control .voice a { color: #fff; background-color: #296ACC;} /* ボタン色 */
header .page_control .language a:hover,
header .page_control .language a:focus,
header .page_control .voice a:hover,
header .page_control .voice a:focus { background-color: #18407A;} /* ホバー色 */

/* ヘッダー - コールセンター・検索 */
.header_search { padding: 12px 0; background-color: #eaf0f4; clear: both;}
.header_search .wrap { display: flex; justify-content: space-around; align-items: center; flex-wrap: nowrap; padding-bottom: 0;}

.callcenter_box { padding-bottom: 0;}
.callcenter { margin: 0; padding: 0.3em 1.8em; background-color: #fff; text-align: center; border-radius: 0.3em;}
.callcenter dt,
.callcenter dd { margin: 0; padding-left: 0.2em; letter-spacing: 0.2em;}
.callcenter dt { font-size: 0.8em; font-weight: bold;}
.callcenter dd { margin-left: 0;}
.callcenter dd.num { position: relative; width: 12em; margin: 0 auto; padding-left: 22px; font-size: 1.2em;}
.callcenter dd.num:before { position: absolute; display: block; content: ""; top: 0px; bottom: 0px; left: 0px; width: 18px; background: url("../img/icon_phone.png") center center no-repeat;}
.callcenter dd.comment { font-size: 0.65em;}

.header_search .search_box { padding-bottom: 0;}
.header_search .search > div { padding-bottom: 0;}
.header_search .search_title { float: left;}
.header_search .search_inner { display: flex; justify-content: center; align-items: stretch; margin: 0; padding: 0.3em; border: 1px solid #C0D2DE; background-color: #fff; border-radius: 0.3em;}
.header_search .search_title,
.header_search .search_txt,
.header_search .search_bt { margin: 0; padding: 0; font-size: 1em; min-height: 2em;}
.header_search .search_box form input[type="text"],
.header_search .search_box form input[type="submit"] { border: none; line-height: 1em; font-family:"Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;}
.header_search .search_box form input[type="submit"] { margin-right: 0;}
.header_search .search_title { line-height: 2em; margin: 0.3em 1.5em; border: 1px solid rgba(128,128,128,0);}
.header_search .search_txt { min-width: 280px;}
.header_search .search_bt { width: 3.5em; color: #fff; background-color: #333;}
.header_search .search_bt:hover,
.header_search .search_bt:focus { background-color: #296ACC;}

/* ハンバーガーメニュー */
p.hamburger_text { position: absolute; bottom: 5px; height: 1em; width: 100%; margin: 0px auto; padding: 0px; font-size: 0.65em; text-align: center;}
p.hamburger_text span {display: inline-block; overflow: hidden; width: 0px; height: 0px;}
.hamburger,
.hamburger span { display: inline-block; transition: all 0.4s;}
.hamburger { position: relative; width: 22px; height: 19px; margin: 8px 0px 0px 11px;}
.hamburger span { position: absolute; left: 0; width: 100%; height: 3px; border-radius: 3px;}
.hamburger span:nth-of-type(1) { top: 0;}
.hamburger span:nth-of-type(2) { top: 8px;}
.hamburger span:nth-of-type(3) { bottom: 0;}
.menu_button { display:none; position: fixed; top: 0; right: 0; height: 44px; width: 44px; z-index: 110; border-radius: 0.3em;}
.menu_button a {display:block; height: 44px; width: 44px; transition-duration: 0.2s; overflow: hidden;}
.menu_button.active .hamburger { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.menu_button.active .hamburger span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg);}
.menu_button.active .hamburger span:nth-of-type(2) { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);}
.menu_button.active .hamburger span:nth-of-type(3) { opacity: 0;}
/**/
.menu_button a { background: #296ACC;} /* ボタン色 */
.hamburger span { background-color: #fff;} /* ハンバーガー色 */
p.hamburger_text { color: #fff;} /* 文字色 */
.menu_button a:hover,
.menu_button a:focus { background-color: #18407A;}


/* グローバルメニュー */
header nav{ padding-bottom: 0px;}
#menu { height: 80px; margin: 0 auto; padding: 0; list-style: none;}
#menu li { position: relative; float: left; width: 20%;}
#menu > li:first-of-type:after { position: absolute; display: block; content: ""; top: 20%; bottom: 20%; width: 1px; background-color: #BBBBBB;}
#menu > li:first-of-type:after { left: 0px;}
#menu li a { display: flex; align-items: center; justify-content: center; height: 80px; text-decoration: none; transition-duration: 0.15s;}
/**/
header nav { background-color: #296acc;} /* 帯背景色 */
#menu li a { color: #fff; background-color: #296acc;} /* ボタン色 */
#menu li a:hover,
#menu li a:focus { background-color: #18407A;} /* ホバー色 */
#menu li a:hover img { opacity: 1;}

/*---------
 CONTENTS
---------*/
.contents h1 { margin-left: -5px; margin-right: -5px; padding: 0.1em 0.6em 0.1em; font-size: 1.8em; border-bottom: 4px solid #296ACC;}
.contents nav { overflow: visible;}
.contents nav ul,
.contents nav dl { padding:0;list-style:none;}
.contents nav dl { border-radius: 0.3em; background-color: #F4F8FB;}
.contents nav dl dt{ padding: 1.4em 0.3em 1.3em; text-align: center; font-size: 1.15em; color:#FFFFFF; font-weight:bold; background-color:#296ACC;}
.contents nav dl dd{ margin:0;}
.contents nav dl dd a { position: relative; display: block; padding: 1.1em 0.5em 1em 1.9em; color: #000; text-decoration: none;}
.contents nav dl dd a:before,
.contents nav dl dd a:after { position: absolute; display: block; content: "";}
.contents nav dl dd a:before {
  left: 0.7em; top: 50%; margin-top: -0.3em; transition-duration: 0.2s;
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.55em solid #296ACC;
}
.contents nav dl dd a:after { top: 0px; left: 10px; right: 10px; height: 1px; background-color: #AAAAAA;}
.contents nav dl dd:first-of-type a:after { display: none;}
.contents nav dl dd a:hover:before { left: 1em;}

/* section */
section { border: 3px solid #D2E1F5; margin-bottom: 2em; border-radius: 0.3em;}
section.text_section,
section.menu_section { padding: 12px;}
section .section_wrap { padding: 0 20px;}
section .section_wrap h2 { margin-left: -20px; margin-right: -20px; padding: 0.6em 1.5em; font-size: 1.2em; background-color: #D2E1F5;}
section.info_section h2 { margin-left: 0px; margin-right: 0px; padding-left: 0.3em; padding-right: 0.3em; background-color: transparent; border-bottom: 2px dotted #8F8F8F;}

section.link_section ul.link_list li:before { border: none;}
ul.link_list li { margin: 0.3em auto; padding: 0 0 0 1.5em;}
ul.link_list a { position: relative;}
ul.link_list a:before { position: absolute; display: block; content: ""; width: 0.9em; height: 0.9em; top: 0.2em; left: -1.5em; background: url("../img/arrow_common.png") center center no-repeat #296ACC; background-size: auto 60%; border-radius: 50%; transition-duration: 0.15s;}
ul.link_list a:hover:before { left: -1.2em; background-color: #18407A;}

.acrobat { margin-bottom: 0; padding: 1em 0 0.7em; border: none; border-top: 1px dashed #404040;}


/* footer */
footer { position: relative; padding: 0.5em 0; background:#296acc;}
footer .wrap { min-height: 178px; padding-top: 3em; padding-right: 128px; background: url("../img/footer_joe.png") right top no-repeat;}
footer nav { padding-bottom: 0;}
footer nav ul { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: 0; padding: 0;}
footer nav li { padding: 0.5em;}
footer nav li a.accent { color: #ffffff; font-size: 0.9em;}

footer dl { float: left; margin: 0; padding:0 0 1em; color: #fff;}
footer dt { margin: 0 0 0.5em; padding: 0; font-size: 1.2em;}
footer dd { margin: 0; padding: 0; font-size: 0.9em;}

footer ul.link { float: right; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; width: 24em; margin-top: 2.5em; font-size: 0.85em;}
footer ul.link li { width: 11em; margin: 0.4em 0.5em; background-color: #fff; border-radius: 0.3em; overflow: hidden;}
footer ul.link a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 0.4em 0.5em; color: #000; text-decoration: none; transition-duration: 0.15s;}
footer ul.link a:hover,
footer ul.link a:focus { color: #fff; background-color: #18407A;}

footer .copyright { clear: both; margin-top: 1em; text-align: center; color: #fff; font-size: 0.8em;}
footer .copyright span { display: block; width: 1024px; margin: 0 auto;}

footer .reread_link { position:fixed; bottom: 10px; right:0; width:62px; height: 62px; padding:0; z-index: 100;}
footer .reread_link a {
  position: relative; display:flex; justify-content: center; align-items: flex-end; height:100%; width:100%; padding-bottom: 0.6em; color: #fff; font-size: 0.85em; text-decoration: none;
  background:/* url(../img/reread_link.png) */ #296ACC ; border: 2px solid #9FD5F4; border-radius: 50%; transition-duration: 0.15s;
}
footer .reread_link a:before {
  position: absolute; display: block; content: ""; top: 20%; left: 50%; margin-left: -0.5em; transition-duration: 0.15s;
  border-bottom: 0.9em solid #fff;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
}
footer .reread_link a:hover,
footer .reread_link a:focus { background-color: #18407A;}
footer .reread_link a:hover:before,
footer .reread_link a:focus:before{ top: 10%;}

.menu_bg { display: none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(64,64,64,0.5); z-index: 100;}

/* 一覧ページ */
.news dd { border-bottom: 2px solid #DDD;}
.menu_list li { border-bottom: 2px solid #DDD;}
.menu_list li { margin: 0.3em auto; padding: 0.5em 0.5em 0.6em 2em;}
.menu_list a { position: relative;}
.menu_list a:before { position: absolute; display: block; content: ""; width: 0.9em; height: 0.9em; top: 0.2em; left: -1.5em; background: url("../img/arrow_common.png") center center no-repeat #296ACC; background-size: auto 60%; border-radius: 50%; transition-duration: 0.15s;}
.menu_list a:hover:before { left: -1.2em; background-color: #18407A;}

/* バナー広告 */
section.posting { border: none; padding: 0;}
section.posting h2 { text-align: center; font-size: 1.3em;}
.posting_box { position: relative; background-color: #F1F5F8;}
.posting_box ul { display: flex; margin-bottom: 0; padding: 2em 1.5em 1em; flex-wrap: wrap;}
.posting_box li { margin: 0 0.5em 1.5em; width: calc(20% - 1em); text-align: center;}
.posting_box a img { max-width: 100%; height: auto;}
.posting_box a.more { position: absolute; bottom: 1em; right: 1em; font-size: 0.85em;}

/* サブトップ */
.subtop .heading { position: relative; margin: 0; padding: 0; text-align: center; overflow: hidden;}
.subtop .heading img { width: 100%; min-width: 720px; height: auto;}
.subtop .heading h1 { position: absolute; display: flex; justify-content: center; align-items: center; top: 0px; bottom: 0px; left: 0px; right:  0px; margin: 0; padding: 1em; border: none;}
.subtop .flame_title { padding: 0.3em 1em 0.6em; background-color: rgba(255,255,255,0.8); border-radius: 0.2em;}
.subtop .main_title { font-size: 0.7em;}
.subtop .sub_title { font-size: 0.3em; display: block;}

.subtop .menu_section { padding-top: 0; border: 4px solid #296ACB;}
.subtop .menu_section h2 { margin-left: -12px; margin-right: -12px; padding: 0.6em 1em 0.8em; font-size: 1.1em; letter-spacing: 0.3em; color: #fff; text-align: center;background-color: #296ACB;}
ul.more { display: flex; justify-content: center; align-items: stretch; margin: 0; padding-left: 0;}
ul.more li { margin: 0em 0.5em 0.5em; padding-left: 0;}
ul.more a { display: block; max-height: 100%; width: 14em; padding: 0.5em 0.5em 0.4em; color: #000; text-align: center; text-decoration: none; border-radius: 0.3em; transition-duration: 0.15s;}
ul.more .list_more a { background-color: #B0C5DB;}
ul.more .list_rss a { background-color: #FFC1AC;}
ul.more .list_more a:hover,
ul.more .list_more a:focus { background-color: #C9D8E7; box-shadow: inset 0px 0px 0px 2px #296ACC;}
ul.more .list_rss a:hover,
ul.more .list_rss a:focus { background-color: #FFD8CA; box-shadow: inset 0px 0px 0px 2px #C40000;}

.subtop .text_section { border: none;}

.side_banner_image { margin-bottom: 20px;}
.side_banner_image li { margin-bottom: 10px; border-radius: 0.3em;}
.side_banner_image a {}
.side_banner_image img { max-width: 100%; height: auto;}

.side_banner_text { margin-bottom: 20px;}
.side_banner_text li { margin-bottom: 10px;}
.side_banner_text a { position: relative; display: block; padding: 1.2em 0.4em 1.2em 2.5em; color: #000; text-decoration: none; background-color: #F3F3F3; border-radius: 0.3em;}
.side_banner_text a:before {
  position: absolute; display: block; content: "";
  left: 1em; top: 50%; margin-top: -0.3em; transition-duration: 0.2s;
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.55em solid #296ACC;
}
.side_banner_text a:hover:before {left: 1.3em;}

.theme { padding: 0; background-color: #D1E0F5; border-radius: 0.3em;}
.theme h2 { display: flex; justify-content: center; align-items: stretch; margin: 0; padding: 0.8em 0.5em 0.6em; font-size: 1.1em;}
.theme_title { position: relative; margin-left: 13px;}
.theme_title:before { top: 0px; bottom: 0px; left: -27px; width: 27px; background: url("../img/icon_theme.png") center center no-repeat; background-size: contain;}
.theme_search { margin: 0; padding: 0;}
.theme_search li { margin: 5px;}
.theme_search a { position: relative; display: block; padding: 1.2em 0.5em 1.2em 4em; color: #000; text-decoration: none; background-color: #fff; border: 3px solid #fff; border-radius: 0.3em; transition-duration: 0.2s;}
.theme_search a:before { top: 0px; bottom: 0px; left: 14px; width: 40px; background: center center no-repeat; background-size: contain;}
.theme_search .theme_01 a:before { background-image: url("../img/theme_icon_01.png");}
.theme_search .theme_02 a:before { background-image: url("../img/theme_icon_02.png");}
.theme_search .theme_03 a:before { background-image: url("../img/theme_icon_03.png");}
.theme_search .theme_04 a:before { background-image: url("../img/theme_icon_04.png");}
.theme_search .theme_05 a:before { background-image: url("../img/theme_icon_05.png");}
.theme_search .theme_06 a:before { background-image: url("../img/theme_icon_06.png");}
.theme_search .theme_07 a:before { background-image: url("../img/theme_icon_07.png");}
.theme_title:before,
.theme_search a:before { position: absolute; display: block; content: "";}
.theme_search a:hover,
.theme_search a:focus { border: 3px solid #296ACC;}

/* 下階層カテゴリリンク */
.subtop article .list { display: flex;}
.subtop article .list .category { flex-basis: 48.5%; margin: 0; padding-bottom: 0;}
.subtop article .list .category.left { margin-right: 1.5%; float: none;}
.subtop article .list .category.right { margin-left: 1.5%; float: none;}
.subtop article .list .category h2 { position: relative; margin: 0; padding: 0; font-size: 1.05em;}
.subtop article .list .category h2 a.category { position: relative; display: block; margin: 0; padding: 1em 46px 0.9em 2em; text-decoration: none; color: #000; background-color: #F0F4F9; border-radius: 0.3em;}
.subtop article .list .category h2 a.category:before { position: absolute; display: block; content: ""; width: 0.6em; height: 0.6em; top: 50%; left: 0.8em; margin-top: -0.3em; background-color: #296ACC; border-radius: 50%;}
.subtop article .list .category h2:before { position: absolute; display: block; content: ""; top: 0px; bottom: 0px; right: 0px; width: 46px; z-index: 1;}
.subtop article .list .category h2.active a.category { border-radius: 0.3em 0.3em 0em 0;}
.subtop article .list .category .listopen { position: absolute; display: block; width: 26px; height: 26px; top: 50%; right: 10px; margin-top: -13px; background-color: #296ACC; border-radius: 580%; box-shadow: 0px 0px 0px 0px #fff; transition-duration: 0.15s; z-index: 10;}
.subtop article .list .category .listopen:hover,
.subtop article .list .category .listopen:focus { box-shadow: 0px 0px 0px 3px #fff;}
.subtop article .list .category .listopen span { display: block; width: 0px; height: 0px; overflow: hidden; color:#fff;}
.subtop article .list .category .listopen span.text_close,
.subtop article .list .category .listopen.active span.text_open { display: none;}
.subtop article .list .category .listopen.active span.text_close { display: block;}
.subtop article .list .category .listopen:before,
.subtop article .list .category .listopen:after{
	position: absolute; display: block; content: "";
	width: 16px; height: 2px; background: #fff; top: 12px; left: 5px;  transition-duration: 0.3s;
}
.subtop article .list .category .listopen:before { transform: rotate(90deg);}
.subtop article .list .category .listopen.active:before,
.subtop article .list .category .listopen.active:after { transform: rotate(360deg);}

.subtop article .list .category .section { position: relative; margin-bottom: 0.5em;}
.subtop article .list .category .section ul {	display: none; padding: 10px 0 5px; border: 3px solid #F0F4F9; border-top: none;}
.subtop article .list .category .section ul li { margin-left: 10px; margin-right: 10px; border-bottom: 1px dotted #000000;}
.subtop article .list .category .section ul li:last-child { border: none;}
.subtop article .list .category .section ul li a { position: relative; display: block; padding: 1em 0.5em 1em 2em;}
.subtop article .list .category .section ul li a:before { position: absolute; display: block; content: ""; height: 1em; width: 1em; top: 1.2em; left: 0.5em; background: url("../img/arrow_common_blue.png") center center no-repeat; background-size: contain; transition-duration: 0.15s;}
.subtop article .list .category .section ul li.more a { padding-left: 0.5em;}
.subtop article .list .category .section ul li.more a:before { display: none;}
.subtop article .list .category .section ul li a:hover:before,
.subtop article .list .category .section ul li a:focus:before { left: 0.9em;}

/* サムネールありリンク */
.image_list { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.image_list .item { display: flex; flex-direction: row-reverse; width: calc(50% - 10px); margin-left: 20px; margin-bottom: 20px; padding: 10px; text-decoration: none; color: #000; background-color: #F8F8F8; border-radius: 0.5em; transition-duration: 0.15s;}
.image_list .item:nth-child(2n - 1) { margin-left: 0;}
.image_list .item p { margin-bottom: 0;}
.image_list .item p.overview { width: 70%; padding-left: 10px; font-size: 0.95em; box-sizing: border-box;}
.image_list .item p.overview .title { display: block; font-size: 1.1em; margin-bottom: 0.3em;}
.image_list .item p.photo { width: 30%; height: auto;}
.image_list .item p.photo img { max-width: 100%; height: auto;}
.image_list .item:hover,
.image_list .item:focus { border-color: #DBE9A5; background-color: #F9F9EA;}

/* テキストの縁どり */
.outline_w{text-shadow: #fff 2px 0px,  #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px , #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px,  #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px,  #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;}
.outline_b{text-shadow: #000 2px 0px,  #000 -2px 0px, #000 0px -2px, #000 0px 2px, #000 2px 2px , #000 -2px 2px, #000 2px -2px, #000 -2px -2px, #000 1px 2px,  #000 -1px 2px, #000 1px -2px, #000 -1px -2px, #000 2px 1px,  #000 -2px 1px, #000 2px -1px, #000 -2px -1px;}

/*************************************************
 CMS用テンプレート  .txtbox内部
**************************************************/
/* 見出し */
.txtbox { overflow: visible;}
.txtbox h2{ background: #E1EDFF; margin:0 -6px 1em; padding: 0.4em 0.75em; font-size: 1.5em;}
.txtbox h3{ margin:0 0 1em 0; padding: 0.3em 0.55em; font-size: 1.4em; border-bottom: 3px solid #CCCCCC ;}
.txtbox h4{ margin:0 0 1em 0; padding: 0.1em 0.5em 0em; font-size: 1.2em; border-left: 6px solid #296ACC;}
.txtbox h5{ margin:0 0 1em 0; padding: 0.3em; border-bottom: 1px dotted #AAAAAA; font-size: 1.1em;}
.txtbox h6{ margin:0 0 1em 0; padding: 0.3em 0.5em; font-size: 1em; font-weight: bold; }

/* list */
.txtbox ul { word-break: break-all;}
.txtbox ul > li:before,
article section.link_section li:before {
  width: 0.5em; height: 0.5em; top: 0.4em; left: 0.8em; background-color: transparent; border-radius: 0%;
  border-top: 0.35em solid transparent;
  border-bottom: 0.35em solid transparent;
  border-left: 0.65em solid #296ACC;
} /* リストの色・形 */

article section .txtbox ol li { padding-left: 0em;}
article section .txtbox ol ul > li { padding-left: 2em;}

/* table */
.txtbox table th,
.txtbox table td { border:1px solid #aaa;} /* テーブル線の色 */
.txtbox table th { background: #E1EDFF;} /* THの色 */

/* youtube */
.contents .mv_area,
.contents .article .mv_area{position:relative;height:0px;width:100%;max-width:715px;margin:1em 0;padding-top:56.25%;overflow:hidden;}
.contents .mv_area.normal_wide,
.contents .article .mv_area.normal_wide{padding-top:75%;}
.contents .mv_area iframe,
.contents .article .mv_area iframe{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.contents .mv_area p,
.contents .article .mv_area p{margin:0.5em 0;font-size:0.9em;}
.contents .section h2,
.contents .article .section h2{border-left:none;border-bottom:2px solid #002251;}

/* 目立つ大きいボタン 22.09.15 */
.button_large { display:flex; justify-content: center; padding: 0.5em 0;}
.button_large a { display: block; padding: 1em 1em 0.95em; font-size: 1.5em; color: #000; font-weight: bold; border-radius: 0.5em; background-color:#F2D230;}
.button_large a:hover,
.button_large a:focus { text-decoration: none;}


/*************************************************
 レスポンシブ　1024 + 20 
**************************************************/
@media screen and (min-width:0px) and (max-width:1044px) {
	#TOP,
	textarea ,
	header .wrap,
	footer .wrap,
	header nav,
	footer nav,
	.locus,
	.contents,
	.contents article,
	.no_nav .contents article,
	.contents nav,
  .contents .wrap,
  .contents div.locus .wrap,
	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 .page_control { display: none; position: fixed; top: 72px; left: 0px; right: 0px; margin-top: 0; z-index: 110;}
	header nav { position:fixed; top:0px; left:0px; right:0; max-height:100%; padding:0; background-color: transparent; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.4); overflow:visible; z-index:105;}
	.menu_button {display:block; top: 5px; right: 5px; padding-bottom: 0; transition-duration: 0.3s;}
	.menu_button.active { box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.9);}
	#menu { height:auto; width: auto; padding-top: 200px; overflow:visible ;display:none;}
	#menu li,
	#menu.menu1 li,
	#menu.menu2 li,
	#menu.menu3 li,
	#menu.menu4 li,
	#menu.menu5 li { float: none; width: auto;}
	#menu li a { height: auto; padding: 0.7em;}
	#menu li:before { top: 0px; bottom: auto; left: 2.5%; right: 2.5%; width: auto; height: 1px;}
	#menu li:first-of-type:after { display: none;}

	header h1,
	header .title { margin-top: 4px; height: auto;}
	
	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 { clear: both; padding: 10px 0;}
	header .page_control dl.textsize_change,
	header .page_control dl.color_change { float: none; width: 220px; border: none;}
	header .page_control dl.textsize_change,
	header .page_control dl.color_change { margin: 5px auto;}
	header .page_control dl dd a { margin-left: 5px; margin-right: 4px;}
	header .page_control dl.textsize_change dt,
	header .page_control dl.color_change dt { justify-content: flex-start; width: 160px; padding-left: 0;}
  
  /* タイトル */
  header h1,
  header .title { width: 160px; height: auto; margin: 14px 0 6px; font-size: 0.5em;}
  
  /* ヘッダー - コールセンター・検索 */
  .header_search .search_txt { min-width: inherit;}
  
  /* ページコントロール - 翻訳ボタン */
  header .page_control .language,
  header .page_control .voice { width: 50%; height: auto; margin: 0; padding: 0 0.5em; border: none;}
  header .page_control .language a,
  header .page_control .voice a { min-width: 11em; padding-top: 0.4em; padding-bottom: 0.4em;}
  header .page_control .language a { float: right;}
  header .page_control .voice a { float: left;}
  
  /* footer */
  footer .wrap { padding-right: 0; background-position: right bottom;}
  footer ul.link  { clear: both; float: none; margin: 0 auto;}
  
  /* バナー広告 */
  section.posting { margin-left: 2%; margin-right: 2%;}
  .posting_box ul { flex-wrap: wrap;}
  .posting_box li { width: auto; margin-left: 0.75em; margin-right: 0.75em;}

  
  
	/**/
	#menu { background: url("../img/title.png") 2% 14px no-repeat #fff; background-size: 160px auto;} /* グローバルメニュー背景色（スマートフォン版） */
}

@media screen and (min-width:0px) and (max-width:788px) {
  /* ヘッダー - コールセンター・検索 */
  .header_search .search_title { display: inline-block; height: 0px; width: 0px; margin: 0; padding: 0; border: none; overflow: hidden;}
}


/*************************************************
 レスポンシブ　640 + 20 
**************************************************/
@media screen and (min-width:0px) and (max-width:660px) {
  header .UD { bottom: 70px;}

	header h1,
	header .title { max-width: calc(320px - 70px);}

    
  /* footer */
  footer { padding-top: 0;}
  footer .wrap { padding-top: 0; padding-bottom: 180px; background-position: center bottom;}
  footer nav { margin-left: 2%; margin-right: 2%;}
  footer nav ul { margin: 0;}
  footer nav li { width: 100%; padding: 0.6em; text-align: center; border-bottom: 1px solid #BBB;}
  footer dl { float: none; margin-top: 2em;}
  footer dt { text-align-last: center;}
  
  footer ul.link { width: auto;}
  footer ul.link li { width: 100%;}
  footer ul.link li a { padding: 0.9em;}
  
  
  footer .copyright { margin: 0 0 60px; padding: 0.5em;}
  
  
  /* ヘッダー - コールセンター・検索 */
  .header_search { padding-top: 0;}
  .header_search .wrap { flex-wrap: wrap;}
  .callcenter_box,
  .search_box { margin: 12px 2.5% 0;}
  .search_box { width: 96%;}
  .header_search .search_txt { width: calc(100% - 3.5em);}
  .header_search .search_bt { width: 3.5em;}
  
  
	/* subtop */
	.subtop .category_heading { height: 150px;}
	.subtop article .list,
	.image_list { display: block;}
	.image_list .item,
  .subtop article .list .category.left,
  .subtop article .list .category.right { width: auto; margin-left: 0; margin-right: 0;}
  
  .menu_section .news { padding-bottom: 0.5em;}
  .menu_section .more a { width: auto; padding-left: 2.5em; padding-right: 2.5em;}
  
}

@media screen and (min-width:0px) and (max-width: 580px) {
/* バナー広告 */
  .posting_box ul { padding-left: 2%; padding-right: 2%;}
  .posting_box li { width: 46%; margin-left: 2%; margin-right: 2%;}
}

@media screen and (min-width:1045px) {
	html body #menu,
	header .page_control {display:block!important;}
	.menu_bg{display: none!important;}
}

@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;}
}

/* event */
.contents .article dl.event{margin:0px 3% 18px;padding:3%;border:2px solid #296acc;font-size:1em;}
.contents .article dl.event dt{width:23%;margin:12px 1% 6px;padding-left:1.2em;float:left;clear:both;overflow:hidden;}
.contents .article dl.event dt:first-child { margin-top: 6px;}
.contents .article dl.event dt:before{top:0.1em;left:0px;border:1px dashed #333333;}
.contents .article dl.event dd{margin:0px;padding:6px 1%;padding-left:28%;border-bottom:1px dashed #333333;}

.contents .article dl.event dt{width: auto; padding-left:0.2em; float:none; font-size:1.1em;font-weight: bold; border-left: 4px solid #296ACC;}
.contents .article dl.event dd{ padding-left: 1.2em; }

.txtbox .news dt {margin:auto;font-weight: bold;padding-left: 0.5em;padding:0.8em 0 0.7em;margin: auto;}
.txtbox .news dd {margin-left: 0;padding-left: 6.5em;border-bottom: 1px dotted #CCCCCC;padding:0.8em 0 0.7em;}


.menu {padding-left: 0;}
.menu dt{padding:.8em 0 0.7em;margin-left:0;border-bottom:1px dotted #CCCCCC;padding-left: 30px;}
.menu dd{display:block;font-size:.9em;}
.menu dt a { position: relative;}
.menu dt a:before { position: absolute; display: block; content: ""; width: 0.9em; height: 0.9em; top: 0.2em; left: -1.5em; background: url("../img/arrow_common.png") center center no-repeat #296ACC; background-size: auto 60%; border-radius: 50%; transition-duration: 0.15s;}
.menu dt a:hover:before { left: -1.2em; background-color: #18407A;}


div.right{float:right;}
div.left{float:left;}
.contents .article .section{padding-bottom:0;}
.contents .article .section p{padding-left:1em;}
.contents .article .section .map_ground{padding-bottom:0;}

.contents .article dl.qanda dt,
.contents .article dl.qanda dd{min-height:31px;margin:0px;padding:30px 0px 10px 55px;background:no-repeat left 12px;}
.contents .article dl.qanda dt{background-image:url(/core/img/question.png);font-weight:bold;}
.contents .article dl.qanda dd{background-image:url(/core/img/answer.png);}

.contents .article ul.event_icon{margin:4px;}
.contents .article ul.event_icon li {padding-top:5px;float:left;}
.contents .article ul.event_icon.menu li {clear:both;float:none;}
.contents .article ul.event_icon li:before{width:20px;height:18px;border:none;}
.contents .article ul.event_icon li.event_icon01:before {background-image:url(/core/img/event_icon01.png);}
.contents .article ul.event_icon li.event_icon02:before {background-image:url(/core/img/event_icon02.png);}
.contents .article ul.event_icon li.event_icon03:before {background-image:url(/core/img/event_icon03.png);}
.contents .article ul.event_icon li.event_icon04:before {background-image:url(/core/img/event_icon04.png);}
.contents .article ul.event_icon li.event_icon05:before {background-image:url(/core/img/event_icon05.png);}
.contents .article ul.event_icon li.event_icon06:before {background-image:url(/core/img/event_icon06.png);}
.contents .article ul.event_icon li.event_icon07:before {background-image:url(/core/img/event_icon07.png);}
.contents .article ul.event_icon li.event_icon08:before {background-image:url(/core/img/event_icon08.png);}
.contents .article ul.event_icon li.event_icon09:before {background-image:url(/core/img/event_icon09.png);}

.contents .article table ul.event_icon li { clear: both;}
.contents .article .map_section .section{border:none;}
.contents .article .map_section .left_menu_list{width:40%;float:left;}
.contents .article .map_section .left_menu_list .list_category,
.contents .article .map_section .left_menu_list .list_place{margin-bottom:9px;padding:0px;border:1px solid #aaaaaa;}
.contents .article .map_section .left_menu_list .list_category > div,
.contents .article .map_section .left_menu_list .list_place > div{height:240px;padding:12px 8px;overflow:auto;}
.contents .article .map_section .left_menu_list .list_category h3{margin:0px;color:#ffffff;background:#007cbf;}
.contents .article .map_section .left_menu_list .list_place h3{margin:0px;background:#EEEEEE;}
.contents .article .map_section .left_menu_list .list_category ul li:before{background-image:url(../img/nav_list_mark.png);}
.contents .article .map_section .left_menu_list .list_place ul li:before{background-image:url(../img/nav_list_mark.png);}
.contents .article .map_section .right_contents {width:58%;padding:0px 1%;float:right;}
.contents .article .map_section .right_contents *{overflow:visible;}

.contents .article .soshiki_ichi .busho{width:50%;}
.contents .article .txtbox .soshiki_ichi{width:100%;}
.contents .article .txtbox td ul,.contents .article .txtbox td ol{padding-bottom:0;}
.contents .article .txtbox img { max-width: 100%; height: auto;}

/*faq*/
.contents .article [class*="faq"] a{transition-duration:0.3s;}
.contents .article .faq_list dl,
.contents .article .faq_list dl dt,
.contents .article .faq_list dl dd{margin:0px;padding:0.4em;float:left;}
.contents .article .faq_list dl dt{background:rgba(0,0,0,0.2);}
.contents .article .faq_list dl dd{}
.contents .article .faq_list input,
.contents .article .faq_list select{line-height:inherit; margin:-0.4em; padding:0.4em; border:1px solid #619AC5; font-size:0.9em; color: #333; background-color: #fff; -webkit-appearance:none;}
.contents .article .faq_list option { color: #333; background-color: #fff;}

/*.contents .article .faq_list select{min-height:2em;padding:0.2em 0.5em;}*/
.contents .article .faq_list input[type="submit"]{line-height:2em;margin:5px auto;padding:0.2em 1em;background:#BED6E9;border-radius:5px;}

.contents .article .faq_link a {display:block ;margin:0px 0px 0px 10px; padding:0.5em 0.5em 0.5em 30px; float:right; color:#457497; background:no-repeat 3px center; border:1px solid #619AC5; border-radius:5px; text-decoration:none;}
.contents .article .faq_link a.pageback{background-image:url(/core/img/undo_icon.png);}
.contents .article .faq_link a.indexback{background-image:url(/core/img/voice_icon.png);}
.contents .article .faq_link a:hover{background-color:#EEF4F9;}

.contents .article .faq_pager strong,
.contents .article .faq_pager a{display:inline-block;margin:0px 5px;padding:0.2em 0.5em;border:1px solid #619AC5;text-decoration:none;}
.contents .article .faq_pager strong,
.contents .article .faq_pager a:hover{color:#122534;background-color:#BED6E9;}

/*calender*/
.contents .article table.gami_calendar {width:100%;font-size:0.9em;}
.contents .article table.gami_calendar caption{padding:6px;text-align:right;}
.contents .article table.gami_calendar img{vertical-align:middle;}
.contents .article table.gami_calendar th{color:#333333;background-color:#D9D9D9;border-color:#B3ADA6;width:14%;}
.contents .article table.gami_calendar th:first-child{background-color:#FFCCCC;}
.contents .article table.gami_calendar th:last-child{background-color:#99CCFF;}
.contents .article table.gami_calendar td:first-child dt{background-color:#FFE1E1;}
.contents .article table.gami_calendar td:last-child dt{background-color:#D7F2FF;}
.contents .article table.gami_calendar td{padding:0px;border-color:#B3ADA6;background-color:#ffffff;vertical-align:top;}
.contents .article table.gami_calendar td dl{margin:0px;padding:0px;min-height:6em;}
.contents .article table.gami_calendar td dl dt{padding:2px 6px;color:#666666;background-color:#F6F6F6;border:none;}
.contents .article table.gami_calendar td dl dd{margin:6px 2px;border-bottom:1px dotted #CCCCCC;}
input.common_inquiry {
  margin-left: 1em; padding: 0.1em 0.2em 0em 1.2em;
  border: none; border-bottom: 1px solid #006699;
  color: #006699; font-size: 1.02em; font-weight: bold; font-family: "メイリオ", Meiryo;
  background: url(/core/img/nav_list_mark.png) left 0.25em no-repeat #ffffff;
}
form dl{margin-left:1em;}
form dt{float:none;width:auto;margin-bottom:1em;border-bottom:1px dotted #333;}
form dd{float:none;margin-left:0;margin-bottom:1.5em;padding-left:0em;border:none;}
form input[type="text"]:focus{outline:none;border:1px solid #CFEDF3;}
form input[type="text"] {line-height:2em;border:1px solid #CCCCCC;max-width:90%;}
form input[type="submit"] {margin-right:.5em;}
form textarea{width:100%;box-sizing:border-box;}

.contents .section.netprint_section { margin-top: 1em; margin-bottom: 1em; border: none;}
.contents .section.netprint_section h2 {}
.contents .section.netprint_section ul { margin: 1em 0px;}
.contents .section.netprint_section ul li { margin-bottom: 0.75em;}

.contents .article .image_box,
.contents .article .txtbox .image_box {width:100%;margin:0px 0px 10px;padding:0px;}
.contents .article .image_box_center{min-width:240px;width:50%;max-width:80%;margin:0px auto 10px;padding:0px;}
.contents .article .image_box_right,
.contents .article .image_box_left{max-width:50%;padding:0px;}
.contents .article .image_box_right{float:right;}
.contents .article .image_box_left{float:left;}
.contents .article ul[class*="image_box"] li{margin:5px 1%;padding:0px;text-align:center;background-image:none;}
.contents .article .image_box_left li,
.contents .article .image_box_right li{max-width:98%;}
.contents .article .image_box li{width:31%;float:left;}
.contents .article .image_box.twobox li{width:48%;}
.contents .article .image_box.fourbox li{width:23%;}
.contents .article ul[class*="image_box"] li:before{display:none;}
.contents .article ul[class*="image_box"] li img {padding:1%;max-width:98%;height:auto;background:#e1edf7;}
.contents .article ul[class*="image_box"] li p {position:static;width:auto;margin:0px;padding:3px;text-align:center;}

@media screen and (min-width:0px) and (max-width:660px) {
.menu.calender .txtbox .calendar-table,
.page.map .txtbox table.wide_table,
.page.kakari .txtbox table.wide_table{ padding-bottom: 5px; border-collapse: collapse;border:none;width: 100%;}
.menu.calender .txtbox .calendar-table th{display:none;}
.page.map .txtbox table.wide_table th,
.page.kakari .txtbox table.wide_table th{text-align:left;border:none;display:block;margin:0 0 .8em; padding:.5em;width:auto;}
.page.map .txtbox table.wide_table td,
.page.kakari .txtbox table.wide_table td{border:none;display:block;margin:0px;padding:.3em 0.8em 1em;width:auto;}
}


.contents .article .mv_area { overflow: hidden;}

.contents ul#first-aid { margin-bottom:-0.5em; padding-bottom:0em;}

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

/*------------------------------------------------
  plus
------------------------------------------------*/ 
/* pc <-> sp */
#pc,#sp{display:none; background-color: rgba(255,255,255,1);}

@media screen and (min-width: 0px) and (max-device-width:640px){
 #sp{ display:none; margin-bottom:0; width:100% ;height:100px; font-size:4.5em; text-align:center; border:4px solid #ccc; color: #333; background:#E1EDF7;}
 #sp a,#pc a{ text-decoration:none; color: #333;}
 #pc{ display:block; margin:.8em auto 0; text-align:center; background:#fff; padding:.4em; font-size:.9em;}
}
@media screen and (min-width: 0px) and (max-device-width:640px) and (min-width:1030px){
 #pc{display:none;}
 #sp{display:block;}
}


@media screen and (min-width: 0px) and (max-width: 1024px) {
.contents .article .image_box_center,
.contents .article .image_box_right,
.contents .article .image_box_left,
.contents .article .image_box_left li,
.contents .article .image_box_right li{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
}

@media screen and (min-width: 0px) and (max-width:880px) {
.mv_area{width:100%;margin:1em 0;overflow:hidden;}
.mv_area iframe{display:block;max-width:100%;margin:0px auto;}
.mv_area p{margin:0.5em 0;font-size:0.9em;}
}

@media screen and (min-width: 0px) and (max-width: 640px) {
.contents .article .image_box li,
.contents .article .image_box.twobox li,
.contents .article .image_box.fourbox li{width:48%;margin;5px auto;}
.contents .article ul[class*="image_box_"] li{width:98%;margin;5px auto;}

.contents .article .mv_area { position: relative; width: 100%; padding-top: 56.25%;}
.contents .article .mv_area object,
.contents .article .mv_area iframe { display: block; position: absolute; top: 0px; right: 0px; width: 100% !important; height: 100% !important;}

}

nav,
ul#menu { overflow: visible;}
ul#menu dl { position: relative; height: 100%; margin: 0px; padding: 0px; box-sizing: border-box; overflow: visible;}
ul#menu dl dt { height: 100%;} 
header nav ul li a,
ul#menu dl dt a { transition-duration: 0.2s;}
ul#menu dl dd { position: absolute; top: 79px; width: 1024px; padding: 0px; margin: 0px; max-height: 0px; background-color: #296ACC; transition-duration: 0.4s; overflow: hidden; z-index: 1000; border-radius: 0px 0px 15px 15px;}
header nav.active ul#menu dl dd { top: 80px;}
ul#menu li.menu02 dl dd { left: -100%;}
ul#menu li.menu03 dl dd { left: -200%;}
ul#menu li.menu04 dl dd { left: -300%;}
ul#menu li.menu05 dl dd { left: -400%;}

ul#menu dl:hover dd,
ul#menu dl.focus dd{ height: auto; max-height: 600px; margin: 0px;}
ul#menu dl dd ul.sub_category {  display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; height: auto; width: auto; margin: 0px; padding: 10px; font-size: 0.9em;}
ul#menu dl dd ul.sub_category li { flex-basis: 25%;}
ul#menu dl dd ul.sub_category li a {
    display: flex; height: calc(100% - 20px); transition-duration: 0.15s; box-sizing: border-box; margin: 10px; padding: 1.1em; text-decoration: none;
    background:#FFF; color: #296ACC;  border-radius: 0;
}

ul#menu dl dd ul.sub_category li a:hover,
ul#menu dl dd ul.sub_category li a:focus { background-color: #296ACC;; color: #fff;}
ul#menu dl dd ul.sub_category li a:hover:before,
ul#menu dl dd ul.sub_category li a:focus:before { left: 1.3em;}

#menu dt:before { position: absolute; display: block; content: ""; top: 20%; bottom: 20%; width: 1px; background-color: #BBBBBB;}
#menu dt:before { right: 0px;}
ul#menu img{width:auto;height:auto;}

@media screen and (min-width:0px) and (max-width:1044px) {
  ul#menu li:first-of-type dt a:after { display: none;}
  ul#menu dl dd { display: none!important;}
}

#subheader{margin-bottom:1em;}
.txtbox .search_result_google dt.title {margin:0; padding:0 ;font-size: 1em;font-weight:normal;word-wrap: break-word;position: relative;}
.txtbox .search_result_google dt.title a:hover { text-decoration: none;}
.txtbox .search_result_google dd.body {margin:0;padding:0; margin-bottom: 2em; font-size: 0.9em;word-wrap: break-word;}
.txtbox .search_result_google dd.body cite { display: block; margin-top: 0.5em; font-size: 0.9em; color: #006520; font-style: normal;}
.txtbox .search_result_google dd.body p{line-height:1.3em;}
.txtbox .search_result_google .pager ul > li{padding:0;}

.contents .article .pager ul li::before {display:none;}
.pager .link_before,
.pager .link_next { float:left; display:block; padding:0.6em 1.2em; }
.pager .link_before {}
.pager .link_next { float:right; }


/* 複数カテゴリ表示一覧ページ */
.txtbox .pagelist_title { margin-top: 2em; margin-bottom: .3em;}
.txtbox .pagelist_title#title01 { margin-top: 0;}

/*この下は脱炭素ポータルのサブトップアイコン用です。*/
.datutanso_icon_menu ul{
display: flex;
flex-wrap: wrap;
justify-content: center; 
gap: 16px;
padding: 0;
}
.datutanso_icon_menu ul li{
flex: 0 1 calc((100% - 32px) / 3); 
box-sizing: border-box;
text-align: center;
padding-left: 0;
}
.datutanso_icon_menu ul li a {
  display: inline-block; 
  cursor: pointer;       
  text-decoration: none;
  color: inherit;
}
.contents .article .datutanso_icon_menu img{
    min-width: 100px;
    margin-bottom: 5px;
}
.datutanso_span{
  display: block;
  text-align: center;
}
.txtbox .datutanso_icon_menu ul > li:before { display: none !important;}