@charset "utf-8";
/******************************************
 糸島市 style.css
******************************************/
body {margin:0px;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{clear:both;}/*-clear-*/
.article ,.section ,.nav ,dl,ul,div{padding:0px 0px 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:0px;}
ul,ol{padding-left:30px;}

#Map,#Map *,#jump{padding:0px;overflow:visible;}
#jump a{position:absolute;width:0px;height:0px;overflow:auto;text-indent:-1000em;}
#jump a:focus{width:12em;height:1.5em;text-indent:0px;background:#ffffff;text-align:center;}
#TOP{min-width:1120px;}

textarea {max-width:95%;}
a{color:#14465f;text-decoration:underline;}
a:hover { text-decoration: none;}
a:hover img{opacity:0.8;}
img{border:none;vertical-align:middle;}

div.left{float:left}
div.right{float:right}
p.right { text-align: right;}
.center { text-align: center;}
fieldset { margin: 0px 0px 1em; padding: 0px 0px 5px; border: none;}

/* COMMON ---------------- */
body,
body > .wrap{ background: no-repeat; background-size: contain;}
body{ background-image: url(../img/bg_main_top.png); background-position: top center;}
body > .wrap{ min-width: 320px !important; background-image: url(../img/bg_main_bottom.png); background-position: bottom center;}
img { max-width: 100%; height: auto;}
legend { max-width:100%;}

/* CONTENTS WIDTH */
.header,
.contents,
.footer {width:1120px;margin:0px auto;}

/* HEADER ---------------- */
.header { padding-bottom: 0px;}
.header .title {float:left;}
.header .wrap .title,.header h1 {width:318px;height:70px;margin-top:25px;float:left;}
.header .wrap .title a,.header h1 a {display:block;height:70px;}
.header .page_control{ margin-top: 7px; float: right;
/*width: 671px;*/
width: 521px;
}
.header .page_control ul ,#UD dl ,#UD dl dt ,.header .page_control dl dd {min-height:34px;margin:0px 1px;padding:0px;float:left;list-style:none;}
.header .page_control a:hover { opacity: 0.9;}
.header .page_control ul li { margin: 0px; padding-top: 5px; float: left;}
#UD dl.color_change ,#UD dl.textsize_change{margin:0px;padding:5px 0px 0px 0px;float:left;}
#UD dl.textsize_change { margin-right: 16px; padding-bottom: 5px;}
#UD dl dt{padding:0px 0px 0px 0px;}
#UD dl.color_change dt {width:50px;}
#UD dl.textsize_change dt {width:80px;}
/*
#UD dl.textsize_change dd a.textresizer-active { background-color: #44B7CF;}
*/
#UD dl dd a,
.header .page_control ul li a,
.header .page_control form.search label.search_txt {display:block; width: 34px; height: 34px; text-align: center;}
.header .page_control form.search label.search_txt img { max-width: none;}
.header .page_control ul { margin-right: 16px;}
.header .page_control ul li a.announce,
.header .page_control ul li a.language { width: 150px;}
.header .page_control ul li a.announce { color: #000000; background-color: #ebe9dd;}
.header .page_control ul li a.language { color: #ffffff; background-color: #333333;}

#UD dl dd a { width: 28px; height: 28px; margin: 3px 2px; color: #000000; background-color: #ffffff; border-radius: 50%;}
#UD dl dd.low a{ color: #000000;}
#UD dl.color_change dd.default a{ color: #000000; background-color: #333333; /* border: 1px solid #333333; */}
#UD dl dd a img { background-color:#333333; margin: 1px; border-radius: 50%;}
#UD dl dd.low a img { background-color:#c0c0c5;}
#UD dl.color_change dd.default a img { background-color:#ffffff;}
#UD dl.textsize_change dd a.textresizer-active img { background-color:#44B7CF;}

.header .page_control form.search {width: 362px;margin:8px 0px 0px;float:right;text-align:center;}
.header .page_control form.search label.search_txt{display:block;width:132px; height: 43px;margin-right: 8px;float:left;}
.header .page_control form.search input#search_txt {display:block;width:74%; padding:9px 2%;margin: 0%;border:none;background-color:#fafafa;float:left;}
.header .page_control form.search input#search_txt:focus { background-color:#ffffff;outline: none;}
.header .page_control form.search input.search_bt { width:20%; height: 29px; color:#ffffff;padding:3px 0px;margin: 2px 1% 2px 1%;font-weight:bold;background-color:#2b2b2b;border:none;float:left;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-appearance:none;}
.header .page_control form.search input.search_bt:hover { opacity: 0.9;}
.header .page_control form.search .search_box { width: 214px; padding: 4px; background: url(../img/pt_obliqueline.png) #b9e4ed;}
.header .page_control form.search .search_inner { padding: 0px; background-color: #ffffff; border: 1px solid #74cadc;}

.header .nav{background-color: #F1F1E7;}
.header .nav .menu_button{display:none;}
.header .nav ul { width: auto; margin: 0 5px; padding:0px;list-style:none;}
.header .nav ul li{margin:10px 5px 5px;float:left; background: center bottom no-repeat; }
.header .nav ul li a {display:block; width: 175px; height: 90px; text-align: center; background: center no-repeat;}
.header .nav ul li a img { margin-top: 18px;}
.header .nav ul li a:hover{ opacity: 0.9;}
.header .nav ul li.menu01 { background-image: url(../img/menu_bg_01.png);}
.header .nav ul li.menu02 { background-image: url(../img/menu_bg_02.png);}
.header .nav ul li.menu03 { background-image: url(../img/menu_bg_03.png);}
.header .nav ul li.menu04 { background-image: url(../img/menu_bg_04.png);}
.header .nav ul li.menu05 { background-image: url(../img/menu_bg_05.png);}
.header .nav ul li.menu06 { background-image: url(../img/menu_bg_06.png);}
#UD dl dd a:hover img { opacity: 1;}


/* CONTENTS ---------------- */
.contents { border: 10px solid #F1F1E7; border-bottom: none; box-sizing: border-box;}
.contents .locus { margin-bottom: 30px; padding: 0.15em 0 1em 24px; font-size: 0.8em; background: url(../img/icon_home.png) left 0.15em no-repeat #F1F1E7;}
.contents .txtbox,
.contents .section { margin-bottom: 1.5em;}

.contents .article { width:750px; float: left; margin-left: 35px;}
.no_nav .contents .article {width:auto;float:none; margin-right: 35px;}

.contents .article h1 {padding:0.8em 1.6em;border:4px solid #f1f1e7;background:url(../img/heading1_bg.png) no-repeat left top;font-weight:normal;}
.contents .article h2 {padding:0.5em;border-top:3px solid #f1f1e7;border-bottom:3px solid #f1f1e7;font-size:1.2em}
.contents .article h2:before{left:0px;top:6px;bottom:6px;border-left:4px solid #64C5D9;}
.contents .article h3 { padding: 0.6em 0.5em 0.4em; font-size: 1.1em; background-color: #F1F1E7;}
.contents .article h4 { margin-bottom: 0.5em; padding: 0.1em 0 0 1.2em; font-size: 1em; }
.contents .article h4:before { top: 0.2em; left: 0px; width: 0.9em; height: 0.9em; background:url(../img/heading4_bg.png) center no-repeat; background-size: contain;}
.contents .article h5 { margin-bottom: 0.5em; font-size: 1em;}

.contents .article ol {padding-left:2em;}
.contents .article ul{list-style:none;padding-left:0px;}
.contents .article ol li,.contents .article ul li{ margin-top:0.3em; margin-bottom:0.5em;}
.contents .article ul li{padding-left:2em;}
.contents .article ul li:before{top:0.4em;left:12px;width:0.5em;height:0.5em;background:#64C5D9;border-radius:50%;}

.contents .article ul.menu li{padding:1em 0.5em 1em 2em;border-bottom:4px solid #c4e9f0;}
.contents .article ul.menu li:before{top:1.05em;width:16px;height:16px;border:none;background:url(../img/menu_link_mark.png) no-repeat center; border-radius: 30%;}

.menu .contents .article ul.menu li{padding:0.8em 0em 1.2em 0em;border-bottom:4px solid #c4e9f0;}
.menu .contents .article ul.menu li:before{ display: none;}
.menu .contents .article ul.menu li a { display: block; padding-left: 32px; background: 8px 0em no-repeat;}
.menu .contents .article ul.menu li a[href$="index.html"] { background-image: url(../img/ico_menu-folder.png);}
.menu .contents .article ul.menu li a:not([href$="index.html"]){ background-image: url(../img/ico_menu-file.png);}

.contents .article ol > li{ padding-left: 0px !important;}
.contents .article ol > li:before{ display: none !important;}
.contents .article ul li > ol,
.contents .article ol li > ul { margin: 0.5em 0;}

/* calender */
.contents .article div.calendar_box{}
.contents .article div.schedule{width:76%;float:left;}
.contents .article div.schedule dl dt{width:14em;min-height:2.5em;padding:1em 0px;float:left;clear:both;}
.contents .article div.schedule dl dd{min-height:2.5em;margin:0px;padding:1em 0px;padding-left:15em;border-bottom:1px dotted #494949;}
.contents .article div.calendar{width:20%;padding:0.5em;float:right;background:#eeeeee;box-sizing:border-box;}
.contents .article div.calendar h2{padding:0.2em;font-size:1em;border:none;font-weight:normal;}
.contents .article div.calendar h2:before{display:none;}
.contents .article dl.calendar{padding:0px;border:1px solid #cccccc;}
.contents .article dl.calendar a{color:rgba(0,0,0,0.8);text-decoration:none;}
.contents .article dl.calendar dt{padding:0.5em;background:#eeeeee;}
.contents .article dl.calendar .sat{background-color:#bae7ff;}
.contents .article dl.calendar .sun{background-color:#ffbaba;}
.contents .article dl.calendar dd{margin:0px;border-bottom:1px dotted #494949;background:#ffffff;}
.contents .article dl.calendar dd span,
.contents .article dl.calendar dd a{display:block;padding:0.5em;}
.contents .article dl.calendar dd.active a,
.contents .article dl.calendar dd a:hover{background:rgba(128,128,128,0.1);}
.contents .article dl.calendar dd span{color:#777777;}
.contents .article dl.calendar dd:last-child{border:none;}

.contents .article .summary{padding:0.5em;border:1px dotted #a4a6a7;}

.contents .nav {width:250px;float:right; margin-right: 35px;}
.contents .nav ul,
.contents .nav dl{padding:0px;list-style:none;background:#f1f1e7;}
.contents .nav dl dt{ position: relative; padding: 1.2em 0.5em 1em; background: #c4e9f0; text-align: center; font-weight: bold;}
.contents .nav dl dt:before,
.contents .nav dl dt:after { display: block; position: absolute; content: " "; background: no-repeat;}
.contents .nav dl dt:before { top: 20%; bottom: 0%; left: 0px; width: 20%; background-image: url(../img/sidemenu_left_bg.png); background-position: left bottom;}
.contents .nav dl dt:after { top: 00%; bottom: 20px; right: 0px; width: 20%; background-image: url(../img/sidemenu_right_bg.png); background-position: right top;}
.contents .nav dl dd{margin:10px;background:#ffffff;}
.contents .nav dl dd a {display:block;padding: 1em 2em 1em 1em; background: url(../img/arrow_nav.png) 98.5% center no-repeat; text-decoration: none; transition-duration: 0.1s}
.contents .nav dl dd a:hover { background-position: right center; text-decoration: underline;}
.contents .nav ul.img_banner { margin-bottom: 0px; background-color: transparent;}
.contents .nav ul.img_banner li { margin-bottom: 1em;}
.contents .nav ul.img_banner li a { display: block; text-align: center;}
.contents .nav ul.img_banner li a img { max-width: 100%;}
.contents .nav ul.txt_banner { background-color: transparent;}
.contents .nav ul.txt_banner li { margin-bottom: 1em; padding: 5px; background: url(../img/pt_obliqueline_02.png) #C9C99E;}
.contents .nav ul.txt_banner li a { display: block; padding: 1.1em 4px 0.9em 30px; font-size: 0.9em; background: url(../img/arrow_02.png) 6px center no-repeat #ffffff; text-decoration: none;box-sizing:border-box;}
.contents .nav ul.txt_banner li a:hover { background-position: 8px center; text-decoration: underline;}

.contents .article h2,
.contents .article h4,
.contents .article ul li{position:relative;}
.contents .article h2:before,
.contents .article h4:before,
.contents .article ul li:before{display:block;content:" ";position:absolute;}

.contents .section .link_section .link_list li:before { top: 0.2em; width: 0.8em; height: 0.8em; background: url(../img/arrow_00.png) center no-repeat #5AA6BC; border-radius: 15%}
.contents .section .file_section .file_list li { padding-left: 0px;}
.contents .section .file_section .file_list li:before { display: none;}
.contents .section .file_section .file_list li a { padding-left: 2em; background: url(../img/file_list_mark.gif) 7px 0.2em no-repeat;}
.contents .section .file_section .file_list li.pdf a { background-image: url(../img/file_list_mark_pdf.png);}
.contents .section .file_section .file_list li.doc a { background-image: url(../img/file_list_mark_doc.gif);}
.contents .section .file_section .file_list li.xls a { background-image: url(../img/file_list_mark_xls.gif);}

.contents .acrobat { clear:both; padding: 10px 10px 0px; background-color:#F4F3EE;}
.contents .acrobat .icon { display: block; float: left;}
.contents .acrobat p { margin-bottom: 0.5em; padding-left: 170px; font-size: 0.9em;}

.contents .section.info_section { padding: 5px; background: url(../img/pt_obliqueline.png) #b9e4ed;}
.contents .section.info_section .info_section.inner { padding: 0.5em; background-color: #ffffff;}
.contents .section.info_section .info_section.inner form { text-align: center; margin-bottom: 0.5em;}
.contents .section .info_section h2 { padding-left: 2.5em; font-size: 1.1em; border-top: none; background: url(../img/icon_mail.png) 0.5em 0.6em no-repeat; border-bottom: 1px dotted #333333;}
.contents .section .info_section h2:before { display: none;}
.contents .section .info_section p { padding-left: 1em;}

.contents .section .form_section { border: 4px solid #f0efe8; border-top: none;}
.contents .section .form_section h2 { padding-bottom: 0.4em; text-align: center; background-color: #F0EFE8; border: none;}
.contents .section .form_section h2:before { display: none;}
.contents .section .form_section dl { margin-bottom: 0em;}
.contents .section .form_section dl dd { margin: 0.5em 1em 1em; font-size: 0.9em;}
.contents .section .form_section form { padding: 0 1em;}
.contents .section .form_section form fieldset { padding-top: 0.5em;}
.contents .section .form_section form textarea { width: auto; min-width: 95%; margin-top: 1em; margin-left: auto; margin-right: auto; box-sizing: border-box;}

.contents .article table { margin-bottom: 1.5em; border-collapse:collapse;}
.contents .article table,
.contents .article table th,
.contents .article table td { border: 2px solid #E8E8D6;}
.contents .article table th,
.contents .article table td { padding: 0.5em;}
.contents .article table th { background-color: #F1F1E7;}
.contents .article table caption { padding-bottom: 0.5em; font-size: 1.1em; font-weight: bold;}
.contents .article table ul,
.contents .article table ol{margin:0;}
.contents .article .txtbox table th,
.contents .article .txtbox table td { padding: 0.75em;}

.contents .txtbox .figure img { max-width: 100%;}
.contents .imgbox { margin: 2em auto 1.5em; text-align: center;}
.contents .imgbox img { max-width: 100%;}

/******************************************************************************************************/
/* READ LINK */
#Map,#Map *,#jump{padding:0px;overflow:visible;}
#jump a{position:absolute;width:0px;height:0px;overflow:auto;text-indent:-999em;}
#jump a:focus{width:12em;height:1.5em;text-indent:0px;background:#ffffff;text-align:center;}
#TOP{min-width:1024px;padding:0px;}

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

/* table */
.contents .article table.noborder,
.contents .article table.noborder th,
.contents .article table.noborder td{border:none;}
.contents .article table.widetable{display:block;max-width:100%;overflow:auto;border:none;}
.contents .article table.widetable caption{display:block;}
.contents .article table.widetable tbody{display:table;}
.contents .article table.widetable.nowrap tbody { white-space: nowrap;}

.contents .article table.widetable::-webkit-scrollbar { height: 3px;}
.contents .article table.widetable::-webkit-scrollbar-track { border-radius: 3px; background: #e0e0e0; opacity:1;}
.contents .article table.widetable::-webkit-scrollbar-thumb { border-radius: 3px; background: #808080;}

/* YouTube */
.contents .article .mv_area{position:relative;height:0px;width:100%;max-width:715px;margin:1em 0;padding-top:56.25%;overflow:hidden;}
.contents .article .mv_area.normal_wide{padding-top:75%;}
.contents .article .mv_area iframe{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.contents .article .mv_area p{margin:0.5em 0;font-size:0.9em;}

/* よくある質問 */
.contents .article .qanda dt{border-bottom:1px dotted #333333;}
.contents .article .qanda dd{margin:0px;}
.contents .article .qanda dt:before,.article dl.qanda dd:before{content:"Q";padding-right:0.2em;color:#333333;font-size:240%;font-family:"monospace";border-radius:45%;}
.contents .article .qanda dd:before{content:"A";color:#880000;}

/* IMAGE BOX */
.contents .article .box-image { padding: 1em 0 0;}
.contents .article .box-image li { margin: 0 1% 1%; padding: 0; float: left; text-align: center; }
.contents .article .box-image li:before { display: none;}
.contents .article .box-image li img { max-width: 100%; height: auto;}
.contents .article .box-image li p { padding-top: 0.5em; font-size: 0.8em;}

.contents .article .box-image.single li { width: 98%; float:none;}
.contents .article .box-image.double li { width: 48%;}
.contents .article .box-image.triple li { width: 31.3333333333%;}
.contents .article .box-image.quadruple li { width: 23%;}
.contents .article .box-image.pentadruple li { width: 18%;}
.contents .article .box-image.hexatruple li { width: 14.6666666666%;}

.contents .article .box-image.double li:nth-child(2n+1),
.contents .article .box-image.triple li:nth-child(3n+1),
.contents .article .box-image.quadruple li:nth-child(4n+1),
.contents .article .box-image.pentadruple li:nth-child(5n+1),
.contents .article .box-image.hexatruple li:nth-child(6n+1),.contents .article .box-image li.clear{clear:both;}

.contents .article .image_box {margin: 0px 0px 10px; padding-bottom: 0;}
.contents .article .image_box img{max-width: 100%; height: auto;}
.contents .article .image_box_center {min-width:240px; width: 50%; max-width: 80%; margin: 0px auto 10px; padding-right: 2em;}
.contents .article .image_box_left,
.contents .article .image_box_right {max-width: 50%; }
.contents .article .image_box_left {float: left; margin-right: 10px;}
.contents .article .image_box_right {float: right; margin-left: 10px;}
.contents .article .image_box_left p,
.contents .article .image_box_right p{padding-top: 0.5em; font-size: 0.85em; text-align:center;}

/* overview table */
.contents .article .overview_list{margin:1em 0 0;}
.contents .article .overview_list dt{width:10.5em;margin:0;padding:0 0 .7em 0;float:left;clear:both;}
.contents .article .overview_list dd{margin:0 0 1em;padding:0 0 .7em 11em;border-bottom:1px dotted #333333;}
.contents .article .overview_table{margin:1em 0;padding:0;width:auto;max-width:100%;}
.contents .article .overview_table th{width:25%;}

/* event section */
.contents .article .event_section .event{margin:.8em;padding:1.7em 1.2em 0.7em 1.2em;border:3px solid #c6c6c6;}
.contents .article .event_section .event dt{width:7.5em;margin:0 0 .7em 0;padding: .3em 0;font-weight:bold;background:#F0F0F0;color:#333333;text-align: center;float:left;clear:both;}
.contents .article .event_section .event dd{margin:0 0 1em;padding: .3em 0 .8em 8.6em;border-bottom:1px dotted #666666;}

/* 施設ページ */
.contents .article .mapbox .overview_table{float:left;}
.contents .article .mapbox .box-image{width:230px;float:right;}

/* イベントカレンダー */
.contents .article .calendar_section table{width:100%;}
.contents .article .calendar_section table th{}
.contents .article .calendar_section table td{vertical-align:middle;}
.contents .article .calendar_section table td.center{text-align:center;}
.contents .article .calendar_section table tr.day0{background-color:#FFDDDD;} /* 日曜・祝日 */
.contents .article .calendar_section table tr.day6{background-color:#CDDFFF;} /* 土曜日 */
.contents .article .calendar_section table td .weekday{font-size:.85em;}
.contents .article .calendar_section table td .font_comment{display:block;}
.contents .article .navgation{font-size:.9em;width: auto;margin: 0;clear:both;float:none;list-style-type:none;}
.contents .article .navgation .previous_month{float:left;}
.contents .article .navgation .next_month{float:right;}

.event .contents .nav h2{border-bottom:1px solid #ccc;font-size:1.05em;}
.event .contents .nav ul{margin:0;padding:0;}
.event .contents .nav li{display:block;padding:.3em;}
.event .contents .event_icon li{position:relative;min-height:24px;line-height:24px;padding-left:32px;}
.event .contents .event_icon li:before{display:block;content:" ";position:absolute;border-radius:0px;height:19px;top:0;bottom:0;left:4px;margin:auto 0;width:24px;height:24px;background:none no-repeat 0 0;background-color:transparent;}

/* 施設マップ */
.map .contents .article .map_cate li{display:inline;}
.map .contents .article .map_cate ul.menu { padding-top: 0.5em; padding-bottom: 0.5em;}
.map .contents .article .map_cate ul.menu li{ padding: 0em 0.5em 5px 2em;border:none;}
.map .contents .article .map_cate ul.menu li:before{ top: 0.2em;}
.contents .article .map_section .left_menu_list{width:32%;margin:0 1% 0 0;padding:0;float:left;}
.contents .article .map_section .left_menu_list h2{font-size:1.3em;background:initial;border:none;border-bottom:3px solid #CFEDF3;}
.contents .article .map_section .mapobject_list{width:auto; margin:0px;overflow:auto;padding:.4em;max-height:20em;}
.contents .article .map_section .mapobject_list .small{overflow:visible;font-size: .9em;}
.contents .article .map_section .mapobject_list .small p{text-align:left!important;}
.contents .article .map_section .mapobject_kind{height:250px;width:auto;max-height: 20em;margin: 0px; overflow:auto;padding:.2em .4em;line-height:1.25em;}
.contents .article .map_section .right_contents{width:66%;margin:2.1em 0 0 1%;padding:0;float:right;}
.contents .article .map_section .right_contents *{overflow:visible;padding:0;}
.contents .article .map_section .mapobject_map{width:auto;height:600px;border:1px solid #ddd;}
@-moz-document url-prefix(){
.contents .article .map_section .gm-style .gm-style-iw div div{overflow:hidden;}
}

/* Google Map Accesibility */
.contents .article .map_section .gm-style,
.contents .article .map_section .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.contents .article .map_section .gm-style .gm-style-cc span,
.contents .article .map_section .gm-style .gm-style-cc a,
.contents .article .map_section .gm-style .gm-style-mtc div,
.contents .article .map_section .gm-style .gm-style-iw{font-size:0.8em!important;font-weight:normal!important;line-height:1.3;}
.contents .article .map_section .gm-style a{text-decoration:underline!important;}

/* Google Custom Search */
.contents .article .search_result_google *{overflow:visible;}
.contents .article .search_result_google table,
.contents .article .search_result_google table tr,
.contents .article .search_result_google table th,
.contents .article .search_result_google table td{border:none;}
.contents .article .search_result_google .gsc-results .gsc-cursor {display: block;text-align: center;}
.contents .article .search_result_google .gsc-results .gsc-cursor-box .gsc-cursor-page{padding:.5em;border:1px solid #ccc;}
.contents .article .search_result_google .gsc-results .gsc-cursor-box .gsc-cursor-current-page{border:2px solid #ccc;}
.contents .article .search_result_google .gsc-control-cse div{padding:0;}
.contents .article .search_result_google .gsc-control-cse div.gs-title{padding:.6em 0;}
.contents .article .search_result_google .gsc-control-cse div.gsc-option {padding: 0.3em 1em;}
.contents .article .search_result_google .gcsc-branding-img-noclear{max-width:unset;}
.contents .article .search_result_google .gsc-webResult.gsc-result,
.contents .article .search_result_google .gsc-results .gsc-imageResult{border:none;}
.contents .article .search_result_google .gs-promotion-text-cell{margin:0;padding:0;}
.contents .article .search_result_google .gs-promotion-text-cell .gs-snippet.gs-bidi-start-align{padding:0.75em;}

/* form */
.form .contents .article .overview_list dt{width:12.5em;}
.form .contents .article .overview_list dd{padding-left:13em;}
.form .contents .article input[type="text"]:focus{outline:none;border:1px solid #CFEDF3;}
.form .contents .article input[type="text"] {line-height:1.1em;border:1px solid #999999;max-width:90%;}
.form .contents .article .formsubmit input[type="submit"] {margin-right:0.5em;}

/* SEARCH */
.search dl.result { margin-left: 0.5em; margin-right: 0.5em;}
.search dl.result dt { margin-top: 1.2em; font-size: 1.1em;}
.search dl.result dt:first-of-type { margin-top: 0px;}
.search dl.result dd { margin-left: 1em; padding: 0.25em 0px;}
.search dl.result dd.url { color: #3B603B; font-size: 0.85em; word-wrap: break-word;}
.search dl.result dd.description {}
.search dl.result dd.description + dd { font-size: 0.9em;}

.search p.pagenation { margin: 2em 0.5em; font-size: 0.95em;}
.search p.pagenation span.nowpage { border: none; padding: 0.2em 0.1em 0.2em 0.5em;}
.search p.pagenation a { border: 1px solid; padding: 0.2em 0.5em;}
.search p.pagenation a.next,
.search p.pagenation a.previous { border: none; }
.search p.pagenation span.nowpage,
.search p.pagenation a,
.search p.pagenation a.next,
.search p.pagenation a.previous { display: inline-block; margin-bottom: 0.3em;} 

/******************************************************************************************/

/* SUB TOP */
.subtop .contents .locus { margin-bottom: 0px;}
.subtop .contents h1 { margin:35px; padding: 0.8em 1.6em; border: 4px solid #f1f1e7; background:url(../img/heading1_bg.png) no-repeat left top; font-weight:normal;}

.subtop .contents .nav ul.life_menu { padding: 0px; background: url(../img/pt_obliqueline_03.png) #F7D4DA;}
.subtop .contents .nav ul.life_menu li { width: 234px; margin: 8px; background: url(../img/st_menu_arrow.png) right bottom no-repeat #ffffff; }
.subtop .contents .nav ul.life_menu li a { position: relative; display: block; min-height: 60px; color: #000000; }
.subtop .contents .nav ul.life_menu li a:before { position: absolute; display: block; content: " "; top: 0px; bottom: 0px; left: 8px; width: 52px; background: center no-repeat;}
.subtop .contents .nav ul.life_menu li a:hover { opacity: 0.9;}
.subtop .contents .nav ul.life_menu li a img { margin-top: 8px; margin-left: 64px;}
.subtop .contents .nav ul.life_menu li.life_menu01 a:before { background-image:url(../img/st_icon_01.png);}
.subtop .contents .nav ul.life_menu li.life_menu02 a:before { background-image:url(../img/st_icon_02.png);}
.subtop .contents .nav ul.life_menu li.life_menu03 a:before { background-image:url(../img/st_icon_03.png);}
.subtop .contents .nav ul.life_menu li.life_menu04 a:before { background-image:url(../img/st_icon_04.png);}
.subtop .contents .nav ul.life_menu li.life_menu05 a:before { background-image:url(../img/st_icon_05.png);}
.subtop .contents .nav ul.life_menu li.life_menu06 a:before { background-image:url(../img/st_icon_06.png);}
.subtop .contents .nav ul.life_menu li.life_menu07 a:before { background-image:url(../img/st_icon_07.png);}
.subtop .contents .nav ul.life_menu li.life_menu08 a:before { background-image:url(../img/st_icon_08.png);}
.subtop .contents .nav ul.life_menu li.life_menu09 a:before { background-image:url(../img/st_icon_09.png);}

.subtop .contents .section .subtop_section .left_column,
.subtop .contents .section .subtop_section .right_column { width: 49%;}
.subtop .contents .section .subtop_section .left_column { margin-right: 1%; float: left;}
.subtop .contents .section .subtop_section .right_column { margin-left: 1%; float: right;}
.subtop .contents .section .subtop_section .left_column > .section,
.subtop .contents .section .subtop_section .right_column > .section { margin-bottom: 1em; background-color: #e8e8d6;}

.subtop .contents .section .subtop_section .section { position: relative; padding-bottom: 0px;}
.subtop .contents .section .subtop_section .section h2 { margin-bottom: 0px; padding: 1em 3em 0.9em 24px; font-size: 1em; border: none;}
.subtop .contents .section .subtop_section .section h2:before { top: 0.9em; bottom: 1em; left: 12px; width: 5px; background-color: #f0acb8; border: none;}
.subtop .contents .section .subtop_section .section h2 a { text-decoration: none;}
.subtop .contents .section .subtop_section .section h2 a:hover { text-decoration: underline;}
.subtop .contents .section .subtop_section .list_open { position: absolute; top: 0.6em; right: 12px; display: block; width: 2em; height: 2em; padding-bottom: 0px; cursor: pointer; transition-duration: 0.2s; overflow:hidden;}
.subtop .contents .section .subtop_section .list_open:hover { opacity: 0.9;}
.subtop .contents .section .subtop_section .list_open + div { margin: 0px 6px 6px; padding-bottom: 0px; background-color: #ffffff; display: none;}
.subtop .contents .section .subtop_section ul,
.subtop .contents .section .subtop_section ul + p { margin-bottom: 0px;}
.subtop .contents .section .subtop_section ul + p a { display: block; text-align: left; margin-top: 0.5em; padding: 0.5em; font-size: 0.95em;}
.subtop .contents .section .subtop_section ul li { margin: 0 0.5em; padding: 0.6em 0.5em 0.6em 32px; border-bottom: 1px dotted #000000;}
.subtop .contents .section .subtop_section ul li:before { left: 10px; top: 0.75em; height: 14px; width: 14px; background:url(../img/arrow_00.png) center no-repeat #f0acb8; border-radius: 15%;}
.subtop .contents .section .subtop_section ul li a { text-decoration: none;}
.subtop .contents .section .subtop_section ul li a:hover { text-decoration: underline;}

.contents .section .news_section { position: relative; border: 6px solid #E8E8D6; box-sizing: border-box;}
.contents .section .news_section h2 { float: left; width: 134px; height: 26px; margin: 12px; border: none; border-bottom: 1px dashed #333333;}
.contents .section .news_section h2:before { top: 9px; bottom: 9px; border-left: 5px solid #F0ACB8;}

.contents .article .news_section p.nodata,
.contents .article .news_section .news { margin: 0px 26px 0.8em; clear: both;}
.contents .article .news_section .news dt,
.contents .article .news_section .news dd { padding: 1em 0px 0.8em;}
.contents .article .news_section .news dt { float: left; width: 9em; padding-left: 0.5em;}
.contents .article .news_section .news dd { margin-left: 0px; padding-left: 10em; border-bottom: 1px dotted #333333;}
.contents .article .news_section .news dd a {}
.contents .article .news_section .news dd a:hover { text-decoration: none;}

.contents .section .news_section ul.news_button { position: absolute; top: 10px; right: 10px; font-size: 0.9em;}
.contents .section .news_section ul.news_button li { float: left; width: 5em; padding: 0px;}
.contents .section .news_section ul.news_button li:before { display: none;}
.contents .section .news_section ul.news_button li a { display: block; padding: 0.8em 0.8em 0.6em; text-align: left; color: #000000; text-decoration: none;}
.contents .section .news_section ul.news_button li a:hover { opacity: 0.9;}
.contents .section .news_section ul.news_button li.list a { text-align: center; background-color: #E7E7D4;}
.contents .section .news_section ul.news_button li.rss a { padding-left: 28px; background: url(../img/icon_rss.png) 8px center no-repeat #FF870F;}

#iken { width: 100%;}

/* FOOTER ---------------- */
.footer { margin-bottom: 64px; padding: 0px 10px 10px; background-color: #f1f1e7; box-sizing: border-box;}
.footer a { color: #000000;}
.footer .wrap { padding: 10px; background-color: #ffffff;}
.footer .copyright{margin:0px;text-align:right;font-size:0.7em; float: right; clear: both;}
.footer .reread_link { width:80px; padding-bottom: 0px; position: fixed ;bottom: 32px; right:0px; background: url(../img/pt_obliqueline.png) #b9e4ed; z-index: 50; opacity: 0.7;}
.footer .reread_link a {display:block;height:70px; width: 70px; margin: 5px; text-align: center; background-color: rgba(240,249,251,1); overflow: hidden;}
.footer .reread_link:hover { opacity: 0.9;}
.footer .reread_link:hover a img { opacity: 1;}
.footer dl { float: left; clear: both;}
.footer dl dt { margin-bottom: 0.5em; font-weight: bold; font-size: 1.1em;}
.footer dl dd { margin-left: 0px; font-size: 0.9em; line-height: 1.6em;}

.footer ul.nav { float: none; font-size: 0.8em; text-align: center; list-style: none; clear: both;}
.footer ul.nav li { display: inline-block;padding: 0.8em 0px; }
.footer ul.nav li a { position: relative; padding: 0 0.7em 0 1em;}
.footer ul.nav li a:before { display: block; content: " "; position: absolute; top: 0.15em; bottom: 0.25em; left: 0px; width: 1px; background-color: #666666;}
.footer ul.nav li:first-child a:before { display: none;}

.footer ul.sub_nav { float: left; margin-bottom: 0px; padding-left: 0px; font-size: 0.8em; list-style: none;}
.footer ul.sub_nav li { margin-right: 1.5em; padding: 0.5em 0px 1em 18px; background: url(../img/arrow_02.png) left 0.45em no-repeat; float: left;}
.footer ul.sub_nav li a { text-decoration: none;}
.footer ul.sub_nav li a:hover { text-decoration: underline;}

.footer dl + a { display: block; margin-bottom: 1.5em; float: right;}
.footer dl + a:after { display: block; clear:both; content: "";}
.footer .mobile {}

@media screen and (min-width: 0px) and (max-width: 1144px) {
textarea ,
#TOP,
.header ,
.contents ,
.contents .article ,
.contents .article .form_section input[type=radio],
.contents .article .image_box li ,
.contents .article .image_box li img ,
.contents .article .imagetable table,
.contents .article .imagetable table th,
.contents .article .imagetable .figure,
.contents .nav ,
.footer {position:static;width:auto;min-width:0px;max-width:100%;float:none;}


/* CONTENTS WIDTH */
.header,
.contents,
.footer {width: 92%;}


/* HEADER ---------------- */
.header .page_control { width: auto;}
.header .page_control > ul { float: right; margin-bottom: 14px; margin-right: 0px;}
.header #UD { clear: both;}
.header .nav ul { width: 98%; margin: 0px 1%;}
.header .nav ul li { width: 15.66%; margin-left: 0.5%; margin-right: 0.5%; border-right: 3px solid #D5D1BD; box-sizing: border-box;}
.header .nav ul li:first-child { width: 15.7%;}
.header .nav ul li a { width: 100%; background-size: contain;}


/* CONTENTS -------------- */
.contents .nav,
.contents .article { margin-left: 5%; margin-right: 5%;}
.contents .section .form_section { margin-bottom: 2em;}

.contents .nav ul.img_banner li { float: left; width: 49%; margin-left: 2%;}
.contents .nav ul.img_banner li:nth-of-type(2n-1) { margin-left: 0px;}

/***************************************************************************/
.contents .article .box-image.single li{width:48%;float:left;}
.contents .article .box-image.single li:nth-child(2n+1){clear:both;}
.contents .article .mapbox .overview_table{float:none;}
.contents .article .mapbox .box-image{width:auto;float:none;margin-left:auto;margin-right:auto;}
.contents .article widetable thead,.contents .article .widetable tbody {white-space: nowrap;}
/***************************************************************************/

/* SUB TOP */
.subtop .contents .nav ul.life_menu li { float: left; width: 48%; margin-left: 1%; margin-right: 1%; margin-bottom: 0px;}
.subtop .contents .nav ul.life_menu li:last-of-type { margin-bottom: 8px;}
.subtop .contents .section .subtop_section .right_column > .section:last-of-type { margin-bottom: 0px;}
}

@media screen and (min-width: 0px) and (max-width:840px) {
/* HEADER ------------ */
.header .wrap .title, .header h1 { width: 239px; height: 53px; margin-top: 16px; background-position: center; background-size: contain;}
.header .wrap .title a, .header h1 a { height: 100%;}
.header .nav ul { width: 555px; margin: 0px auto;}
.header .nav ul li,
.header .nav ul li:first-child { width: auto; margin:10px 5px 5px; border: none; }
.header .nav ul li a { width: 175px; background-size: auto;}
.header .page_control { position: relative; width: 100%; margin: 0px auto; overflow: visible;}
.header .page_control > ul { position: absolute; right: 0px; top: -67px;}

.header #UD { margin-top: 24px; text-align: center;}
.header #UD > dl { display:inline-block; margin-right: 8px; margin-left: 8px; padding: 0px; float: none;}
.header .page_control ul,
#UD dl, #UD dl dt, 
.header .page_control dl dd { min-height: 44px;}
#UD dl dd a { width: 44px; height: 44px; margin: 0px 4px;}
#UD dl dt img { margin-top: 5px;}
/*
#UD dl dd a img { margin-top: 8px;}
*/
#UD dl dd a img { padding: 8px;}

.header .page_control form.search { width: 100%; margin-top: 16px;}
.header .page_control form.search label.search_txt { width: 22%; margin-right: 0px;}
.header .page_control form.search .search_box { width: 74%; float: right;}

/* CONTENTS -------------- */
.contents .article .form_section input[type=radio] { margin-bottom: 1.5em;}
.contents .article .form_section dl dd label { margin-bottom: 1.5em; }
.contents .section ul li { margin-bottom: 2em;}
.contents .section .form_section form fieldset { padding-top: 1.5em;}
.contents .section.info_section .info_section.inner a.mail { clear: both;}


/* FOOTER ------------ */
.footer .mobile { display: block; float: none; margin: 0 auto 2em;}

/**********************************************************************/
.contents .article .organization_section .organization_table{border-collapse: collapse;border:none;width: 100%;}
.contents .article .organization_section .organization_table .title{display:none;}
.contents .article .organization_section .organization_table tr{border:none;display:block;margin:0 0 .8em;;padding:0;width:auto;}
.contents .article .organization_section .organization_table td{border:none;display:block;margin:0px;padding:.3em 0;width:auto;}
.contents .article .organization_section .organization_table td.headtitle{margin:0 0 .5em;padding:.4em;color:#000000;background:#f4f4f4;border-left:4px solid #CFEDF3;}
.contents .article .organization_section .organization_table td.headtitle a{color:#000;}
.contents .article .organization_section .organization_table td.nodata{display:none;}

.contents .article .map_section .right_contents,
.contents .article .map_section .left_menu_list{width:auto;margin:1em 1% 0;float:none;}
.contents .article .map_section .list_category{width:48%;float:left;}
.contents .article .map_section .list_place{width:48%;float:right;}
.contents .article .map_section .mapobject_list{height:20em;}
.contents .article .map_section .mapobject_map{height:400px;}
.contents .article .map_section .left_menu_list p{clear:both;text-align: center;padding-top:1em;}
/***********************************************************************/
}

@media screen and (min-width: 0px) and (max-width:640px) {
.contents .article div.schedule,
.contents .article div.schedule dl dt,
#UD dl.color_change ,#UD dl.textsize_change,
#UD dl.color_change,
.header .page_control form.search ,
.header .nav ul li,
.contents .article div.calendar{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
/*
.header .page_control ul,
.header .page_control ul li a.announce ,
.header .page_control ul li a.language ,
*/
.header .nav ul,
.header #UD {display:none;}
.header .page_control form.search label.search_txt img { width: 32px; height: 43px;}
.header .nav .menu_button{display:block;}
.contents .article div.schedule dl dt,
.contents .article div.schedule dl dd{min-height:0px;padding:0.5em 0px;}
.header .wrap .title,.header h1 { margin-left: auto; margin-right: auto; float: none;}

.header .page_control ul { position: static; top: inherit; width: 150px; margin: 0px auto 0px; text-align: center; float: none; clear: both;}
/* header .page_control ul li:first-of-type { display: none;} */

/****************************************************************************/
.contents .article .overview_list dt,.form .contents .article .overview_list dt,.contents .article .event_section .event dt{width:auto;float:none;text-align:left;padding-left:.5em;}
.contents .article .overview_table {width:100%;border:none;}
.contents .article .overview_table th,.contents .article .overview_table td{display:block;width:auto;text-align:left;}
.contents .article .overview_table td{padding-top:0;padding-bottom:.7em;}
.contents .article .overview_table th,.contents .article .overview_list dt{border:none;margin-bottom:.8em;padding:.3em;color:#333333;font-weight:bold;background:#EEF0F2;}
.contents .article .overview_table td,.form .contents .article .overview_list dd,
.contents .article .overview_list dd{border:none;padding-left:0;margin-bottom:0;}
.contents .article .event_section .event dd{width:auto;padding-left:1em;}

.contents .article .calendar_section table .title{display:none;}
.contents .article .calendar_section table tr{border:none;display:block;margin:0 0 .8em;;padding:0;width:auto;}
.contents .article .calendar_section table td{border:none;display:block;margin:0px;padding:.3em 0;width:auto;}
.contents .article .calendar_section table td.center{text-align:left;margin:0 0 .5em .5em;padding:.4em;font-weight:bold;background:#f4f4f4;border-bottom:2px solid #CFEDF3;}
.contents .article .calendar_section table td .font_comment{display:inline;padding-left:.7em;}

.contents .article .calendar_section table tr.day0,
.contents .article .calendar_section table tr.day6{background:initial;}
.contents .article .calendar_section table tr.day0 td.center{background-color:#FFDDDD;} /* 日曜・祝日 */
.contents .article .calendar_section table tr.day6 td.center{background-color:#CDDFFF;} /* 土曜日 */

.contents .article .box-image.triple li,
.contents .article .box-image.quadruple li{width:48%;}
.contents .article .box-image.pentadruple li,
.contents .article .box-image.hexatruple li {width: 31.3333333333%;}

.contents .article .box-image.double li:nth-child(2n+1),
.contents .article .box-image.triple li:nth-child(3n+1),
.contents .article .box-image.quadruple li:nth-child(4n+1),
.contents .article .box-image.pentadruple li:nth-child(5n+1),
.contents .article .box-image.hexatruple li:nth-child(6n+1),.contents .article .box-image li.clear{clear:initial;}

.contents .article .box-image.triple li:nth-child(2n+1),
.contents .article .box-image.quadruple li:nth-child(2n+1),
.contents .article .box-image.pentadruple li:nth-child(3n+1),
.contents .article .box-image.hexatruple li:nth-child(3n+1){clear:both;}

.contents .article .mv_area,.contents .article .map_ground{width:88%;margin-left:auto;margin-right:auto;}

.contents .acrobat .icon { float: none; margin-bottom: 0.5em; text-align: center;}
.contents .acrobat p { padding-left: inherit;}

.contents .article .map_section .list_category,
.contents .article .map_section .list_place{width:auto;float:none;}

.contents .article .news_section .news dt,
.contents .article .news_section .news dd { padding-bottom: 0.5em;}
.contents .article .news_section .news dt { float: none; width: auto; padding-top: 0.5em;}
.contents .article .news_section .news dd { padding-top: 0em; padding-left: 1em;}

.no_nav .contents .article{margin:0 1.5%;}
/***************************************************************************/

/* HEADER -------------- */
.header .nav .menu_button { position: fixed; top: 5px; right: 5px; width: 44px; height: 44px; padding: 0px; background-color: #74cadc; border-radius: 4px; z-index: 100; transition-duration: 0.2s;}
.header .nav .menu_button.active { background-image: url(../img/menu_close.png); background-color: #ffffff;} 
.header .nav .menu_button:hover { background-color: #ffffff; box-shadow: 0px 0px 0px 2px #63ACBB;}
.header .page_control form.search { width: 100%; margin-top: 16px;}
.header .page_control form.search label.search_txt { width: 12%; margin-right: 0px;}
.header .page_control form.search .search_box { width: 84%; float: right;}
.header .nav ul,
.header #UD { position: fixed; right: 0px; width: 95%; background: #74CADC; background-color: rgba(116,202,220,0.8); z-index: 99;}
.header .nav ul { top: 190px; bottom: 0px;}
.header #UD { top: 0px; height: 190px; margin: 0px; padding: 0px; }
#UD dl.color_change,
#UD dl.textsize_change { display: block; width: 250px; margin-left: auto; margin-right: auto;}
#UD dl.color_change { margin-top: 20px;}
#UD dl.textsize_change { margin-top: 60px;}
#UD dl.color_change dt { width: 80px;}

.header .nav ul li { width: auto; margin: 0px;}
.header .nav ul li:first-child { margin: 0px; border-top: 1px dotted #666666;}
.header .nav ul li.menu01,
.header .nav ul li.menu02,
.header .nav ul li.menu03,
.header .nav ul li.menu04,
.header .nav ul li.menu05,
.header .nav ul li.menu06 { background: rgba(255,255,255,0.6); border-bottom: 1px dotted #666666;}
.header .nav ul li a { height: 54px; width: auto; background-size: auto;}
.header .nav ul li a img { margin-top: 0px;}

/* CONTENTS -------------- */
.contents h1 { font-size: 1.5em;}
.contents .article .form_section dl dd { margin-left: 0px; margin-right: 0px;}
.contents .article .form_section input[type=radio] { margin-bottom: 1.5em; display: block; float: left;}
.contents .article .form_section form fieldset label,
.contents .article .form_section dl dd label { display: block; margin-bottom: 1.5em;}
.contents .nav ul.img_banner li { float: none; width: auto; margin-left: 0px;}
.contents .section.info_section .info_section.inner a.mail { margin-left: auto; margin-right: auto; float: none;} 
.contents .article .box-image.double li { width: 98%; float: none;}
.contents .acrobat p {padding-left: 0px;}


/* SUB TOP */
.subtop .contents .nav ul.life_menu li { width: auto; margin-left: 8px; margin-right: 8px; float: none;}
.contents .section .news_section dl dt { float: none; width: auto; padding-bottom: 0.5em;}
.contents .section .news_section dl dd { padding-top: 0px; padding-left: 1em; border-bottom: 1px dotted #333333;}
.contents .section .news_section ul.news_button { position: static; margin: 12px;}
.contents .section .news_section ul.news_button li { width: 50%;}
.contents .section .news_section ul.news_button li.rss a { padding-left: 0.8em; text-align: center; background-position: 12px center;}

.subtop .contents .section .subtop_section .left_column,
.subtop .contents .section .subtop_section .right_column { width: 100%; margin-left: 0px; margin-right: 0px; float: none;}

/* FOOTER -------------- */
.footer dl { margin-bottom: 2em;}
.footer ul.nav,
.footer ul.sub_nav { width: 90%; margin: 0px 5% 1em;}
.footer ul.nav li { display: block; float: none; margin: 0px; padding: 0px;}
.footer ul.sub_nav li { float: none; margin: 0px; padding-bottom: 0px; background-position: left 1.8em;}
.footer ul.nav li a,
.footer ul.sub_nav li a { display: block; padding-top: 1.25em; padding-bottom: 1.25em;}
.footer ul.nav li a:before { top: -2px; bottom: auto; left: 0px; right: 0px; width: auto; height: 2px; background: url(../img/pt_dot.png); background-color: transparent;}

.footer .reread_link{ width:60px;}
.footer .reread_link a{ height:50px; width: 50px; background-size: contain;}
}

@media screen and (min-width: 0px) and (max-width:486px) {
.no_nav .contents .article{margin:0 1%;}
.map .contents .article .map_cate li{display:block;}
}

@media screen and (min-width:641px) {
html body #menu,
html body #UD{display:block !important;}
}

#pc,#sp{display:none;}
#pc{margin-bottom:1em;clear:both;}
@media screen and (min-width: 0px) and (max-device-width:640px){
 #sp{display:none;margin-bottom:0;width:100%;height:100px;font-size:4em;text-align:center;border:4px solid #ccc;background:#eee;}
 #pc{display:block;margin:.8em auto;text-align:center;}
}
@media screen and (min-width: 0px) and (max-device-width:640px) and (min-width:1000px){
 #pc,#menuopen{display:none;}
 #sp{display:block;}
}

/* table width */
.contents .article table.organization_table .row01{width:16em;}
.contents .article table.organization_table .row02{width:10em;}

/* icon */
.event .contents .event_icon li.event_icon01:before{background-image:url(../img/calendar_icon01.png);}
.event .contents .event_icon li.event_icon02:before{background-image:url(../img/calendar_icon02.png);}
.event .contents .event_icon li.event_icon03:before{background-image:url(../img/calendar_icon03.png);}
.event .contents .event_icon li.event_icon04:before{background-image:url(../img/calendar_icon04.png);}
.event .contents .event_icon li.event_icon05:before{background-image:url(../img/calendar_icon05.png);}
.event .contents .event_icon li.event_icon06:before{background-image:url(../img/calendar_icon06.png);}
.event .contents .event_icon li:before,
.event .contents .event_icon li.event_icon07:before{background-image:url(../img/calendar_icon07.png);}

/* color */
.contents .article .event_section .event dt{background:#F1F1E7;color:#333333;border:1px solid #E8E8D6;}

@media screen and (min-width: 0px) and (max-width:840px) {
  .contents .article .organization_section .organization_table td:nth-child(2):before{content:"電話番号："}
  .contents .article .organization_section .organization_table td:nth-child(3):before{content:"業務内容："}
  .contents .article .overview_table th, .contents .article .overview_list dt{background:#F3FAFC;color:#333333;border-bottom:2px solid #CFEDF3;}
}

@media print{
html,body{width:1144px;margin:0;padding:0;overflow-x:hidden;}
#TOP{min-width:1144px;width:1144px;margin:0;padding:0;overflow-x:hidden;}
body,body > .wrap{background:none;}
#fb-root{display:none;}
}




/* AI Chat bot */
#ai_chat,
#ai_chat * { box-sizing: border-box;}
#ai_chat { position: fixed; bottom: 10px; right: 100px; width: 160px; z-index: 9999; cursor: pointer;}
#ai_chat.hidden { display: none!important; opacity: 0!important;}

#ai_chat a { text-decoration: none;}

#ai_chat_open { display: block; border: 2px dotted rgba(0,0,0,0);}
#ai_chat_open:hover,
#ai_chat_open:focus { border: 2px dotted rgba(0,0,0,1);}
#ai_chat_open img { max-width: 100%; height: auto;}

#ai_chat_close { display: flex; justify-content: center; align-items: center; position: absolute; top: 0px; right: 1px; width: 22px; height: 22px; color: #fff; border-radius: 4px; z-index: 100;}
#ai_chat_close:hover,
#ai_chat_close:focus { box-shadow: inset 0 0 0 2px #fff}