@charset "UTF-8";
/******************** CSS RESET ********************/
*, *::before, *::after {
box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
img {
max-width: 100%;
vertical-align: bottom;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
address {
font-style: normal;
}
input:not([type="radio"]):not([type="checkbox"]), button, textarea {
padding: 0;
margin: 0;
background: none;
border: none;
border-radius: 0;
-webkit-appearance: none;
}
input[type="radio"]{
margin-top: 0;
padding-top: 0;
}
input,
label{
vertical-align: middle;
}
legend{
width: 100%;
}
/******************** 共通設定 ********************/
body {
font-family: arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.7;
letter-spacing: 0.1em;
color: #333;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 769px) {
body{
position: static !important;
width: 100% !important;
}
}
/**** テキスト ****/
p, li {
margin-top: 12px;
}
.small {
font-size: 85%;
}
/**** リンク ****/
a:link {
text-decoration: underline;
color: #2b3095;
}
a:visited {
text-decoration: underline;
color: #791e78;
}
a:hover {
text-decoration: none;
color: #9f0000;
}
a:active {
text-decoration: none;
color: #9f0000;
}
.link_white:link {
text-decoration: underline;
color: #fff;
}
.link_white:visited {
text-decoration: underline;
color: #eee;
}
.link_white:hover {
text-decoration: underline;
color: #ffff00;
}
.link_white:active {
text-decoration: underline;
color: #ffff00;
}

/**** 別ウィンドウで開く ****/
.window {
display: inline-block;
font-size: 62.5%;
font-weight: normal;
background: #e0f4ff;
color: #333;
border-radius: 4px;
padding: 1px 4px;
margin: 0 4px;
border: 1px solid #88c9ea;
vertical-align: text-bottom;
word-wrap: break-word;
}
h2 .window{
font-size: 56.25%;
}
.main_naka h2 .window{
font-size: 49%;
}
/**** 本文へ_スキップ用リンク ****/
.skip {
position: relative;
text-align: center;
width: 100%;
margin: 0;
}
.skip a {
background-color: #fff;
width: 1px;
font-size: 0.1%;
line-height: 0.1;
position: absolute;
top: auto;
left: -3000px;
z-index: 9999;
padding: 4px 0;
}
.skip a:active, .skip a:focus {
display: block;
width: 100%;
margin: 0 auto;
font-size: 100%;
left: 0;
right: 0;
top: 0;
line-height: 1.5;
}
.skip_sp{
display: none;
}
@media only screen and (max-width: 768px){
.skip_sp{
z-index: -1;
position: absolute;
margin: 0;
display: block;
}
}

/**** フォーム ****/
#body input, header button, #main_outline button, footer button, #body textarea {
background: #fff;
border: 1px solid #999;
font-size: 85%;
}
/* text,textarea */
#body input[type="text"], #body input[type="file"], #body textarea ,#body input[type="password"] {
font-family: arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: #fff;
border: 1px solid #999;
padding: 8px 6px;
}
/* select */
#body select[size], #body select[multiple], #body select[size][multiple] {
padding: 6px;
}
/* submit,reset,button */
#body input[type="submit"], #body input[type="reset"],header button[type="button"],#main_outline button[type="button"],footer button[type="button"], header button, #main_outline button, footer button {
background: #0e5a88;
border-radius: 4px;
cursor: pointer;
color: #fff;
display: inline-block;
text-align: center;
padding: 6px 16px;
}
#body input[type="submit"]:hover, #body input[type="reset"]:hover,header button[type="button"]:hover,#main_outline button[type="button"]:hover,footer button[type="button"]:hover, header button:hover, #main_outline button:hover, footer button:hover {
background: #196695;
}
/**** その他 ****/
.anchor, .notit{
display:block;
height:1px;
margin-top:-1px;
}
.date{
font-size:85%;
color:#555;
display:inline-block;
margin-left:12px;
}
.noscript{
font-size:85%;
color:#a90000;
}
.none{
display:none;
}
/******************** レイアウトCSS ********************/

.design{
/*clear: both;*/
}
/*@media screen and (min-width:769px) and (max-width:1279px){
.design{min-width:980px;}
}*/

.zone01_in,
.zone02_in,
.zone03_in,
.zone04_in{
width:100%;
max-width:980px;
margin:0 auto;
padding: 0 12px;
}

@media only screen and (max-width: 768px) {
.zone01 {
float: none;
width: 100%;
}
.zone02 {
float: none;
width: 100%;
}
}

/********************** ヘッダー **********************/
.main_header {
width:220px;
float:left;
margin:0;
padding-bottom:100vh;
/*position: relative;*/
}
.main_header__inner{
box-shadow:0 0 6px rgba(0,0,0,0.4);
}
@media screen and (min-width:1280px){
.main_header__inner{
position: fixed!important;
top: 0px;
left: 0px;
width: 220px;
z-index: 999;
/*transform: translate3d(0px, 0px, 0px) !important;*/
}
#wrap_preview_contents_all .design .main_header .main_header__inner{
position:relative !important;
}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main_header{
display:block;
width:100%;
margin:0 auto;
padding-bottom:0;
background:#fff;
box-shadow:none;
height:100% !important;
position:relative !important;
float:none;
}
.main_header__inner{
position:relative !important;
height:100% !important;
width:100%;
box-shadow:none;
}
}

@media only screen and (max-width: 768px) {
.main_header{
width:100%;
overflow:hidden;
margin-bottom:-4px;
padding-bottom:0;
position:relative;
}
}

/**** ヘッダー上段リンク ****/
.h_top_wrap{
width:auto;
margin:0 auto;
padding:0;
background:rgba(232,244,249,0.8);
font-size: 75%;
}
.h_top{
max-width:1040px;
margin:0 0 0 auto;
padding:12px;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-end;
}
.h_top .h_toplist02{
display:flex;
align-items:center;
justify-content:flex-end;
margin:4px 0;
}
.h_top .h_toplist02 > li{
margin: 0 0 0 8px;
}
.h_top .h_toplist02 > li a{
display:block;
border:1px solid #999;
border-radius:4px;
background:#fff;
text-decoration:none;
padding:2px 10px;
}
.h_top .h_toplist02 > li:nth-child(2){
margin-right:16px;
}

.h_top_wrap_tb{
display:none;
}
@media screen and (min-width:769px) and (max-width:1279px){
.h_top_wrap{
display:none;
}
.h_top_wrap_tb{
display:flex;
flex-flow:row wrap;
justify-content:flex-end;
margin:0;
padding:0;
background:none;
}
.h_top_wrap_tb .h_top{
display:flex;
flex-flow:row wrap;
margin:0;
padding-right:0;
font-size:75%;
}
.h_top_wrap_tb .h_top .src_box{
width:260px;
margin:0;
padding:4px 0;
}
.h_top_wrap_tb .h_top .h_toplist02{
display:flex;
align-items:center;
justify-content:flex-end;
margin:0;
}
.h_top_wrap_tb .h_top .h_toplist02 > li{
margin: 0 0 0 12px;
}
.h_top_wrap_tb .h_top .h_toplist02 > li:nth-child(2) {
margin-right:0; 
}
}

@media only screen and (max-width: 768px) {
.h_top_wrap{
display:none;
}
}

/* 色の反転 */
.bg_color{
display: flex;
align-items: center;
margin-right:16px;
}
.bg_tit{
padding: 0;
margin: 0 6px 0 0;
}
.bg_list{
display: flex;
align-items: center;
}
.bg_list li{
padding: 0;
margin: 0 0 0 4px;
}
.bg_list li a{
display: block;
border: 1px solid #ccc;
border-radius: 4px;
background: #fff;
text-decoration: none;
padding: 0 4px;
}
.bg_list li:first-child a{
background: #000;
color: #fff;
}

/* フォントサイズ */
.font_size, .font_tit, .font, .font_list, .font_list li {
float: left;
}
.font_size {
margin-left:0;
}
.font_tit {
margin: 4px 0 0 0;
}
.font_list li {
margin: 0 0 0 4px;
}
.font_list li:nth-child(2) a{
background:#0e5a88;
color:#fff;
padding:2px 10px;
}
/**** ヘッダーメイン ****/
.head_in{
max-width: 220px;
width: 100%;
margin: 0 auto;
padding:0;
overflow: hidden;
background: #fff;
}
.h_main {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
padding: 8px 0 12px;
overflow: hidden;
}
.h_main .h1 {
margin: 0;
max-width:220px;
}
.h_main span{
margin-top:5px;
}

@media screen and (min-width:769px) and (max-width:1279px){
.head{
background:#fff;
padding:0 12px;
}
.head_in{
max-width:980px;
width:100%;
display:flex;
justify-content:space-between;
align-items: center;
margin: 6px auto 2px;
}
.h_main{
width: 100%;
height: auto;
max-width: 312px;
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
padding: 0;
position: relative;
}
.h_main .h1{
margin:0;
width:50%;
max-width:150px;
height:auto;
max-height:78px;
}
.h_main span{
margin-top:0;
width:50%;
max-width:150px;
height:auto;
max-height:78px;
}
.h_main .h1 img, .h_main span img{
max-width:150px;
}
}
@media only screen and (max-width: 768px) {
.head_in{
padding: 0;
max-width:768px;
width:100%;
}
.h_main{
flex-flow: row nowrap;
justify-content: flex-start;
padding: 8px 0;
z-index: 1;
position: relative;
}
.h_main .h1, .h_main span{
width:120px;
}
}

/* 言語選択 */
.language{
position: relative;
}
.lang_btn{
margin: 0;
}
.lang_btn a{
background: #fff;
display: inline-block;
border: 1px solid #ccc;
border-radius: 2px;
text-decoration: none;
padding: 4px 10px;
letter-spacing: 0;
transition: all 0.2s;
}
.lang_btn a:hover{
background: #efefef;
transition: all 0.2s;
}
.lang_list{
background: rgba(255,255,255);
border: 1px solid #ccc;
border-top: 0;
border-bottom: 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 100;
display: none;
border-radius: 0 0 4px 4px;
}
.lang_list li{
border-bottom: 1px solid #ccc;
padding: 0;
margin: 0;
}
.h_top .h_toplist02 .lang_list li a{
display: inline-block;
padding: 2px;
text-align: center;
width: 100%;
border: none;
}
.lang_list li:last-child{
border-radius: 0 0 4px 4px;
}
/* 検索ボックス */
.h_top .src_box {
width: 38%;
margin:0 16px 0 0;
}
.src_box .q {
float: left;
width: calc(100% - 80px) !important;
margin: 0;
height: 40px !important;
padding: 0 6px!important;
border: 2px solid #0e5a88!important;
border-right: none;
font-size: 115% !important;
}
.h_top .src_box #search_button,
.src_box #search_button_sp, 
.h_top .src_box #search_button-tb{
width: 80px;
min-height: 40px;
margin: 0;
padding: 0;
background: #0e5a88;
color: #fff;
font-size: 120%;
cursor: pointer;
border:none;
border-left: none;
white-space: normal;
border-radius: 0;
}
.h_top .src_box #search_button:hover,
.src_box #search_button_sp:hover,
.h_top .src_box #search_button-tb{
background: #006fab;
}
@media screen and (min-width:769px) and (max-width:1279px){
.h_top .src_box #search_button,
.src_box #search_button_sp, 
.h_top .src_box #search_button-tb{
width: 60px;
    }
.src_box .q {
width: calc(100% - 60px) !important;
}
}
@media only screen and (max-width:768px){
.h_top .src_box{
display:none;
}
.src_box .q{
width: calc(100% - 54px) !important;
}
.src_box #search_button_sp{
width:54px;
}
}
/**** グローバルナビ ****/
.g_navi{
background: #4169e1;
letter-spacing: 0.1em;
position: relative;
z-index: 100;
}
.g_navi_in {
width: 100%;
margin: 0 auto;
padding: 0;
display: flex;
flex-flow: column nowrap;
}
.g_navi_in > li {
width:100%;
border-bottom: 1px solid #fff;
margin:0;
display:flex;
}
.g_navi_in > li:nth-of-type(1) {
/*border-left: 1px solid #fff;*/
}
.g_navi_in > li:nth-of-type(6) {
letter-spacing: -0.01em;
}
.g_navi_in > li > a:hover:after {
content:"";
position:absolute;
top:0;
bottom:0;
right:18px;
margin:auto;
vertical-align:middle;
width:8px;
height:8px;
border-top:1px solid #001122;
border-right:1px solid #001122;
transform:rotate(45deg);
}
.g_navi_in > li > a {
display:block;
position:relative;
z-index:2;
background:#4169e1;
color:#fff;
text-align:left;
text-decoration:none;
line-height:1.5;
font-size:120%;
padding:13px 13px 13px 50px;
width:100%;
}
.g_navi_in > li > a > strong {
display:block;
}
.g_navi_in > li > a:hover, .g_navi_in > li.active > a {
background-color:#a1b5f0;
border-color:#4169e1;
color:#001122;
}
.g_navi_in .nav01 a{
background:url(img/nav_icon01_off.png) no-repeat 12px center;
background-size:22px;
}
.g_navi_in .nav01 a:hover{
background:url(img/nav_icon01_on.png) no-repeat 12px center;
background-color:#a1b5f0;
background-size:22px;
}
.g_navi_in .nav02 a{
background:url(img/nav_icon02_off.png) no-repeat 12px center;
background-size:22px;
}
.g_navi_in .nav02 a:hover{
background:url(img/nav_icon02_on.png) no-repeat 12px center;
background-color:#a1b5f0;
background-size:22px;
}
.g_navi_in .nav03 a{
background:url(img/nav_icon03_off.png) no-repeat 12px center;
background-size:22px;
}
.g_navi_in .nav03 a:hover{
background:url(img/nav_icon03_on.png) no-repeat 12px center;
background-color: #a1b5f0;
background-size:22px;
}
.g_navi_in .nav04 a{
background:url(img/nav_icon04_off.png) no-repeat 12px center;
background-size:22px;
}
.g_navi_in .nav04 a:hover{
background:url(img/nav_icon04_on.png) no-repeat 12px center;
background-color:#a1b5f0;
background-size:22px;
}
.g_navi_in .nav05 a{
background:url(img/nav_icon05_off.png) no-repeat 12px center;
background-size:22px;
}
.g_navi_in .nav05 a:hover{
background:url(img/nav_icon05_on.png) no-repeat 12px center;
background-color:#a1b5f0;
background-size:22px;
}
.g_navi_in .nav06 a{
background:url(img/nav_icon06_off.png) no-repeat 12px center;
background-size:22px;
}
.g_navi_in .nav06 a:hover{
background:url(img/nav_icon06_on.png) no-repeat 12px center;
background-color:#a1b5f0;
background-size:22px;
}
.g_navi_in .nav07 a{
background:url(img/nav_icon07_off.png) no-repeat 12px center;
background-size:22px;
}
.g_navi_in .nav07 a:hover{
background:url(img/nav_icon07_on.png) no-repeat 12px center;
background-color:#a1b5f0;
background-size:22px;
}
/**** グローバルナビ サブ****/
.g_navi_in li .g_navi_in_sub{
display:none;
position:absolute;
top:-222px;
left:220px;
z-index:100;
padding-bottom:0;
width:180px;
}
.g_navi_in li .g_navi_in_sub > div{
background-color:#6988e7;
background-image:url(img/g_navi_sub_bg.png);
background-repeat:repeat;
background-position:left top;
background-size:auto;
font-size:90%;
padding-top:30px;
position:relative;
height:100%;
}
.g_navi_in li .g_navi_in_sub ul{
display:flex;
flex-wrap:wrap;
flex-direction:column;
width:100%;
}
.g_navi_in li .g_navi_in_sub li{
position:relative;
border-bottom:none;
margin-top:0;
vertical-align:top;
box-shadow:none;
/*width:49%;*/
width:100%;
}
.g_navi_in li .g_navi_in_sub li:hover{
background: #bbcaf5;
}
.g_navi_in li .g_navi_in_sub li:before{
content:'';
display:block;
position:absolute;
top:18px;
left:10px;
border-right:1px solid #001122;
border-bottom:1px solid #001122;
width:6px;
height:6px;
transform:rotate(-45deg);
}
.g_navi_in li .g_navi_in_sub li > a{
display: block;
color:#001122;
text-decoration:underline;
background:none;
text-align:left;
padding:0 10px 0 26px;
margin:6px 0;
}
.g_navi_in li .g_navi_in_sub li > a:hover{
background:none;
text-decoration:none;
}
.g_navi_in li .g_navi_in_sub li:hover .g_navi_in_sub2{
width:180px;
}
.g_navi_in li .g_navi_in_sub li .g_navi_in_sub2{
position:fixed;
background:#95abee;
background-image:url(img/g_navi_sub_bg.png);
background-repeat:repeat;
background-position:left top;
background-size:auto;
color:#001122;
top:0;
padding-top:30px;
left:400px;
width:0;
height:100vh;
overflow:hidden;
}

@media screen and (min-width:769px) and (max-width:1279px){
.g_navi{
padding:0 12px;
}
.g_navi_in{
display:flex;
flex-flow:row nowrap;
width:100%;
}
.g_navi_in > li{
width:20%;
border-bottom:none;
border-right:1px solid #fff;
}
.g_navi_in > li:nth-of-type(1) {
border-left:1px solid #fff;
}   
.g_navi_in > li > a:hover:after {
    display: none;
}
.g_navi_in > li > a {
display:block;
position:relative;
z-index:2;
background: #4169e1;
background-position:center 10px !important;
color:#fff;
text-align:center;
text-decoration:none;
line-height:1.5;
font-size:110%;
padding:36px 0 12px;
}
.g_navi_in > li > a > strong {
display: block;
}
.g_navi_in > li > a:hover, .g_navi_in > li.active > a {
border-color: #4169e1;
color:#001122;
}
.g_navi_in li .g_navi_in_sub{
display:none;
position:absolute;
top:74px;
left:0;
z-index:100;
padding-bottom:0;
width:100%;
height:auto !important;
}
.g_navi_in li .g_navi_in_sub > div{
background-color:#6988e7;
font-size:90%;
padding:12px;
position:relative;
height:auto;
}
.g_navi_in li .g_navi_in_sub ul{
display:flex;
flex-wrap:wrap;
flex-direction:row;
max-width:100%;
}
.g_navi_in li .g_navi_in_sub li{
position:relative;
border-bottom:none;
margin-top:0;
vertical-align:top;
box-shadow:none;
width:calc(100% / 7);
}
*::-ms-backdrop, .g_navi_in li .g_navi_in_sub li{
width:14.2857%; /* IE11 */
}
.g_navi_in li .g_navi_in_sub li:hover{
background:none;
}
.g_navi_in li .g_navi_in_sub li:before{
content:'';
display:block;
position:absolute;
top:17px;
left:10px;
border-right:1px solid #001122;
border-bottom:1px solid #001122;
width:6px;
height:6px;
transform:rotate(-45deg);
}
.g_navi_in li .g_navi_in_sub li > a{
display: block;
color:#001122;
text-decoration:underline;
background:none;
text-align:left;
padding:0 10px 0 26px;
margin: 10px 0;
}
.g_navi_in li .g_navi_in_sub li > a:hover{
background:none;
text-decoration:none;
}  
.g_navi_in li .g_navi_in_sub li .g_navi_in_sub2{
display: none;
}
}
@media only screen and (max-width: 768px) {
.g_navi, .g_navi_bnr{display:none;}
}

/**** スマホメニューに関するスタイル ****/
#menu_button{
float:right;
margin:-72px 10px 0;
display:inline-block;
}
#menu_button a{
position:relative;
background:#4169e1;
color:#fff;
font-size:70%;
display:inline-block;
text-decoration:none;
letter-spacing:-0.5px;
text-align:center;
padding-top:34px;
min-height:54px;
width:54px;
z-index:2;
}
#menu_button a .icon_ham{
position:absolute;
top:10px;
left:50%;
margin-left:-15px;
display:inline-block;
background:#fff;
height:3px;
width:30px;
}
#menu_button a .icon_ham:before,
#menu_button a .icon_ham:after{
content:'';
position:absolute;
left:50%;
margin-left:-15px;
background:#fff;
height:3px;
width:30px;
}
#menu_button a .icon_ham:before{
top:8px;
}
#menu_button a .icon_ham:after{
top:16px;
}
@media print, screen and (min-width: 769px) {
#menu_button,
#lan_drop{
display:none !important;
}
}
#sidr{
position:fixed !important;
top:0;
height:100%;
z-index:9999;
width:260px;
overflow-x:hidden;
overflow-y:auto;
font-size:100%;
background:#fff;
border-left:4px solid #4169e1;
box-sizing:border-box;
color:#333;
}
@media print, screen and (min-width: 769px) {
#sidr{
display:none !important;
}
}
#sidr .sidr-inner{
padding:0 0 15px;
}
.sidr.right{
left:auto;
right:-260px;
}
#sidr .close{
text-align:left;
position:relative;
padding:0;
margin:0;
}
#sidr .close a{
background:#4169e1;
display:inline-block;
color:#fff;
padding:14px 10px 14px 32px;
position:relative;
width:100%;
}
#sidr .close a:before,
#sidr .close a:after{
content:'';
background:#fff;
height:2px;
width:16px;
position:absolute;
left:10px;
top:50%;
margin-top:0;
transform:rotate(-45deg);
}
#sidr .close a:after{
transform:rotate(45deg);
}
#sidr .src_box{
padding:10px;
border-bottom:3px solid #4169e1;
}
#sidr ul{
display:block;
border-bottom:3px solid #4169e1;
margin:0;
padding:0;
}
#sidr ul li{
background:none;
border-bottom:1px solid #4169e1;
display:block;
text-align:left;
margin:0;
padding:0;
position:relative;
}
#sidr ul li::before{
content:'';
position:absolute;
right:12px;
top:50%;
margin-top:-4px;
width:6px;
height:6px;
border-top:1px solid #999;
border-right:1px solid #999;
transform:rotate(45deg);
}
#sidr ul li:last-child{
border-bottom:none;
}
#sidr ul li a{
display:inline-block;
padding:12px 24px 12px 12px;
text-decoration:none;
width:100%;
}
#sidr ul.sidr_navi_sub{
display:block;
}
#sidr ul.sidr_navi_sub li{
background:none;
border-bottom:3px solid #4169e1;
display:block;
text-align:left;
margin:0;
padding:0;
position:relative;
}
#sidr ul.sidr_navi_sub li:last-child a{
padding:12px 24px 12px 54px;
}
#sidr ul.sidr_navi_sub li:last-child{
border-bottom:none;
}
#sidr ul.sidr_navi_sub li:last-child::after{
content:'';
position:absolute;
background:transparent url(img/chara_s.png) no-repeat;
background-position:left bottom;
background-size:100% auto;
left:6px;
top:5px;
width:42px;
height:42px;
}
#sidr ul.sidr_navi_sub li a{
letter-spacing:-0.01em;
}
#sidr ul.sidr_navi_sub li:nth-child(odd){
border-right:none;
}
#sidr ul.sidr_navi_sub2{
display:flex;
flex-flow:row wrap;
}
#sidr ul.sidr_navi_sub2 li{
font-size:85%;
width:50%;
border-bottom:1px solid #4169e1;
}
#sidr ul.sidr_navi_sub2 li:last-child{
border-bottom:none;
}
#sidr ul.sidr_navi_sub2 li a{
letter-spacing:-0.01em;
}
#sidr ul.sidr_navi_sub2 li:nth-child(odd){
border-right:1px solid #4169e1;
}

/**** 支援機能 ****/
#sidr .side_shien{
background:#d9e4fd;
}
#sidr ul.sidr_navi02{
border-bottom:0;
padding:10px 10px 4px;
display:flex;
flex-wrap:wrap;
}
#sidr ul.sidr_navi02 li{
border:0;
margin-right:1.25%;
margin-bottom:6px;
width:24%;
}
#sidr ul.sidr_navi02 li:nth-of-type(4n){
margin-right:0;
}
#sidr ul.sidr_navi02 li::before{
display:none;
}
#sidr ul.sidr_navi02 li a{
display:inline-block;
background:#fff;
border:1px solid #bbb;
border-radius:4px;
font-size:70%;
letter-spacing:-0.01em;
padding:6px 2px;
text-align:center;
}
#sidr ul.sidr_navi03{
display:flex;
border-top:1px solid #bbb;
}
#sidr ul.sidr_navi03 li{
border-bottom:0;
font-size:85%;
width:50%;
}
#sidr ul.sidr_navi03 li:nth-child(odd){
border-right:1px solid #bbb;
}

/*********** フッター ***********/
.main_footer, .in_body .main_footer{
background:#fff url(img/body_under.png) repeat left top;
padding-left:220px;
overflow:hidden;
width:100%;
position:relative;
}
.inbody .main_footer::before{
content:"";
position:absolute;
top:0;
left:0;
width: 100%;
height:40px;
padding-top:40px;
background:#fff url(img/body_top2_under.png) repeat-x;
background-position:center top;
}
@media screen and (min-width:769px) and (max-width:1279px){
.main_footer{
padding-left:0;
}
}
@media only screen and (max-width: 768px) {
.main_footer{
min-width:100%;
padding-left:0;
}
}

/**** マイページのスタイル ****/
.online_strage_a{
padding-bottom:24px;
}
.online_strage_a .mypage{
max-width:980px;
width:100%;
margin:36px auto;
padding:0 12px;
}
.online_strage_a .mypage_h2_wrapper{
background-color:#85b4d0;
padding-left:16px;
position:relative;
}
.online_strage_a .mypage_title{
float:left;
color:#fff;
margin:0;
padding:0;
z-index:-1;
position:absolute;
}
.online_strage_a .mypage_h2_wrapper p{
float:right;
}
.online_strage_a .mypage_contents{
background-color:#d9e4fd;
padding:4px 16px 16px;
}
.online_strage_a .mypage_list li{
display:inline-block;
font-size:85%;
}
.online_strage_a .mypage_list li p.online_strage_title{
background:#fff;
border:1px solid #ccc;
padding:2px 8px;
margin:0;
border-radius:4px;
}
.online_strage_a .online_strage button{
background:#fff;
color:#333;
font-size:68.75%;
padding:2px 4px;
margin:12px 0;
vertical-align:bottom;
}
#body .online_strage_a .online_strage button[type="button"]{
background:#fff;
color:#2b3095;
font-size:75%;
padding:4px 6px;
}
#body .online_strage_a .online_strage button[type="button"]:hover{
background:#efefef;
color:#9f0000;
}
@media only screen and (max-width: 768px) {
.online_strage_a{
padding:0 0 24px;
}
.online_strage_a .mypage{
width:100%;
}
}

/**** トップへ戻る ****/
.foot_modori {
margin-top:30px;
}
.foot_modori .modoriin {
max-width:980px;
width:100%;
margin:0 auto;
padding:0 12px;
text-align:right;
}
.foot_modori a{
display:inline-block;
text-decoration:none;
background:#4169e1;
color:#fff;
border:2px solid #fff;
padding:10px;
line-height:1.8;
font-size:85%;
text-align:center;
position:relative;
transition:all 0.3s;
z-index:100;
}
.foot_modori a:hover{
background:#b4cbfc;
color:#111;
}
@media only screen and (max-width: 768px) {
.foot_modori .modoriin{
padding:0 10px;
width:100%;
}
}

/**** メインフッター ****/
.foot_wrap{
background:#4169e1 url(img/footer_bg.png) repeat bottom center;
padding:0;
position:relative;
}
.foot_wrap::before{
content:"";
position:absolute;
background:url(img/foot_top_bg.png) no-repeat top center;
background-size:100% 75%;
padding-top:52px;
width:100%;
top:-30px;
}
.foot{
max-width:980px;
width:100%;
display:flex;
align-items:flex-start;
justify-content:space-between;
margin:0 auto;
padding:12px 12px 12px 54px;
}
.foot_link{
max-width:980px;
width:100%;
margin:0 auto;
padding:0 12px 0 54px;
}
.foot_link li{
padding:0;
display:inline-block;
position:relative;
margin-left:16px;
margin-right:16px;
}
.foot_link li::after{
display:block;
content:'';
position:absolute;
top:.6em;
left:-16px;
width:6px;
height:6px;
border-right:2px solid #f0ffff;
border-bottom:2px solid #f0ffff;
transform:rotate(-45deg);
}
.foot_link li a{
color:#fff;
font-size:84%;
}
.foot_id{
color:#fff;
font-size:100%;
margin-top:16px;
}
.foot .address{
margin-top:8px;
}
.foot .address span {
display: inline-block;
}
.foot .address span{
font-size:132%;
font-weight:bold;
margin:0 1em 0 0;
}
.foot .address span.small{
font-size:100%;
font-weight:normal;
}
.foot .address a[href^="tel:"]{
pointer-events:none;
cursor:default;
color:#fff;
text-decoration:none;
}
.foot_copy {
background:#4169e1;
font-size:85%;
color:#fff;
border-top: 1px solid #fff;
padding:8px 12px;
margin-top:16px;
text-align:center;
}
.foot_copyin {
width:980px;
margin:0 auto;
}

.foot_js{
background:#fff;
width:45%;
margin-top:16px;
}
.foot_js .j_s{
margin-top:0;
}
.foot_js .j_s h2{
color:#333;
background:#b4cbfc;
font-size:100%;
font-weight:bold;
text-align:center;
padding:8px;
}
.j_s_lower{padding:0 12px;}
.foot_js .j_s ul{
display:flex;
flex-wrap:wrap;
}
.foot_js .j_s ul li{
margin-top:4px;
padding:8px 20px;
width:50%;
text-align:center;
}
.foot_js .j_s ul li p{
font-size:90%;
margin:0;
}
.foot_js .j_s ul li p > span{
font-weight:bold; 
}
.foot_js .j_s .j_s_lower > p{
font-size:80%;
text-align:right;
margin-top:10px;
}
@media only screen and (max-width: 768px) {
.foot_link{
padding:0 12px;
display:flex;
flex-flow:column wrap;
align-items:baseline;
}
.foot{
width:100%;
padding:12px;
flex-flow:column wrap;
}
.j_s_lower{
font-size:87.5%;
}
.foot_js .j_s ul li{
padding:8px 12px;     
}
.foot_js{
width:100%
}
.foot_copyin{
padding:0 10px;
width:100%;
}
.foot .address span{
display:inline-block;
}
.foot .address a[href^="tel:"]{
cursor:pointer;
color:#fff;
text-decoration:underline;
}
}

/********************** 領域共通のスタイル **********************/
.main{
padding:0;
background-color:#fff;
position:relative;
overflow:hidden;
}
.main h2{
color:#fff;
background:#4169e1;
padding:14px 16px;
font-size:120%;
}
.main h2.ttl{
position:relative;
margin:16px auto;
padding:14px 0;
font-size:136%;
color:#222;
text-align:center;
background:none; 
}
.main h2.ttl::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:6px;
background-image:repeating-linear-gradient(45deg, #4169e1 0px, #4169e1 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
background-size:6px 6px;
}
.main h2.ttl::after{
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:6px;
background-image:repeating-linear-gradient(45deg, #4169e1 0px, #4169e1 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
background-size:6px 6px;
}
@media only screen and (max-width: 768px) {
.main h2.ttl{
margin:16px;
}
}
@media only screen and (max-width: 480px) {
.main h2.ttl{
margin:16px auto;
}
}

.main h2 a{
color:#fff;
display:block;
}
.main .h2{
background: #4169e1;
overflow: hidden;
}
.main .h2 p{
float: right;
padding: 14px 16px 14px 8px;
margin: 0;
}
.main .h2 h2{
float: left;
}
.main li{
position: relative;
padding-left:14px;
}
.main li::before {
display: block;
content: '';
position: absolute;
top: .5em;
left: 0;
width: 6px;
height: 6px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
transform: rotate(-45deg);
}
.main li .list_icon img{
vertical-align: middle;
margin-top: -5px;
margin-right: 4px;
max-height: 18px;
}
@media only screen and (max-width: 768px) {
.main{
padding:0;
overflow:visible; 
}
}

/**** タイトル要素 アコーディオンのスタイル ****/
.ac_display{
display: none;
}
@media print, screen and (min-width: 769px) {
.ac_box{
pointer-events: none !important;
}
.ac_box + div{
display: block !important;
}
}
@media only screen and (max-width: 768px) {
.ac_box h2{
padding-right: 72px;
}
.ac_display{
display: inline-block;
position: absolute;
top: 50%;
margin: -14px 0 0;
right: 12px;
font-size: 72%;
background: #fff;
border: 1px solid #ccc;
z-index: 100;
}
.ac_display a{
display: inline-block;
position: relative;
text-decoration: none;
padding: 4px 4px 4px 18px;
}
.ac_display::before,
.ac_display::after{
content: '';
background: #555;
position: absolute;
left: 4px;
top: 11px;
height: 2px;
width: 10px;
}
.ac_display::after{
transform: rotate(90deg);
}
.ac_box + div{
display: none;
}
.ac_box{
position: relative;
width: 100%;
overflow: hidden;
}
.ac_box.active p::after{
display: none;
}
}

/**** 緊急情報のスタイル ****/
.emergency{
margin-top:10px;
}
.main .emergency{
}
.main .emergency h2, .main .emergency .h2{
background:#a90000;
color:#fff;
}
.main .emergency_lower{
border:2px solid #a90000;
border-top:none;
padding:4px 16px 16px;
background:#fff;
}

/**** 重要なお知らせのスタイル ****/
.important{
margin-top:24px;
margin-bottom:24px;
}
.main .important{
}
.main .important h2, .main .important .h2{
background:#b13800;
color:#fff;
}
.main .important_lower{
border:2px solid #b13800;
border-top:none;
padding:4px 16px 16px;
background:#fff;
}

/**** スライドショーのスタイル ****/
.vis_wrap{position:relative}
.vis{
position: relative;
margin-top:0;
}
.vis::after{
content:'';
position:absolute;
display:block;
bottom:0;
left:0;
width:100%;
height:50px;
background:transparent url(img/wave-haikei.png) no-repeat;
background-position:center bottom;
background-size:100% auto;
}
.vis h2{
padding:0;
margin:0;
height:0;
}
.vis .vis_bg{
position:relative;
}
.vis .vis_bg li{
margin:0;
padding:0;
}
.vis .vis_bg li::before{
display:none;
}
.vis .cap{
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
bottom: 36px;
left: 0;
padding: 10px 27px;
width: 100%;
}
.vis .cap span{
display:inline-block;
padding:4px 8px;
border-radius: 4px;
box-shadow: 0 0 0 3px #f8f8f8;
border: dashed 1px #4169e1;
background:rgba(255,255,255,.8);
color:#222;
font-size:80%;
text-decoration:none;
}

@media screen and (min-width:769px) and (max-width:1279px){    
.vis .cap{right:46%;}
}
    
/*@media only screen and (max-width: 1224px) {
.vis .cap{
left:0;
margin-left:0;
width:100%;
}
}*/
@media only screen and (max-width: 768px) {
.vis::after{
bottom:40px;
height:25px;
}
.vis .cap{
top:auto;
bottom:10px;
padding:0 10px 12px;
}
}
/**** 画像リストのスタイル ****/
.ilist{
margin-top:24px;
}
.main .ilist_lower ul{
display:flex;
flex-flow:row wrap;
}
.main .ilist_lower ul > li{
padding-left:0;
margin-right:12px;
text-align:center;
width:calc((100% - 60.1px) / 6);
}
.main .ilist_lower ul > li:nth-of-type(6n){
margin-right:0;
}
.main .ilist_lower ul > li::before{
display:none;
}
.main .ilist_lower ul > li a{
display:block;
height:100%;
width:100%;
text-decoration:none;
}
.main .ilist_lower ul > li .ilist_in{
background:#d9e4fd;
padding:16px;
height:100%;
width:100%;
}
.main .ilist_lower .ilist_right{
margin-top:8px
}
.main .ilist_lower ul > li .ilist_title{
text-align:center;
}
.main .ilist_lower ul > li .ilist_text{
text-align:left;
font-size:85%;
margin-top:0;
}
.ilist .ilist_title{
margin-top:0;
}
@media only screen and (max-width: 768px) {
.main .ilist_lower ul > li{
width:calc((100% - 24.1px) / 3);
}
.main .ilist_lower ul > li:nth-of-type(3n){
margin-right:0;
}
}
@media only screen and (max-width: 480px) {
.main .ilist_lower ul > li:nth-of-type(n){
margin-right:0;
width:100%;
}
}
/**** 画像リスト2のスタイル ****/
.ilist2 {
margin-top: 24px;
}
.main .ilist2_lower ul {
display: flex;
flex-flow: row wrap;
}
.main .ilist2_lower ul > li {
padding-left: 0;
margin-right: 12px;
text-align: center;
width: calc((100% - 36.1px) / 4);
}
.main .ilist2_lower ul > li:nth-of-type(4n) {
margin-right: 0;
}
.main .ilist2_lower ul > li::before {
display: none;
}
.main .ilist2_lower ul > li a {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
}
.main .ilist2_lower ul > li .ilist_in{
background: #d9e4fd;
padding: 16px;
display: flex;
height: 100%;
width: 100%;
}
.main .ilist2_lower ul > li .ilist_left {
align-self: center;
width: 40%;
}
.main .ilist2_lower ul > li .ilist_right {
align-self: center;
width: 54%;
margin-left: 6%;
}
.ilist2 .ilist_title{
margin-top: 0;
}
@media only screen and (max-width: 768px) {
.main .ilist2_lower ul > li {
width: calc((100% - 24.1px) / 2);
}
.main .ilist2_lower ul > li:nth-of-type(3n) {
margin-right: 12px;
}
.main .ilist2_lower ul > li:nth-of-type(even) {
margin-right: 0;
}
}
@media only screen and (max-width: 480px) {
.main .ilist2_lower ul > li:nth-of-type(n) {
margin-right: 0;
width: 100%;
}
}
/**** 分類のスタイル ****/
.category {
margin-top: 24px;
}
.category2 {
margin-top: 24px;
}
.category3 {
margin-top: 24px;
}
.category4 {
margin-top: 24px;
}
.category5 {
margin-top: 24px;
}
.main .category_3_ul {
font-size: 85%;
}
.main .category_lower {
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
/**** 各課の窓口のスタイル ****/
.kakuka {
margin-top: 24px;
}
/**** 催し物・講座のスタイル ****/
.event {
margin-top: 24px;
}
.main .event_lower {
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
.main .event_lower li {
padding-left: 0;
}
.main .event_lower li::before {
display: none;
}
.main .event_lower li .eve_cate {
display: inline-block;
font-size: 85%;
background: #4169e1;
color: #fff;
border-radius: 4px;
padding: 4px 4px 2px;
margin-right: 8px;
text-align: center;
vertical-align: top;
line-height: 1;
min-width: 80px;
}
.main .event_lower .event_month li {
margin-right: 8px;
display: inline-block;
font-size: 130%;
margin-top: 8px;
margin-bottom: 4px;
}
.main .event_lower .event_month img {
vertical-align: middle;
}
.event_month li.pre a,
.event_month li.next a{
display: inline-block;
background: #E6E6E6;
border: 1px solid #aaa;
font-size: 81.25%;
margin-bottom: 10px;
text-decoration: none;
padding: 0 5px;
position: relative;
}
.event_month li.pre a{
padding-left: 16px;
}
.event_month li.next a{
padding-right: 15px;
}
.event_month li.pre a::before,
.event_month li.next a::before{
content: '';
position: absolute;
top: 50%;
margin-top: -4px;
width: 0;
height: 0;
border-style: solid;
}
.event_month li.pre a::before{
left: 4px;
border-width: 4px 6px 4px 0;
border-color: transparent #555 transparent transparent;
}
.event_month li.next a::before{
right: 4px;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #555;
}
/**** イベントカレンダーのスタイル ****/
.calendar{
margin-top:24px;
}
.main .calendar_lower {
overflow: auto;
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
.main .calendar_lower li {
padding-left: 0;
}
.main .calendar_lower li::before {
display: none;
}
.main .calendar_lower .event_month li {
margin-right: 8px;
display: inline-block;
}
.main .calendar_lower .event_month img {
vertical-align: middle;
}
.main .calendar table {
width: 100%;
}
.main .calendar caption {
display: none;
}
.main .calendar th {
border: 1px solid #ccc;
text-align: center;
}
.main .calendar th img{
vertical-align: middle;
}
.main .calendar td {
border: 1px solid #ccc;
text-align: center;
}
.main .calendar .sun {
background: #ffd8d6;
}
.main .calendar .sat {
background: #d9e4fc;
}
.main .calendar .today {
background: #c9171e;
color: #fff;
}
.main .calendar .today a {
color: #fff;
}
/**** 新着情報のスタイル ****/
.new {
margin-top: 24px;
}
.main .new_lower {
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
.main .new div.date{
margin-left: 0;
}
.main .new ul li{
overflow: hidden;
}
.main .new ul li.catch_lst .new_lst {
margin-right: 100px;
}
.main .new ul li.catch_lst .new_img {
float: right;
margin-top: 0;
}
/**** トピックスのスタイル ****/
.topics {
margin-top: 24px;
}
.main .topics_lower {
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
.main .topics div.date{
margin-left: 0;
}
.main .topics ul li.catch_lst .topics_lst {
margin-right: 100px;
}
.main .topics ul li.catch_lst .topics_img {
float: right;
margin-top: 0;
}
/**** 新着情報・トピックス一覧のスタイル ****/
.main .more{
font-size:85%;
margin-top:16px;
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
margin-left:auto;
}
.main .more li{
padding:0;
margin:8px 0 0 8px;
min-width:180px;
}
.main .more li::before{
display:none;
}
.main .more li a{
background:#fff;
border:1px solid #4169e1;
display:inline-block;
padding:8px;
text-align:center;
text-decoration:none;
width:100%;
}
.main .more li a:hover{
background: #d9e4fd;
}
.main .more li.rss span{
background:url(../images/rss_o.svg) no-repeat left center;
background-size:12px 12px;
padding-left:20px;
}
@media only screen and (max-width: 480px) {
.main .more{
max-width:100%;
}
.main .more li{
margin-left:0;
width:100%;
}
.main .more li a{
padding:10px;
}
}
/**** タブ切り替えのスタイル ****/
.main .free_tab{
margin-top:72px;
}
.main .free_tab .tab_index{
display:flex;
justify-content:space-between;
border-bottom:1px solid #fff;
margin-bottom:-27px;
}
.main .free_tab .tab_index .tab_change{
text-align:center;
display:flex;
font-size:120%;
width:calc((100% - 4px) / 3);
background:#fff;
}
.main .free_tab .tab_index .tab_change a{
background:#4169e1;
color:#fff;
border: 2px solid #4169e1;
border-bottom:1px solid #fff;
display: inline-block;
padding: 8px 10px 6px;
width: 100%;
text-decoration: none;
}
.main .free_tab .tab_index .tab_change.is-active a{
background: #fff;
color: #2b3095;
}
.main .free_tab li.tab_panel{
margin: 0;
padding: 0;
}
.main .free_tab li.tab_panel::before{
display: none;
}
.main .free_tab h2{
background: none;
position: absolute;
z-index: -1;
}
.main .free_tab .new_lower,
.main .free_tab .topics_lower {
background: #fff;
}
@media only screen and (max-width: 480px) {
.main .free_tab .tab_index .tab_change{
font-size:84%;
} 
.main .free_tab .tab_index .tab_change a{
display: flex;
align-items: center;
justify-content: center;
padding: 6px 2px;
line-height: 1.3;
}
}
/**** ピックアップ1のスタイル ****/
.pickup {
margin-top: 24px;
}
.main .pickup_lower {
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
.main .pickup_lower .pickup_sub {
margin-top: 20px;
}
.main .pickup_lower .pickup_sub:first-child {
margin-top: 12px;
}
.main .pickup_lower .pickup_sub h3 {
background: #d9e4fd;
padding: 4px 6px;
font-size: 110%;
}
.main .pickup_lower .pickup_sub p {
font-size: 85%;
margin-top: 6px;
}
/**** ピックアップ2のスタイル ****/
.pickup2 {
margin-top: 24px;
}
.main .pickup2_lower {
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
.main .pickup2_lower .pickup_sub {
margin-top: 20px;
}
.main .pickup2_lower .pickup_sub:first-child {
margin-top: 12px;
}
.main .pickup2_lower .pickup_sub h3 {
background: #d9e4fd;
padding: 4px 6px;
font-size: 110%;
}
.main .pickup2_lower .pickup_sub p {
font-size: 85%;
margin-top: 6px;
}
/**** ランキングのスタイル ****/
.ranking{
margin-top: 24px;
}
.main .ranking_lower{
border:2px solid #4169e1;
border-top: none;
padding:4px 16px 16px 10px;
background:#fff;
}
.main .ranking_lower ol{
margin-left:24px;
}
.main .ranking_lower ol li{
list-style-type:decimal;
padding-left:0;
}
.main .ranking_lower ol li::before{
display:none;
}
/**** 人口・世帯数のスタイル ****/
.j_s{
margin-top:24px;
}
.main .j_s_lower {
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
.main .j_s li{
padding-left:0;
}
.main .j_s li::before{
display:none;
}
.main .j_s li strong{
margin-right:8px;
}
.main .j_s p{
font-size:85%;
}
/**** バナー広告のスタイル ****/
.bana{
margin-top:24px;
}
.bana_lower{
border-top:none;
background:rgba(255,255,255,0.8);
margin-top:12px;
padding:4px 16px 16px;
text-align:center;
}
.bana .bana_img{
display:inline-block;
}
.bana .small{
text-align:center;
}
.main .bana ul {
display: flex;
flex-wrap: wrap;
}
.main .bana li {
padding-left: 0;
width:calc((100% - 48.1px) / 5);
margin:12px 12px 0 0;
}
.main .bana li::before {
display: none;
}
.main .bana li:nth-child(5n) {
    margin-right: 0;
}
.main .bana li img{
width: 100%;
}
.main .bana li .window {
margin-top: 5px;
}
.main .bana .list_icon{
padding-left: 16px;
margin-left: 12px;
font-size:100%;
position: relative;
}
.main .bana .list_icon::before {
display: block;
content: '';
position: absolute;
top: 25%;
left: 0;
width: 6px;
height: 6px;
border-right: 2px solid #4169e1;
border-bottom: 2px solid #4169e1;
transform: rotate(-45deg);
}
@media only screen and (max-width: 768px) {
.main .bana li {
margin: 12px 0 0;
padding: 0 4px;
width: calc(100% / 3);
}
}
@media only screen and (max-width: 480px) {
.main .bana li {
width: 50%;
}
}
/**** RSSのスタイル ****/
.rss {
margin-top: 24px;
}
.rss .rss_lower{
border:2px solid #4169e1;
border-top:none;
padding: 4px 16px 16px;
background:#fff;
}
.main .rss li {
padding-left: 0;
}
.main .rss li::before {
display:none;
}
.rss_body .rss_icon{
margin-left:10px;
}

.rss_body h2 a.rss_icon{
font-size: 68.75%;
font-weight: normal;
margin-bottom: 4px;
}
/**** 外部RSSのスタイル ****/
.rssfide{
margin-top: 24px;
}
.main .rssfide .h3{
overflow: hidden;
}
.main .rssfide .h3 h3 {
float: left;
margin: 10px 12px 10px 0;
}
.main .rssfide .h3 p{
float: left;
padding: 8px 0;
margin: 0;
}
.rssfide .rssfide_lower{
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
.rssfide .rssfide_management{
background: #efefef;
font-size: 85%;
padding: 8px;
margin-top: 12px;
}
.rssfide .rssfide_management .title{
margin: 0 0 8px;
padding: 0 0 4px;
border-bottom: 1px solid #aaa;
}
.rssfide .rssfide_management .rssfide_copy{
margin-top: 6px;
}
.main .rssfide .rssfide_management li{
padding: 0;
margin: 0;
}
.main .rssfide .rssfide_management li::before{
display: none;
}
.main .rssfide .rssfide_list li p{
padding: 0;
margin: 0;
}
.main .rssfide .rssfide_list li .list p{
font-size: 85%;
margin-top: 4px;
}
/**** RSSアイコンのスタイル ****/
a.rss_icon,
a.rss_icon2{
background: #FF8F21;
display: inline-block;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 1px #b45c00,-1px 1px 1px #b45c00,1px -1px 1px #b45c00,-1px -1px 1px #b45c00,1px 0 1px #b45c00,0px 1px 1px #b45c00,-1px 0 1px #b45c00,0 -1px 1px #b45c00;
vertical-align: middle;
padding: 5px 5px 5px 7px;
line-height: 1.1;
position: relative;
}
a.rss_icon{
font-size: 90%;
}
a.rss_icon2{
font-size: 68.75%;
padding: 3px 28px 1px 6px;
}
a.rss_icon img{
margin-left: 4px;
margin-top: -3px;
height: auto;
width: 16px;
vertical-align: middle;
}
a.rss_icon2 img{
position: absolute;
top: 50%;
margin-top: -9px;
right: 6px;
height: auto;
width: 16px;
vertical-align: middle;
}

/**** リンク・画像領域（画像）のスタイル ****/
.image{
text-align:center;
margin-top:24px;
}
.main .image h2{
background:none;
padding:0;
}
.image .image_img{
display:block;
border:1px solid #aaa;
max-width:148px;
margin:0 auto;
}
a:focus span.image_img img{
border:2px solid #005ECC;
}
/**** リンク・画像領域（テキスト）のスタイル ****/
.link {
margin-top: 24px;
}
/**** RSS一覧のスタイル ****/
.rss_list {
margin-top: 24px;
}

/**** オプションのスタイル ****/
.option {
margin-top: 24px;
}
.main .option_lower {
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
/**** FAQ（よくある質問）のスタイル ****/
.faq {
margin-top: 24px;
}
/**** 新着FAQ ****/
.faq_new {
margin-top: 24px;
}
.main .faq_new_lower {
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
.main .faq_new div.date{
margin-left: 0;
}
.main .faq_new_lower p {
font-size: 85%;
margin-top: 4px;
}
/**** 見られているFAQのスタイル ****/
.popular {
margin-top: 24px;
margin-bottom: 36px;
}
.main .popular_lower {
border: 2px solid #4169e1;
border-top: none;
padding: 4px 16px 16px;
background: #fff;
}
.main .popular_lower p {
font-size: 85%;
margin-top: 4px;
}
/********************** 領域1個別のスタイル **********************/
.zone01{
padding-top:0;
padding-bottom:36px;
background: #f9fdfe url(img/body_top.png) no-repeat center bottom 56px;
position: relative;
}

@media print, screen and (min-width: 769px) {
.main .zone0102 .zone01 .ilist_lower ul > li{
margin-right: 0;
width: 100%;
}
.main .zone0102 .zone01 .ilist2_lower ul > li{
margin-right: 0;
width: 100%;
}
/*.main .zone0102 .zone01 .more li{
margin-left: 0;
width: 100%;
}*/
.main .zone0102 .zone01 .bana ul{
justify-content: center;
}
}
@media only screen and (max-width: 480px) {
.zone01{
background: #f9fdfe url(img/body_top.png) no-repeat center bottom 186px;
}
}

/********************** 領域2個別のスタイル **********************/
.zone02{
padding-top:36px;
padding-bottom:48px;
background: #f9fdfe;
background-image: url(img/body_top2.png),url(img/body_top2_under.png);
background-repeat: no-repeat,repeat-x;
background-position: center top,center bottom;
background-size: auto,auto;
position: relative;
}
/**** 新着情報のスタイル ****/
.free_new{
margin-top:24px;
border-left:2px solid #4169e1;
border-right:2px solid #4169e1;
border-bottom:2px solid #4169e1;
}
.main .free_new_lower{
border-top: none;
padding:4px 16px 16px;
}
.main .free_new_lower ul:not(.more){
margin-bottom:16px;
}
.main .free_new div.date{
margin-left:0;
width:80px;
}
.main .free_new ul li{
overflow:hidden;
}
.main .free_new ul li.catch_lst{
margin-top:14px;
padding-left:0;
}
.main .free_new ul li.catch_lst:before{
display:none;
}
.main .free_new ul li.catch_lst .new_lst{
display:flex;
align-items:baseline;
}
.main .free_new ul li.catch_lst .new_img {
float:right;
margin-top:0;
}

@media only screen and (max-width: 480px) {
.main .free_new ul li.catch_lst .new_lst{
flex-flow:column wrap;
}
}

/**** トピックスのスタイル ****/
.free_topics{
margin-top:24px;
border-left:2px solid #4169e1;
border-right:2px solid #4169e1;
border-bottom:2px solid #4169e1;
}
.main .free_topics_lower{
border-top:none;
padding:4px 16px 16px;
}
.main .free_topics_lower ul:not(.more){
margin-bottom:16px;
}
.main .free_topics div.date{
margin-left:0;
width:80px;
}
.main .free_topics ul li{
overflow:hidden;
}
.main .free_topics ul li.catch_lst{
margin-top:14px;
padding-left:0;
}
.main .free_topics ul li.catch_lst:before{
display:none;
}
.main .free_topics ul li.catch_lst .new_lst{
display:flex;
align-items:baseline;
}
.main .free_topics ul li.catch_lst .new_img {
float:right;
margin-top:0;
}

@media only screen and (max-width: 480px) {
.main .free_topics ul li.catch_lst .new_lst{
flex-flow:column wrap;
}
}

/**** ランキングのスタイル ****/
.free_lank{
margin-top:24px;
border-left:2px solid #4169e1;
border-right:2px solid #4169e1;
border-bottom:2px solid #4169e1;
padding-bottom:0;
background:#fff;
}
.main .free_lank_lower{
border-top:none;
padding:4px 16px 16px;
}
.main .free_lank_lower ol:not(.more){
margin-bottom:16px;
}
.main .free_lank_lower ol{
margin-left:24px;
}
.main .free_lank_lower ol li{
list-style-type:decimal;
padding-left:0;
}
.main .free_lank_lower ol li::before{
display:none;
}
.main .free_lank div.date{
margin-left:0;
width:80px;
}
.main .free_lank ul li{
overflow:hidden;
}
.main .free_lank ul li.catch_lst{
margin-top:14px;
padding-left:0;
}
.main .free_lank ul li.catch_lst:before{
display:none;
}
.main .free_lank ul li.catch_lst .new_lst{
display:flex;
align-items:baseline;
}
.main .free_lank ul li.catch_lst .new_img {
float:right;
margin-top:0;
}

/**** 新着情報・トピックス・ランキング一覧のスタイル ****/
.main .free_new .more,
.main .free_topics .more{
margin-top:0;
background:#fff;
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
margin-left:auto;
padding:12px 16px;
}
.main .more li{
padding: 0;
margin: 8px 0 0 8px;
min-width: 180px;
}
.main .more li::before{
display:none;
}
.main .more li a{
background: #fff;
border:1px solid #4169e1;
display:inline-block;
padding:8px;
text-align:center;
text-decoration:none;
width:100%;
}
.main .more li a:hover{
background:#b4cbfc;
color:#222;
}
.main .more li.rss span{
background:url(../images/rss_o.svg) no-repeat left center;
background-size:12px 12px;
padding-left:20px;
}
@media only screen and (max-width: 480px) {
.main .more{
max-width: 100%;
}
.main .more li{
margin-left:0;
width:100%;
}
.main .more li a{
padding:10px;
}
}

/**** タブ切り替えのスタイル ****/
.main .free_tab .free_new_lower,
.main .free_tab .free_topics_lower{
background:#fff;
height:210px;
overflow-y:scroll;
}
.main .free_tab .free_lank_lower{
background:#fff;
height:283px;
overflow-y:scroll;
}
@media only screen and (max-width: 480px) {
.main .free_tab .tab_index .tab_change{
font-size:84%;
} 
.main .free_tab .tab_index .tab_change a{
display: flex;
align-items: center;
justify-content: center;
padding: 6px 2px;
line-height: 1.3;
}
.main .free_tab .tab_index .tab_change a span{
display: inline-block;
}
}
@media print, screen and (min-width: 769px) {
.main .zone0102 .zone02 .ilist_lower ul > li{
width: calc((100% - 24.1px) / 3);
}
.main .zone0102 .zone02 .ilist_lower ul > li:nth-of-type(3n){
margin-right: 0;
}
.main .zone0102 .zone02 .ilist2_lower ul > li{
width: calc((100% - 12.1px) / 2);
}
.main .zone0102 .zone02 .ilist2_lower ul > li:nth-of-type(even){
margin-right: 0;
}
}

/** 注目のページ **/
.free_pickup{
margin-top:0;
}
.free_pickup h3{
margin:0;
padding:0;
width:1px;
height:1px;
}
.free_pickup .ilist_lower .free_pickup_bnr{
padding:0 75px;
}
.free_pickup .ilist_lower .free_pickup_bnr > li img{
box-shadow: 0 0 4px rgba(0,0,0,.2);
}

.free_pickup_lower{
margin-top:36px;
padding: 0 12px 12px 12px;
background: rgba(255,255,255,0.8);
}
.free_pickup .slick-dots{
display: none !important;
}
/*.free_pickup .slick_ps div{
top:62px;
right:40px;
}*/
#body .free_pickup .slick_ps{
flex-shrink:0;
position:relative;
}
.free_pickup .slick-track li{
margin-top:0;
padding:0 7px;
}
.free_pickup .slick-track li::before{
display: none;
}
@media only screen and (max-width: 768px) {
/*.free_pickup_lower {
padding: 0 60px 12px 60px;
}*/
.free_pickup .ilist_lower .free_pickup_bnr{
padding:0;
}
.free_pickup .slick_ps div{
top:0;
right:0;
}
}

#body .free_pickup .slick-prev, .free_pickup .slick-prev:hover{
background: url(img/slick-prev_ico.png) no-repeat left top;
background-size: 22px auto;
}
#body .free_pickup .slick-next, .free_pickup .slick-next:hover{
background: url(img/slick-next_ico.png) no-repeat left top;
background-size: 22px auto;
}
#body .free_pickup .slick-prev:hover{
background: url(img/slick-prev_ico.png) no-repeat left top;
background-size: 22px auto;
}
#body .free_pickup .slick-next:hover{
background: url(img/slick-next_ico.png) no-repeat left top;
background-size: 22px auto;
}
#body .free_pickup .slick-arrow{
color:#4169e1 !important;
font-size:87.5%;
position:absolute;
padding:24px 0 0;
top:50%;
z-index:0;
}
/*** ライフシーン・お役立ち ***/
.main .free_lu{
display:flex;
margin-top:72px;
}

@media only screen and (max-width: 480px) {
.main .free_lu{
flex-flow:column wrap;
}
}

/** ライフシーン **/
.main .free_life{
width:50%;
margin-top:0;
margin-right:36.1px;
}
.main .free_life .ilist2_lower{
padding:0 12px 12px 12px;
background:rgba(255,255,255,0.8);
}
.main .free_life .ilist2_lower ul > li a{
height:96%;
}
.main .free_life .ilist2_lower ul > li:nth-child(n){
margin-right: 12px;
width: calc((100% - 12.1px) / 2);
}
.main .free_life .ilist2_lower ul > li .ilist_in{
background: #fff;
border: 2px solid #6c98f8;
border-radius: 4px;
box-shadow: 0 0 4px rgba(0,0,0,0.3);
font-size: 86%;
flex-wrap: wrap;
display: inline-block;
padding: 0;
letter-spacing: -0.01em;
overflow: hidden;
}
.main .free_life .ilist2_lower ul > li .ilist_in:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.main .free_life .ilist2_lower ul > li .ilist_left{
background: #fff;
overflow: hidden;
padding:0;
width: 100%;
}
.main .free_life .ilist2_lower ul > li .ilist_left img{
transition : all .4s;
height: auto;
width: 64px;
}
.main .free_life .ilist2_lower ul > li .ilist_right{
text-align: center;
margin: 0;
padding: 0 8px;
width: 100%;
}
@media only screen and (max-width: 768px) {
.main .free_life {
width: 50%;
margin-right:0;
}
.main .free_life .ilist2_lower ul > li{
margin: 10px 10px 0 0;
width: calc(50% - 5px);
}
.main .free_life .ilist2_lower ul > li:nth-of-type(2n) {
margin-right: 0;
}
}
@media only screen and (max-width: 480px) {
.main .free_life {
width: 100%;
margin-right:0;
}
.main .free_life .ilist2_lower ul > li{
margin: 10px 10px 0 0;
width: calc(50% - 5px);
}
.main .free_life .ilist2_lower ul > li:nth-of-type(2n) {
margin-right: 0;
}
}

/** お役立ちメニュー **/
.main .free_useful{
width:50%;
margin-top:0;
}
.main .free_useful .ilist2_lower{
padding:0 12px 12px 12px;
background:rgba(255,255,255,0.8);
}
.main .free_useful .ilist2_lower ul > li a {height:96%;}
.main .free_useful .ilist2_lower ul > li:nth-child(n){
margin-right: 12px;
width: calc((100% - 12.1px) / 2);
}
.main .free_useful .ilist2_lower ul > li .ilist_in{
background: #fff;
border: 2px solid #a5d8a0;
border-radius: 4px;
box-shadow: 0 0 4px rgba(0,0,0,0.3);
font-size: 86%;
flex-wrap: wrap;
display: inline-block;
padding: 0;
letter-spacing: -0.01em;
overflow: hidden;
}
.main .free_useful .ilist2_lower ul > li .ilist_in:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.main .free_useful .ilist2_lower ul > li .ilist_left{
background: #fff;
overflow: hidden;
padding:0;
width: 100%;
}
.main .free_useful .ilist2_lower ul > li .ilist_left img{
transition : all .4s;
height: auto;
width: 64px;
}
.main .free_useful .ilist2_lower ul > li .ilist_right{
text-align: center;
margin: 0;
padding: 0 8px;
width: 100%;
}

@media only screen and (max-width: 768px){
.main .free_useful {
width: 50%;
margin-right:0;
}

.main .free_useful .ilist2_lower ul > li{
margin: 10px 10px 0 0;
width: calc(50% - 5px);
}
.main .free_useful .ilist2_lower ul > li:nth-of-type(2n) {
margin-right: 0;
}
}
@media only screen and (max-width: 480px){
.main .free_useful {
width: 100%;
margin-right:0;
}

.main .free_useful .ilist2_lower ul > li{
margin: 10px 10px 0 0;
width: calc(50% - 5px);
}
.main .free_useful .ilist2_lower ul > li:nth-of-type(2n) {
margin-right: 0;
}
}

/** 市政情報 **/
.shisei h2{
padding:0;
background:none;
margin:0;
height:0;
overflow:hidden;
}
.main .shisei{
margin:36px 0 12px;
max-width:100%;
}
.main .shisei .ilist_lower{
margin:0 auto;
padding:36px 0 0;
width:100%;
max-width:956px;
}
.main .zone02 .shisei .ilist_lower ul > li{
padding-left:0;
margin-top:0;
margin-right:36px;
text-align:center;
width:calc((100% - 108.1px) / 4);
display:flex
}
.main .zone02 .shisei .ilist_lower ul > li:nth-child(3n){
margin-right:36px;
}
.main .zone02 .shisei .ilist_lower ul > li:nth-child(4n){
margin-right:0;
}
.main .zone02 .shisei .ilist_lower ul li a{
border:1px solid #aaa;
overflow:hidden;
}
.main .zone02 .shisei .ilist_lower ul li .ilist_in{
background:#fff;
display:inline-block;
padding:0;
width:100%;
height:auto;
}
.main .zone02 .shisei .ilist_lower .ilist_right{
margin:14px 0 12px;
}

@media only screen and (max-width: 480px){
.main .zone02 .shisei .ilist_lower ul li .ilist_in{
font-size:86%;
}
.main .zone02 .shisei .ilist_lower ul > li, .main .zone02 .shisei .ilist_lower ul > li:nth-child(3n){
margin:10px 10px 0 0 ;
width:calc((100% - 12.1px) / 2);
}
.main .zone02 .shisei .ilist_lower ul > li:nth-of-type(2n){
margin-right:0;
}
}

.main .shisei_under{
width:100%;
margin-top:0;
padding:0;
display:inline-block;
}
.main .shisei_under .ilist_lower{
padding: 0;
}
.main .shisei_under ul {
display:flex;
align-items:center;
}
.main .shisei_under .ilist_lower ul > li:nth-child(n){
display:flex;
margin-right: 30px;
width:calc((100% - 60.1px) / 3);
}
.main .shisei_under .ilist_lower ul > li:nth-child(3n){
margin-right: 0;
}
.main .shisei_under .ilist_lower li a{
display: flex;
align-items: center;
background: #fff;
box-shadow: 0 0 4px rgb(0 0 0 / 20%);
font-size: 100%;
padding: 16px 16px 16px 12px;
border: 1px solid #ccc;
position: relative;
}
.main .shisei_under .ilist_lower ul > li .ilist_in{
display:flex;
align-items:center; 
background:#fff;
box-shadow:0 0 4px rgba(0,0,0,0.2);
font-size:100%;
padding:16px;
border:1px solid #ccc;
position:relative;
}
.main .shisei_under .ilist_lower ul > li a img{
flex-shrink:0;
width:22px;
margin-right:16px;
}
@media only screen and (max-width: 768px){
.main .shisei_under .ilist_lower ul > li .ilist_left{
width:100%;
max-width:14px;
}
}
.main .shisei_under .ilist_lower ul > li .ilist_left img{
height:auto;
width:22px;
}
.main .shisei_under .ilist_lower ul > li .ilist_right{
/*flex-grow:1;*/
margin:2px 0 0 0;
padding:0 0 0 12px;
}
.main .shisei_under .ilist_lower ul > li .ilist_title{
text-align:left;
margin-top:0;
}

@media only screen and (max-width: 768px){
.main .shisei_under .ilist_lower ul > li .ilist_in{
min-height:76px;
font-size:86%;
}
.main .shisei_under ul{
align-items:flex-start;
}
.main .shisei_under .ilist_lower ul > li, .main .shisei_under .ilist_lower ul > li:nth-child(n){
display: flex;
margin:10px 10px 0 0 ;
width: calc((100% - 12.1px) / 2);
}
.main .shisei_under .ilist_lower ul > li:nth-of-type(2n) {
margin-right: 0;
}
}
@media only screen and (max-width: 480px){
.main .shisei_under .ilist_lower li a{
padding:10px;
min-height:62px;
}
.main .shisei_under .ilist_lower ul > li .ilist_title{
font-size:86%;
}
}
/********************** 領域3個別のスタイル **********************/
.zone03{
padding-top:36px;
padding-bottom:12px;
background-image:url(img/asari_under.png),url(img/body_under.png);
background-repeat:no-repeat,repeat;
background-position:center center,left top;
background-size:auto,auto;
position:relative;
}

/*** 広報・情報発信 ***/
.main .free_pj{
display:flex;
margin-top:0;
margin-bottom:12px;
}
@media only screen and (max-width: 480px){
.main .free_pj{
flex-flow: row wrap;
width:100%;
margin-right:0;
}
}
/** 広報ふっつ **/
.main .free_pr{
width:40%;
margin-top:0;
margin-right:36.1px;
}
.main .free_pr .pr_lower{
padding:0 12px 12px 12px;
background:#fff;
display:flex;
flex-flow: row wrap;
align-items:flex-start;
justify-content:center;
min-height:306px;
}
.pr_lower .pr_left{
width:42%;
}
.pr_lower .pr_right{
padding-left:20px;
width:58%;
}
.pr_lower .pr_btn .btn{
margin-top:8px;
}
.pr_lower .pr_btn .btn a{
background:#fff;
border:1px solid #aaa;
font-size:80%;
display:inline-block;
padding:7px 30px 7px 45px;
position:relative;
text-decoration:none;
}
.pr_lower .pr_btn .btn a::before{
content:'';
position:absolute;
left:20px;
top:50%;
margin-top:-4px;
width:0;
height:0;
border-style:solid;
border-width:4px 0 4px 8px;
border-color:transparent transparent transparent #72a4ff;
}
.pr_lower .pr_right .link{
margin-top:0;
}
.pr_lower .pr_right .link a{
display:inline-block;
font-size:85%;
text-decoration:none;
padding:8px;
letter-spacing:0;
}

.pr_lower .pr_left p{padding:12px;}
.pr_lower .pr_left .image{
position:relative;
margin-top:0;
}
.pr_lower .pr_left .icon{
position:absolute;
top:-37px;
text-align:center;
width:100%;
z-index:10;
}
.pr_lower .pr_left .icon strong{
display:inline-block;
background:#ffed74;
border-radius:0 0 4px 4px;
padding:4px 24px;
position:relative;
}
.pr_lower .pr_left .icon strong::before{
content:'';
position:absolute;
right:-6px;
top:0;
width:0;
height:0;
border-style:solid;
border-width:7px 0 0 6px;
border-color:transparent transparent transparent #b19a00;
}
@media only screen and (max-width: 736px){
.pr_lower .pr_left{
width:100%;
margin:8px auto 0;
text-align:center;
padding-left:0;
}
.pr_lower .pr_right{
width:100%;
margin-top:12px;
padding-left:0;
}
}
@media only screen and (max-width: 480px){
.main .free_pr{
flex-flow: row wrap;
width:100%;
margin-right:0;
}
}

/** 情報発信コーナー **/
.main .free_joho{
width:60%;
margin-top:0;
}
.main .free_joho .free_joho_lower{
display:flex;
justify-content:space-between;
}
.main .free_joho .free_joho_left{
width:100%;
max-width:324px;
}
.main .free_joho .free_joho_right{
width:40%;
margin-left:6px;
}
.main .free_joho .ilist{
margin-top:0;
}
.main .free_joho .ilist_lower{
padding:0;
}
.main .free_joho .ilist_lower ul > li{
margin:0;
width:100%;
}
.main .free_joho .ilist_lower ul > li .ilist_in{
background:#d0e5f5;
border:0;
padding:16px;
}
.main .free_joho .ilist_lower .ilist_left img{
height:auto;
width:114px;
}
.main .free_joho .ilist_lower .ilist_right{
text-align:center;
margin-top:6px;
}
.main .free_joho .ilist_lower ul > li .ilist_title{
font-size:120%;
padding:6px 0;
}
.main .free_joho .ilist_lower ul > li .ilist_text{
font-size:96%;
text-align:center;
}
.main .free_joho .free_joho_right ul{
display:flex;
flex-flow:row wrap;
}
.main .free_joho .free_joho_right ul li{
width:100%;
padding:0 0 6px 0;
margin:0;
}
.main .free_joho .free_joho_right ul li .ilist_in{
display:flex;
background:#fff;
padding:0;
transition:all 0.3s;
}
.main .free_joho .free_joho_right ul li .ilist_left{
align-self:auto;
display:flex;
align-items:center;
justify-content:center;
padding-left:4px;
width:20%;
}
.main .free_joho .free_joho_right ul li .ilist_right{
margin:0;
padding:8px;
width:80%;
word-wrap:break-word;
}
.main .free_joho .free_joho_right ul li .ilist_right span{
display:inline-block;
margin-top:0;
font-size:90%;
line-height:1.5;
text-align:left;
width:100%;
}
.main .free_joho .free_joho_right ul li .ilist_right span span{
display: block;
}
.main .free_joho .free_joho_right ul li:last-child{
margin-bottom:0;
}
.main .free_joho .free_joho_right ul li::before{
display:none;
}
.main .free_joho .free_joho_right ul li a{
background:#fff;
border:1px solid #aaa;
box-shadow:0 0 3px rgba(0,0,0,0.1);
display:inline-block;
text-align:center;
text-decoration:none;
width:100%;
}
.main .free_joho .free_joho_right ul li img{
width:26px;
height:auto;
}
.main .free_joho .free_joho_right ul li a:hover{
box-shadow:0 0 6px rgba(0,0,0,0.2);
}
@media only screen and (max-width: 736px) {
.main .free_joho .free_joho_lower{
flex-flow:row wrap;
justify-content:center;
}
.main .free_joho .free_joho_right {
width:80%;
margin-left:0;
margin-top:24px;
}
}
@media only screen and (max-width: 480px) {
.main .free_joho{
width:100%;
margin-right:0;
}
.main .free_joho .free_joho_lower{
flex-wrap:wrap;
justify-content:center;
}
.main .free_joho .free_joho_left{
margin:0 auto 24px;
width:100%;
max-width:300px;
display:flex;
justify-content:center;
align-content:center;
}
.main .free_joho .free_joho_right{
width:100%;
margin-left:0;
}
.main .free_joho .free_joho_right ul li {
margin:10px 10px 0 0;
padding:0;
width: calc((100% - 12.1px) / 2);
}
.main .free_joho .free_joho_right ul li:nth-of-type(2n) {
margin-right:0;
}
.main .free_joho .free_joho_right ul li a{
padding: 10px;
display: flex;
align-items: center;
}
.main .free_joho .free_joho_right ul li a > span{
margin: 0;
padding-left: 16px;
text-align: left;
width: calc(100% - 50.1px);
}
.main .free_joho .free_joho_right ul li a img{
/*flex-shrink: 0;*/
max-width:25px;
width:50px;
}
.main .free_joho .free_joho_right ul li .ilist_in{
align-items:center;
justify-content:space-between;
width: 100%;
min-height:59px;
}
.main .free_joho .ilist_lower ul > li .ilist_in{
display: flex;
padding: 12px;
flex-flow: row wrap;
align-items: center;
}
.main .free_joho .ilist_lower .ilist_left{
width:120px;
}
.main .free_joho .ilist_lower .ilist_right{
margin-top: 0;
padding-left: 12px;
width: calc(100% - 120px);
}
.main .free_joho .ilist_lower ul > li .ilist_title{
text-align: left;
padding: 0 0 10px;
}
.main .free_joho .ilist_lower ul > li .ilist_text{
text-align: left;
}
.main .free_joho .free_joho_right ul li .ilist_right span {
font-size:87.5%;
}
}

/********************** 領域4個別のスタイル **********************/
.zone04{
padding-top:24px;
padding-bottom:36px;
background: #fff url(img/body_under.png) repeat left top;
position: relative;
}

/********************** 中ページのスタイル **********************/
body.inbody{
}
body.inbody.faq .main{
margin: -24px auto 24px 220px;
}
body.inbody.faq{
margin-top:0;
}
body.inbody.faq .zone01{
padding-top:0;
padding-bottom:36px;
background: none;
position: relative; 
}
body.inbody.faq .zone02{
padding-top:36px;
padding-bottom:48px;
background:none;
position: relative;
}
body.inbody.faq .zone03{
padding-top:36px;
padding-bottom:12px;
background:none;
position:relative;
}
body.inbody.faq .zone04{
padding-top:24px;
padding-bottom:36px;
background:none;
position: relative;
}
body.inbody.faq .design .main_naka .page_left_box .cate_post01:last-child, .design .main_naka .page_left_box .cate_post02:last-child{
margin-bottom:36px;
padding-bottom:16px;
}
/**** パンくずリスト・あしあとのスタイル ****/
.pankuzu{
margin-top:12px;
}
.footstep{
margin-bottom:12px;
}
.pankuzu_lower,
.footstep_lower{
font-size: 85%;
display: flex;
align-items: flex-start;
/*margin: 8px auto;*/margin:0 auto;
padding: 0 12px;
/*max-width: 1200px;*/max-width: 980px;
width: 100%;
}
.pankuzu_tit,
.footstep_tit{
background: #efefef;
border-radius: 2px;
flex-shrink: 0;
display: inline-block;
font-size: 85%;
padding: 3px;
text-align: center;
margin: 4px 12px 4px 0;
width: 72px;
}
.pankuzu li,
.footstep li{
margin: 6px 0;
padding: 0 24px 0 0;
border: 0;
list-style-type: none;
background: none;
display: inline-block;
height: auto;
position: relative;
}
.pankuzu li::after,
.footstep li::after{
display: block;
content: '';
position: absolute;
top: .5em;
right: 7px;
width: 6px;
height: 6px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
transform: rotate(-45deg);
}
.pankuzu li:last-child::after,
.footstep li:last-child::after {
display: none;
}
@media only screen and (max-width: 768px) {
.pankuzu{
overflow: hidden;
background: #fff;
margin-top: 3px;
padding-top: 9px;
}
.pankuzu_lower{
flex-wrap: wrap;
margin: 16px 0;
padding: 0 10px;
width: 100%;
}
.footstep{
display: none;
}
}
/**** 中ページメインのスタイル ****/
.main_naka_h1{
margin:12px auto;
max-width:980px;
padding:0 12px;
width:100%;
overflow:hidden;
}
.main_naka{
margin:0 auto;
max-width:980px;
width:100%;
padding:0 12px;
overflow:hidden;
background:#fff;
}

.design #main_outline .design{
padding-left:220px;
}
.design > .main_naka {
margin: 0 auto 12px;
max-width: 980px;
width: 100%;
padding: 0 12px;
background: #fff;
}
@media screen and (min-width:769px) and (max-width:1279px){
.design #main_outline .design{
padding-left:0;
}    
}

@media only screen and (max-width: 768px) {
.design #main_outline .design{
padding-left:0;
}
}

.main_naka_top{
overflow: hidden;
}
.main_naka_top::after{
content: "";
display: block;
clear: both;
}
.main_naka_h1 h1 {
color: #fff;
padding: 14px 16px;
font-size: 180%;
background-color:#4169e1;
background-image:url("img/h1_bg01.png");
background-repeat:no-repeat;
background-position:right center;
background-size:contain;
text-shadow: #4169e1 2px 0px, #4169e1 -2px 0px, #4169e1 0px -2px, #4169e1 0px 2px, #4169e1 2px 2px, #4169e1 -2px 2px, #4169e1 2px -2px, #4169e1 -2px -2px, #4169e1 1px 2px, #4169e1 -1px 2px, #4169e1 1px -2px, #4169e1 -1px -2px, #4169e1 2px 1px, #4169e1 -2px 1px, #4169e1 2px -1px, #4169e1 -2px -1px;
}
.main_naka_h1_img{
margin: 12px auto;
max-width: 956px;
width: 100%;
position: relative;
overflow: hidden;
display: flex;
}
.main_naka_h1_img .h1_img{
display: flex;
align-items: center;
padding: 10px 0;
min-height: 180px;
}
.main_naka_h1_img h1{
font-size: 180%;
border-left: 8px solid #4169e1;
padding: 0 0 0 16px;
text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 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;
margin-left: 20px;
width: 100%;
}
.main_naka_h1_img img{
position: absolute;
top: 0;
left: 0;
height: auto;
width: 100%;
z-index: -1;
}
@media only screen and (max-width: 768px) {
.main_naka_h1 h1 {
font-size:160%;
}
.main_naka_h1_img{
width: 100%;
}
.main_naka_h1_img .h1_img{
min-height: 100px;
}
}
@media only screen and (max-width: 480px) {
.main_naka_h1_img .h1_img{
min-height: 50px;
}
.main_naka_h1_img h1{
font-size: 160%;
}
}
@media only screen and (max-width: 370px) {
.main_naka_h1_img .h1_img{
padding: 4.5% 0;
}
}

.main_naka h2 {
font-size: 150%;
width: 100%;
padding:4px 12px 4px 36px;
background:transparent url(img/h2_icon.png) 0 10px no-repeat;
margin: 16px 0 0;
position: relative;
border-bottom: 4px solid #b4cbfb;
}
.main_naka h2::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: '';
width: 30%;
height: 4px;
background-color: #4169e1;
}
.main_naka h3 {
margin: 16px 0 0;
padding: 6px 4px 6px 12px;
border-left: 4px solid #4169e1;
    background: #d9e4fd;
font-size: 140%;
}
.main_naka h4 {
margin: 16px 0 0;
padding: 2px;
border-bottom: 2px solid #4169e1;
font-size: 120%;
}
.main_naka h5 {
margin: 16px 0 0;
padding: 4px 8px;
background-color: #d9e4fd;
}
.main_naka h6 {
margin: 16px 0 0;
}
.main_naka li {
position: relative;
padding-left: 16px;
}
.main_naka li::before {
display: block;
content: '';
position: absolute;
top: .5em;
left: 0;
width: 6px;
height: 6px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
transform: rotate(-45deg);
}
.main_naka li p {
margin-top: 4px;
font-size: 85%;
}
.main_naka li p button{
vertical-align: middle;
}
.main_naka li .list_icon img{
vertical-align: middle;
margin-top: -5px;
margin-right: 4px;
max-height: 18px;
}
@media only screen and (max-width: 768px) {
.main_naka_h1{
padding: 0 12px;
width: 100%;
overflow: initial;
}
.main_naka{
padding: 0 12px;
width: 100%;
background: #fff;
/*z-index: -1;*/
position: relative;
}
.main_naka h2{
font-size: 136%;
}
.main_naka h3{
font-size: 120%;
}
.main_naka h4{
font-size: 110%;
}
}

/* ページャーのスタイル */
.main_naka .page_head {
background: #efefef;
font-size: 85%;
margin-top: 24px;
margin-bottom: 36px;
padding: 6px 16px 16px;
}
.main_naka .page_head .pager p {
display: inline-block;
}
.main_naka .page_head .pager ul {
display: inline-block;
}
.main_naka .page_head .pager ul li {
border-left: 1px solid #999;
display: inline-block;
margin: 0 8px 0 0;
padding-left: 8px;
}
.main_naka .page_head .pager ul li:first-child {
border: 0;
}
.main_naka .page_head .pager ul li::before {
display: none;
}

/**** 新着情報のスタイル ****/
.design .main_naka .main_naka_new {
border: 1px solid #85b4d0;
padding: 16px;
margin-top: 24px;
background:#fff;
}
.design .main_naka .main_naka_new h2 {
margin-top: 0;
padding:4px 12px 4px 36px;
background:transparent url(img/h2_icon.png) 0 10px no-repeat;
}
.design .main_naka .main_naka_new h2::after {
background: #4169e1;
}
.design .main_naka .main_naka_new li{
overflow: hidden;
}
.design .main_naka .main_naka_new .date {
display: block;
float: left;
margin-top: 2px;
margin-left: 0;
width: 6em;
font-size: 85%;
}
.design .main_naka .main_naka_new .list{
padding-left: 82px;
}
@media only screen and (max-width: 768px) {
.design .main_naka .main_naka_new .date{
float: none;
width: 100%;
}
.design .main_naka .main_naka_new .list{
padding-left: 0;
float: none;
width: 100%;
}
}

/**** 注目情報のスタイル ****/
.design .main_naka .main_naka_new.cat_topics{
}

/**** 緊急情報のスタイル ****/
.design .main_naka .main_naka_eme {
margin-top: 24px;
}
.design .main_naka .main_naka_eme h2{
background: #a90000;
color: #fff;
border: 0;
padding: 14px 16px;
}
.design .main_naka .main_naka_eme h2::after {
display: none;
}
.design .main_naka .main_naka_eme .h2 {
border: 0;
background: #a90000;
overflow: hidden;
}
.design .main_naka .main_naka_eme .h2 h2{
float: left;
margin: 0;
width: auto;
}
.design .main_naka .main_naka_eme .h2 p{
float: right;
padding: 15px 16px 14px 8px;
margin: 0;
}
.design .main_naka .main_naka_eme ul{
border: 2px solid #a90000;
border-top: none;
overflow: hidden;
padding: 4px 16px 16px;
margin: 0;
}

/**** 各課の窓口一覧のスタイル ****/
.design .main_naka .kakuka_wrap{
border: 4px solid #e8f4f9;
padding: 0 20px 20px;
margin-top: 24px;
overflow: hidden;
}
.design .main_naka .kakuka_wrap_tab{
margin-left: 30px;
}
.design .main_naka table {
background: #fff;
margin: 16px 0 36px;
width: 100%;
}
.design .main_naka caption {
display: none;
}
.design .main_naka .th01 {
padding: 12px 12px 10px;
border: 1px solid #85b4d0;
text-align: center;
vertical-align: middle;
background: #4169e1;
color: #fff;
width: 240px;
}
.design .main_naka .th02 {
padding: 12px 12px 10px;
border: 1px solid #4169e1;
text-align: left;
background: #d9e4fd;
font-size: 85%;
}
.design .main_naka td{
border: 1px solid #85b4d0;
}
.design .main_naka .t_tel {
padding: 12px 12px 10px;
text-align: left;
font-size: 85%;
}
.design .main_naka .t_fax {
padding: 12px 12px 10px;
text-align: left;
font-size: 85%;
}
.design .main_naka .table03 .t_mail {
padding: 12px 12px 10px;
text-align: left;
font-size: 85%;
}
.design .main_naka .t_gyomu {
padding: 12px 12px 10px;
text-align: left;
font-size: 85%;
}
.design .main_naka .t_address {
padding: 12px 12px 10px;
text-align: left;
font-size: 85%;
}
.design .main_naka .kakuka_link {
background: #efefef;
padding: 4px 16px 14px;
margin: 24px 0 8px;
overflow: hidden;
}
.design .main_naka .kakuka_link li {
float: left;
margin-right: 16px;
}
.design .main_naka .lnk_top {
font-size: 85%;
text-align: right;
}
.design .main_naka .lnk_top:last-child {
padding-bottom:36px;
}
@media only screen and (max-width: 768px) {
.design .main_naka .kakuka_wrap{
padding: 0 12px 12px;
}
.design .main_naka .kakuka_wrap_tab{
margin-left: 0;
}
.design .main_naka .kakuka_post .th01{
width: 140px;
}
}

/**** 各課のホームページのスタイル ****/
/* メニューセレクト */
.kakuka_head .kakuka_syosai{
padding-left: 2px;
}
.kakuka_head select{
font-size: 100%;
margin-right: 12px;
}
/* 親子ジャンル */
.design .main_naka .kakuka_box {
margin-top: 24px;
}
.design .main_naka .kakuka_box h2 {
margin-top: 0;
}
@media only screen and (max-width: 768px) {
.design .main_naka .kakuka_box{
float: none;
margin-top: 24px;
width: 100%;
}
.design .main_naka .th01 {
width: 40%;
}
}

/* お問い合わせ */
.design .main_naka .toiawase {
background: #e8f4f9;
margin-top: 24px;
margin-bottom: 24px;
padding: 16px;
}
.design .main_naka .toiawase h2 {
background: #85b4d0;
border: 0;
padding: 10px 12px 8px;
margin: -16px 0 0 -16px;
width: calc(100% + 32px);
}
.design .main_naka .toiawase h2::after {
display: none;
}
/**** 各課のホームページ・カテゴリごとの緊急情報のスタイル ****/
.design .main_naka #emergency {
margin-top: 24px;
}
.design .main_naka #emergency .h2 {
background: #a90000;
color: #fff;
}
.design .main_naka #emergency h2 {
color: #fff;
padding: 8px 16px 6px;
margin: 0;
border-bottom: none;
width: auto;
float: left;
}
.design .main_naka #emergency h2::after {
display: none;
}
.design .main_naka #emergency .h2 a {
float: right;
margin: 10px 16px 10px 8px;
}
.design .main_naka #emergency .h2 img {
vertical-align: middle;
}
.design .main_naka #emergency #emergency_lower {
border: 2px solid #a90000;
border-top: none;
padding: 4px 16px 16px;
}

/**** 分類のスタイル ****/
.design .main_naka_cat{
overflow: hidden;
margin-bottom: 24px;
}
.design .main_naka .category_p01 {
margin-top: -8px;
}
.design .main_naka .page_left {
margin: 24px 0 0;
width: 100%;
}
.design .main_naka .page_left_box {
float: left;
width: calc(100% - 280px);
overflow: hidden;
}
.design .main_naka .page_left_box .cate_post01, .design .main_naka .page_left_box .cate_post02 {
margin: 24px 0;
}
.design .main_naka .page_left_box .cate_post01:first-child, .design .main_naka .page_left_box .cate_post02:first-child {
margin-top: 0;
}
.design .main_naka .page_left_box .cate_post01:last-child, .design .main_naka .page_left_box .cate_post02:last-child{
margin-bottom:0;
/*margin-bottom: 36px;*/
/*padding:16px;*/
}
.design .main_naka .page_left_box .cate_post01:first-child h2, .design .main_naka .page_left_box .cate_post02:first-child h2 {
margin-top: 0;
}
.design .main_naka .page_left .page_left_float{
display: flex;
flex-wrap: wrap;
margin-bottom: -8px;
}
.design .main_naka .page_left .page_left_float .cate_post01{
border: 1px solid #85b4d0;
margin-top: 0;
margin-bottom: 24px;
margin-right: 2%;
width: 49%;
background:#fff;
}
.design .main_naka .page_left .page_left_float .cate_post01:nth-child(even){
margin-right: 0;
}
.design .main_naka .page_left .page_left_float .cate_post01 h2{
background: #e8effd;
border-bottom: 3px solid #4169e1;
margin: 0;
padding: 10px 16px;
}
.design .main_naka .page_left .page_left_float .cate_post01 h2::after{
display: none;
}
.design .main_naka .page_left .page_left_float .category_p02{
padding: 0 16px 8px;
margin-top: 16px;
}
.design .main_naka .page_left .page_left_float .category01{
padding: 0 16px 16px;
}
.design .main_naka .page_right {
float: right;
width: 240px;
margin-top: 24px;
overflow: hidden;
background:#fff;
}
.design .main_naka .page_right ul {
padding: 0 8px 12px;
margin-top: 24px;
border: 1px solid #85b4d0;
border-top: 6px solid #4169e1;
}
.design .main_naka .page_right ul:first-child {
margin-top: 0;
}
.design .main_naka .category01 li {
display: inline-block;
margin-right: 12px;
}
.design .main_naka .category_p02 {
font-size: 85%;
margin: 12px 0 24px;
overflow: hidden;
}
.design .main_naka .category_p02 p{
margin-top: 0;
}
@media only screen and (max-width: 768px) {
.design .main_naka .page_left{
margin-right: 0;
}
.design .main_naka .page_left_box{
float: none;
width: 100%;
}
.design .main_naka .page_left .page_left_float{
margin-bottom: 0;
}
.design .main_naka .page_left .page_left_float .cate_post01{
margin-right: 0;
width: 100%;
}
.design .main_naka .page_left .page_left_float .cate_post01:last-child{
margin-bottom: 0;
}
.design .main_naka .page_right{
float: none;
width: 100%;
margin-bottom:36px;
}
}
/* アイキャッチあり */
.design .main_naka .category_p02 .cat_lst {
margin-right: 112px;
}
.design .main_naka .category_p02 .cat_img {
float: right;
width: 96px;
margin-top: 0;
}

/* 分類（先頭ページ以下）のスタイル */
.design .main_naka .cate_post02 li, .design .main_naka .category_end li {
border-bottom: 1px dashed #bbb;
margin-top: 16px;
padding: 0 0 16px;
overflow: hidden;
}
.design .main_naka .cate_post02 li::before, .design .main_naka .category_end li::before {
display: none;
}
.design .main_naka .category_end li:first-child {
margin-top: 0;
}
.design .main_naka .category_end .cat_lst {
margin-right: 112px;
}
.design .main_naka .category_end .catch_lst .cat_img {
float: right;
width: 96px;
margin-top: 0;
}

/* 分類に関連するスタイル */
.design .main_naka .cat_aside{
background: #fff;
margin-bottom: 24px;
border: 1px solid #85b4d0;
}
.design .main_naka .cat_aside h2{
background: #4169e1;
border: 0;
color: #fff;
padding: 10px 12px 8px;
margin-top: 0;
}
.design .main_naka .cat_aside h2::after{
display: none;
}
.design .main_naka .cat_aside_lower{
padding: 0 16px 16px;
}
@media only screen and (max-width: 768px) {
.design .main_naka .cat_aside h2{
padding-right: 70px;
font-size: 136%;
}
}

/* バナー広告 */
.design .main_naka .bana {
margin-top: 24px;
margin-bottom:36px;
border: 1px solid #85b4d0;
}
.design .main_naka .bana h2{
background: #4169e1;
border-bottom: 0;
color: #fff;
padding: 8px 16px 6px;
margin-top: 0;
}
.design .main_naka .bana h2::after{
display: none;
}
.design .main_naka .bana_lower {
text-align: center;
border: 0;
}
.design .main_naka .bana .bana_img {
display: inline-block;
}
.design .main_naka .bana .bana_img img{
width: 100%;
}
.design .main_naka .bana ul {
display: flex;
flex-wrap: wrap;
}
.design .main_naka .bana li {
width: 160px;
margin-right: 8px;
padding-left: 0;
}
.design .main_naka .bana li::before {
display: none;
}
.design .main_naka .bana li:nth-of-type(6n) {
margin-right: 0;
}
.design .main_naka .bana li .window {
margin-top: 5px;
}
/**** 催し物・講座のスタイル ****/
.design .main_naka .event_navi_box {
margin-top: 24px;
margin-bottom: -12px;
}
.design .main_naka .event_navi li {
display: inline-block;
border-right: 2px solid #4169e1;
margin: 0 16px 8px 0;
padding: 0 16px 0 0;
}
.design .main_naka .event_navi li:first-child {
border-left: 2px solid #4169e1;
padding-left: 16px;
}
.design .main_naka .event_navi li::before {
display: none;
}
.design .main_naka .month_lst_box {
margin-top: 24px;
}
.design .main_naka .month_lst {
display: flex;
text-align: center;
}
.design .main_naka .month_lst li {
padding-left: 0;
margin-top: 0;
width: 20%;
border: 2px solid #4169e1;
border-left: none;
}
.design .main_naka .month_lst li:first-child {
border-left: 2px solid #4169e1;
}
.design .main_naka .month_lst li::before {
display: none;
}
.design .main_naka .month_lst .month_select {
background: #4169e1;
color: #fff;
}
.design .main_naka .month_lst .month_select strong{
display: block;
padding: 8px;
}
.design .main_naka .month_lst li a {
display: block;
padding: 8px;
}
.design .main_naka .event_list li {
border-bottom: 1px dashed #bbb;
margin-top: 16px;
padding: 0 0 16px;
}
.design .main_naka .event_list li:last-child {
border-bottom: 1px dashed #bbb;
margin-top: 16px;
margin-bottom: 36px;
padding: 0 0 16px;
}
.design .main_naka .event_post {
margin-top: 24px;
}
.design .main_naka .event_list li::before {
display: none;
}
.design .main_naka .event_repeat {
margin-top: 0;
}

.design .main_naka .event_period{
border: 4px solid #e8f4f9;
background: #fff;
padding: 4px 16px 16px;
}
.design .main_naka .event_period .event_post:first-child{
margin-top: 0;
}

/**** 催し物・講座カレンダー表示のスタイル ****/
.design .main_naka .calendar_month {
margin-top: 24px;
}
.design .main_naka .calendar_month caption {
display: none;
}
.design .main_naka .calendar_month th {
padding: 16px;
border: 1px solid #85b4d0;
border-right: none;
font-size: 85%;
text-align: center;
vertical-align: middle;
}
.design .main_naka .calendar_month td {
padding: 16px;
border: 1px solid #85b4d0;
}
.design .main_naka .calendar_month td li {
margin-top: 16px;
}
.design .main_naka .calendar_month td li:first-child {
margin-top: 0;
}
.design .main_naka .calendar_month td.cal_day {
text-align: center;
padding: 16px 20px;
font-size: 85%;
vertical-align: middle;
width: 60px;
}
.design .main_naka .calendar_month td.cal_day img {
max-width: none;
vertical-align: middle;
}
.design .main_naka .calendar_month .cal_sun {
background-color: #ffd8d6;
}
.design .main_naka .calendar_month .cal_sat {
background-color: #d9e4fc;
}
.design .main_naka .calendar_month .cal_date {
width: 60px;
}
.design .main_naka .calendar_month .cal_today .cal_date {
background: #a90000;
color: #fff;
}
.design .main_naka .calendar_month .hdy {
margin: 0 0.6em 8px 0;
padding: 3px 4px 1px 5px;
background: #a90000;
color: #fff;
font-size: 85%;
display: inline-block;
vertical-align: middle;
}
.design .main_naka .calendar_month .eve_cate {
display: inline-block;
font-size: 85%;
background: #4169e1;
color: #fff;
border-radius: 4px;
padding: 4px 4px 2px;
margin: 2px 8px 0 0;
text-align: center;
vertical-align: top;
line-height: 1;
min-width: 80px;
}
@media only screen and (max-width: 768px) {
.design .main_naka .calendar_month th{
padding: 10px;
}
.design .main_naka .calendar_month .cal_date{
width: 46px;
}
.design .main_naka .calendar_month td.cal_day{
padding: 10px;
width: 46px;
}
.design .main_naka .calendar_month td{
padding: 10px;
}
}

/**** 新着情報のスタイル ****/
.innew .design .main_naka .new_post {
margin-top: 24px;
}
.innew .design .main_naka .new_post:first-child {
margin-top: 0;
}
.innew .design .main_naka .new_post li {
border-bottom: 1px dashed #bbb;
margin-top: 16px;
padding: 0 0 16px;
overflow: hidden;
}
.innew .design .main_naka .new_post li::before {
display: none;
}
/* アイキャッチあり */
.innew .design .main_naka .catch_lst .new_lst {
margin-right: 110px;
}
.innew .design .main_naka .catch_lst .new_img {
float: right;
width: 96px;
margin-top: 0;
}
/**** ごみカレンダーのスタイル ****/
.design .main_naka .garbage_body .garbage_box {
margin-top: 24px;
}
.design .main_naka .garbage_body .garbage_select {
margin-top: 12px;
}
.design .main_naka .garbage_body .garbage_select p {
display: inline-block;
vertical-align: middle;
margin-top: 0;
}
.design .main_naka .garbage_body .garbage_select #garbage_area {
font-size: 100%;
margin-right: 12px;
vertical-align: middle;
}
.design .main_naka .garbage_body .garbage_select #garbage_num {
font-size: 100%;
vertical-align: middle;
}
#body .main_naka .garbage_body .garbage_select .garbage_select_syosai{
display: inline-block;
margin-right: 16px;
}
.design .main_naka .garbage_body .garbage_cal h2 img {
padding: 0 8px 3px 0;
vertical-align: middle;
}
.design .main_naka .garbage_body .garbage_cal h2 span {
vertical-align: middle;
}
.design .main_naka .garbage_body .garbage_cal table {
margin-top: 24px;
width: 100%;
table-layout: fixed;
}
.design .main_naka #calendar_month th {
padding: 8px;
border: 1px solid #4169e1;
border-right: none;
font-size: 85%;
text-align: center;
vertical-align: middle;
width: 60px;
}
.design .main_naka #calendar_month td {
padding: 16px;
border: 1px solid #4169e1;
}
.design .main_naka .garbage_body .garbage_cal td .cal_icon {
margin: 8px 0 0;
background: #000;
color: #fff;
text-align: center;
width: 120px
}
.design .main_naka .garbage_body .garbage_cal td .cal_icon p {
margin: 0 auto;
padding: 8px 8px 0;
}
.design .main_naka .garbage_body .garbage_cal td .cal_icon img {
padding: 2px 0 8px;
vertical-align: bottom;
height: auto;
width: 36px;
box-sizing: content-box;
}
.design .main_naka #calendar_month td li {
margin-top: 16px;
padding-left: 0;
}
.design .main_naka #calendar_month td li::before{
display: none;
}
.design .main_naka #calendar_month td li:first-child {
margin-top: 0;
}
.design .main_naka #calendar_month td.cal_day {
text-align: center;
padding: 10px;
font-size: 85%;
vertical-align: middle;
width: 60px;
}
.design .main_naka #calendar_month td.cal_day img {
max-width: none;
vertical-align: middle;
}
.design .main_naka #calendar_month .cal_sun {
background-color: #ffd8d6;
}
.design .main_naka #calendar_month .cal_sat {
background-color: #d9e4fc;
}
.design .main_naka #calendar_month .cal_today .cal_date {
background: #a90000;
color: #fff;
}
.design .main_naka #calendar_month .hdy {
margin: 0 0.6em 4px 0;
padding: 3px 4px 1px 5px;
background: #a90000;
color: #fff;
font-size: 85%;
display: inline-block;
vertical-align: middle;
}
.design .main_naka #calendar_month .eve_cate {
display: inline-block;
font-size: 85%;
background: #4169e1;
color: #fff;
border-radius: 4px;
padding: 4px 4px 2px;
margin: 2px 8px 0 0;
text-align: center;
vertical-align: top;
line-height: 1;
min-width: 80px;
}
@media only screen and (max-width: 768px) {
.design .main_naka .garbage_body .garbage_select p,
.design .main_naka .garbage_body .garbage_select #garbage_area{
font-size: 100%;
}
.design .main_naka #calendar_month th,
.design .main_naka #calendar_month td.cal_day {
width: 36px;
}
.design .main_naka #calendar_month td{
padding: 8px 16px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_icon img{
height: auto;
width: 34px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_icon p{
padding: 6px 6px 0;
}
}

/* アイコン毎の効果 */
.design .main_naka .garbage_body .garbage_cal td .cal_red,
.design .main_naka .garbage_body .garbage_cal th .cal_red{
background:#d50404;
border:1px solid #fff;
box-shadow:rgba(213, 4, 4, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_bla,
.design .main_naka .garbage_body .garbage_cal th .cal_bla{
background:#222;
border:1px solid #fff;
box-shadow:rgba(0, 0, 0, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_blu,
.design .main_naka .garbage_body .garbage_cal th .cal_blu{
background:#0274cc;
border:1px solid #fff;
box-shadow:rgba(4, 150, 213, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_pap,
.design .main_naka .garbage_body .garbage_cal th .cal_pap{
background:#892dbd;
border:1px solid #fff;
box-shadow:rgba(136, 45, 189, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_gre,
.design .main_naka .garbage_body .garbage_cal th .cal_gre{
background:#09820c;
border:1px solid #fff;
box-shadow:rgba(16, 156, 18, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_pin,
.design .main_naka .garbage_body .garbage_cal th .cal_pin{
background:#b4156b;
border:1px solid #fff;
box-shadow:rgba(180, 21, 106, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_ora,
.design .main_naka .garbage_body .garbage_cal th .cal_ora{
background:#f7bb2d;
border:1px solid #fff;
color:#333;
box-shadow:rgba(247, 186, 45, 0.66) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal .sun{
background: #ffd8d6;
}
.design .main_naka .garbage_body .garbage_cal .sat{
background:#d9e4fc;
}
.design .main_naka .garbage_body .garbage_cal th.sun{
background:transparent;
}
.design .main_naka .garbage_body .garbage_cal th.sat{
background:transparent;
}
.design .main_naka .garbage_body .garbage_cal .today{
background:#fffab0;
}
.design .main_naka .garbage_body .garbage_cal .today a:LINK{
text-decoration:underline;
color:#fff;
}
.design .main_naka .garbage_body .garbage_cal .today a:VISITED{
text-decoration:underline;
color:#eee;
}
.design .main_naka .garbage_body .garbage_cal .today a:ACTIVE{
text-decoration:underline;
color:#ffff00;
}
.design .main_naka .garbage_body .garbage_cal .today a:HOVER{
text-decoration:underline;
color:#ffff00;
}
.design .main_naka .garbage_foot{
margin-top:24px;
margin-bottom:36px;
}

/* ゴミカレンダー凡例 */
.design .main_naka .garbage_category_hanrei caption{
background :#4169e1;
padding: 6px 12px 4px;
color: #fff;
display: table-caption;
width: 100%;
}
.garbage_category_hanrei th{
border: 1px solid #4169e1;
color: #fff;
vertical-align: middle;
padding: 8px;
}
.garbage_category_hanrei td{
border: 1px solid #4169e1 !important;
vertical-align: middle;
padding: 8px;
}

/**** サイトマップのスタイル ****/
.sitemap_body{
padding-bottom:16px;
margin-bottom:36px;
}
.design .main_naka .kakuka01 li {
margin: 3px 20px 2px 0;
padding: 0;
border: 0;
display: inline-block;
height: auto;
background-image: none;
font-size: 85%;
}
.design .main_naka .event_month li {
display: inline-block;
margin-right: 4px;
padding-left: 0;
}
.design .main_naka .event_month li::before {
display: none;
}
.design .main_naka .event_month img {
position: relative;
top: -2px;
}

/**** RSS一覧のスタイル ****/
.rss_body{
padding-bottom:16px;
margin-bottom:36px;
}
.design .main_naka .rss{
margin: 0 8px 0 8px;
vertical-align: middle;
height: 20px;
}

/**** マイページ管理画面のスタイル ****/
.online_strage_edit_a {
margin-top: 16px;
    margin-bottom:12px;
}
.online_strage_edit_a .mypage h2 {
margin: 0;
padding: 0;
height: 0;
background: none;
border: none;
}
.online_strage_edit_a .mypage h2::after {
display: none;
}
.online_strage_edit_a div.online_strage_list_item {
border-bottom: 1px dashed #bbb;
padding: 7px 0;
overflow: hidden;
}
.online_strage_edit_a div.online_strage_title {
float: left;
max-width: 872px;
padding: 8px 0;
}
.online_strage_edit_a div.online_strage_list_item > p {
font-size: 85%;
}
.online_strage_edit_a div.edit_btn {
float: right;
}
.online_strage_edit_a div.online_strage_commandbox {
float: left;
}
.online_strage_edit_a div.online_strage_updown {
float: left;
}
.online_strage_edit_a .online_strage_list button {
background: #fff;
color: #333;
padding: 4px 10px;
margin: 6px 6px 6px 0;
vertical-align: top;
}

/**** エラーページのスタイル ****/
.error{
margin-top:24px;
margin-bottom:36px;
}
.design .main_naka .error h1 {
margin: 24px 0;
font-size: 180%;
}
.design .main_naka .error ul {
margin-top: 24px;
}

/**** ピックアップのスタイル ****/
.design .main_naka .pickup_post {
margin-top: 24px;
}
.design .main_naka .pickup_post:last-child{
margin-bottom:36px;
padding-bottom:16px;
}
.design .main_naka .pickup_post .category_p01 {
margin-top: 0;
}
/**** 組織検索機能 ****/
.csv_search {
margin-top: 16px;
background: #eee;
padding: 16px;
}
.csv_search h2 {
background: #fff;
padding: 10px 12px 8px;
border-color: #4169e1;
margin: 0 0 16px;
}
.csv_search h2::after{
display: none;
}
#csv_search_word {
width: 300px;
}
#csv_search_word{
margin-right: 16px;
margin-bottom: 8px;
}
.csv_search_input_form fieldset{
overflow: hidden;
vertical-align: middle;
margin-bottom: 8px;
}
.csv_search_input_form fieldset legend{
float: left;
width: auto;
}
.csv_search_input_form fieldset input[type="radio"]{
margin-top: 1px;
padding-top: 0;
}
.csv_search_form_submit_btn_wrapper {
text-align: center;
margin-top: 8px;
}
#body .csv_search_form_submit_btn_wrapper .csv_search_form_submit_btn{
display: inline-block;
font-size: 81.25%;
padding: 5px 15px;
}
.csv_search_input_form fieldset {
display: inline-block;
}
.csv_search_result_table th, .csv_search_result_table td {
border: 1px solid #ccc;
font-size: 85%;
padding: 6px 4px 4px
}
.csv_search_result_table th {
background: #d9e4fd;
text-align: center;
vertical-align: middle;
}
@media only screen and (max-width: 768px) {
#csv_search_word{
width: 100%;
}
}

/**** お問い合わせフォームのスタイル ****/
#body.inform .main_naka li p input,
#body.inform .main_naka li p button,
#body.inform .main_naka li p textarea{
font-size: 100%;
}
.inform .design .main_naka form {
margin-top: 24px;
margin-bottom: 36px;
padding: 8px 16px 16px;
background: #eee;
}
.design .main_naka .syosai{
overflow: hidden;
}
.inform .design .main_naka .syosai_hiduke {
float: none;
}
.inform .design .main_naka form li {
border-bottom: 1px dashed #bbb;
margin-top: 16px;
padding: 0 0 16px;
}
.inform .design .main_naka form li::before {
display: none;
}
.inform .att {
color: #a90000;
}
.inform .design .main_naka form li:first-child, .inform .design .main_naka form h3:first-child {
margin-top: 8px;
}
.inform .design .main_naka form .tyui li {
border: none;
margin-top: 8px;
padding: 0;
}
.inform .design .main_naka form fieldset {
margin-top: 8px;
}
.inform .design .main_naka form h2{
background: #eee;
color: #222;
font-size: 120%;
margin: 16px 0;
}
.inform .design .main_naka form h2::after{
width: 100%;
}
.inform .design .main_naka form .radio_p{
font-size: 85%;
display: inline-block;
margin-right: 12px;
}
.inform .design .main_naka form .input_btn{
text-align: center;
margin-top: 16px;
}
.inform .design .main_naka form .px100{
max-width: 100px;
width: 100%;
}
.inform .design .main_naka form .px200{
max-width: 200px;
width: 100%;
}
.inform .design .main_naka form .px300{
max-width: 300px;
width: 100%;
}
.inform .design .main_naka form .px400{
max-width: 400px;
width: 100%;
}
.inform .design .main_naka form .px500{
max-width: 500px;
width: 100%;
}
@media only screen and (max-width: 768px) {
#body.inform .design .main_naka form input[type="text"],
#body.inform .design .main_naka form input[type="password"],
#body.inform .design .main_naka form textarea{
width: 100% !important;
}
#body.inform .design .main_naka form input[type="text"]#postal_code,
#body.inform .design .main_naka form input[type="file"]#upfile{
width: 60% !important;
}
#body.inform .design .main_naka form input[type="text"]#yuubin1,
#body.inform .design .main_naka form input[type="text"]#yuubin2{
width: 90px !important;
}
#body.inform .design .main_naka form input[type="radio"] + label{
line-height: 2;
}
}

/** お問い合わせフォームのスタイル　エラー **/
.inform .design .main_naka form .form_error{
background: #f8e6e6;
border: 2px solid #a90000;
color: #a90000;
padding: 12px 16px 6px;
margin: 10px 0 24px;
}
.inform .design .main_naka form .form_error p{
font-size: 120%;
margin: 5px 0 10px;
border-bottom: none;
padding-left: 12px;
border-left: 4px solid #a90000;
}
.inform .design .main_naka form .form_error ul{
padding: 0 4px;
}
.inform .design .main_naka form .form_error li{
padding: 3px 0 3px 14px;
margin: 0 0 5px 0;
}
.inform .design .main_naka form .form_error li::before{
display: inline-block;
top: 11px;
border-color: #a90000;
}

/**** アンケートのスタイル ****/
.design .main_naka .question_box{
margin-bottom: 24px;
}
.design .main_naka .question_box:last-child{
margin-bottom: 36px;
}
.design .main_naka .question_box li {
border-bottom: 1px dashed #bbb;
margin-top: 16px;
padding: 0 0 16px;
}
.design .main_naka .question_box li::before {
display: none;
}
.design .main_naka #qa_tmp {
border: 1px solid #ccc;
margin-top: 24px;
padding: 16px;
}
.inform .design .main_naka form select {
font-size: 100%;
}

/**** 動的版検索結果のスタイル ****/
.design .main_naka .keyword_post li {
border-bottom: 1px dashed #bbb;
margin-top: 16px;
padding: 0 0 12px;
}
.design .main_naka .keyword_post li::before {
display: none;
}

/********************** 記事ページのスタイル **********************/
.inkiji .main_naka_h1 {
margin-bottom: 0;
}
.inkiji .main_naka {
margin-bottom: 8px;
}
.waku {
margin: 0 auto 24px;
overflow: hidden;
}
.waku_top{
clear: both;
margin: 0 auto;
max-width: 980px;
padding: 0 12px;
width: 100%;
}
.main_naka_kiji {
float: left;
margin-right: 40px;
width: calc(100% - 280px);
}
.waku .kiji_sub {
margin-top: 8px;
float: right;
width: 240px;
}
@media only screen and (max-width: 768px) {
.main_naka_kiji{
float: none;
overflow: hidden;
width: 100%;
}
.waku .kiji_sub{
float: none;
width: 100%;
}
}

/**** 詳細ページのスタイル ****/
.design .main_naka .syosai_hiduke {
margin-top: 8px;
font-size: 74%;
float: left;
}
.design .main_naka .syosai_hiduke li{
display: inline-block;
margin: 0;
/*padding: 0 16px 0 0;*/
    padding: 0 12px 0 0;
}
.design .main_naka .syosai_hiduke li::before{
display: none;
}
@media only screen and (max-width: 768px) {
.design .main_naka .syosai_hiduke{
margin-bottom: 16px;
}
}
@media only screen and (max-width: 480px) {
.design .main_naka .syosai_hiduke li.syosai_id{
display: block;
}
}

/* SNSボタン */
.inbody .design .sns_box {
margin-top: 4px;
padding-left: 4px;
vertical-align: middle;
float: right;
}
.inbody .design .sns_box ul {
display: inline;
}
.inbody .design .sns_box li::before {
display: none;
}
.inbody .design .sns_btn {
padding-left: 4px;
display: inline;
line-height: 0;
vertical-align: middle;
}
.inbody .design .sns_btn img {
vertical-align: middle;
}
.inbody .design p.sns_btn {
padding: 3px;
background-color: #fff;
/*font-size: 85%;*/
    font-size: 74%;
vertical-align: middle;
}
@media only screen and (max-width: 768px) {
.inbody .design .sns_box{
background: #efefef;
border: 1px solid #ccc;
padding-left: 0;
padding: 5px;
margin: 0;
float: none;
line-height: 1.5;
clear: both;
}
.inbody .design p.sns_btn {
background: none;
padding: 0;
margin: 0;
}
.inbody .design .sns_box ul li{
display: inline-block;
margin: 0;
padding: 0;
}
}

/**** 記事ページ右メニューのスタイル ****/
/*アイキャッチ画像*/
.waku .kiji_sub .catch {
margin-top: 16px;
}
.waku .kiji_sub .catch p {
margin-top: 0;
text-align: center;
}
.waku .kiji_sub .catch img {
border: 1px solid #ccc;
padding: 1px;
vertical-align: bottom;
}

/*お問い合わせフォーム*/
.waku .kiji_sub .kiji_aside.syosai_sonota {
margin-top: 16px;
padding: 12px;
border: 1px solid #85b4d0;
background:#fff;
font-size: 85%;
text-align: center;
word-wrap: break-word;
}
.waku .kiji_sub .kiji_aside.syosai_sonota h2 {
display: inline-block;
padding: 6px 4px 4px;
background: #d9e4fd;
border: 0;
color: #333;
width: 100%;
}
.waku .kiji_sub .kiji_aside.syosai_sonota p {
text-align: left;
}
.waku .kiji_sub .kiji_aside.syosai_sonota .for_img {
text-align: center;
background: #85b4d0;
font-size: 85%;
display: inline-block;
border-radius: 8px;
width: 100%;
}
.waku .kiji_sub .kiji_aside.syosai_sonota .for_img a {
display: block;
padding: 8px 5px 7px;
color: #000;
text-decoration: none;
width: 100%;
}

/*共通スタイル*/
.waku .kiji_sub .kiji_aside{
margin-top: 16px;
background: #fff;
border: 1px solid #85b4d0;
}
.waku .kiji_sub .kiji_aside_lower{
padding: 0 16px 16px;
}
.waku .kiji_sub .kiji_aside h2 {
padding: 10px 8px 8px;
background: #d9e4fd;
}
.waku .kiji_sub .kiji_aside > ul {
padding: 0;
margin: 0;
}
.waku .kiji_sub .kiji_aside li {
position: relative;
padding-left: 16px;
}
.waku .kiji_sub .kiji_aside li::before {
display: block;
content: '';
position: absolute;
top: .5em;
left: 0;
width: 6px;
height: 6px;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
transform: rotate(-45deg);
}
.waku .kiji_sub .kiji_aside li li {
font-size: 85%;
}

/*コンテンツページ_組織内ジャンル*/
.waku .kiji_sub .kiji_aside.kakuka {
}
/*関連コンテンツ*/
.waku .kiji_sub .kiji_aside.kanren {
}
/*この記事を見ている人*/
.waku .kiji_sub .kiji_aside.kanren2 {
}
/**** コンテンツ評価のスタイル ****/
.design .main_naka .kiji_aside.syosai_qa {
background: #fff;
}
.design .main_naka .kiji_aside.syosai_qa li {
padding-left: 0;
}
.design .main_naka .kiji_aside.syosai_qa li::before {
display: none;
}
.design .main_naka .kiji_aside.syosai_qa li p {
padding: 5px 1%;
border: 1px dashed #bbb;
}
.design .main_naka .kiji_aside.syosai_qa #opinion {
width : 100%;
}
.design .main_naka .kiji_aside.syosai_qa .comment {
font-size : 85%;
}
.design .main_naka .kiji_aside.syosai_qa .qa_button {
margin-top: 8px;
padding-top: 16px;
border-top: 1px solid #ccc;
text-align: center;
}
.design .main_naka .kiji_aside.syosai_qa .qa_button2 {
margin-top: 8px;
padding: 8px 0;
text-align: center;
}
@media only screen and (max-width: 768px) {
.design .main_naka .kiji_aside.syosai_qa form p span{
display: block;
line-height: 2;
}
}

/** コンテンツ評価のスタイル 確認画面 **/
.inform .design .main_naka .kiji_aside.syosai_qa{
background-color: #eee;
border: none;
padding: 16px 16px 5px;
margin: 0 0 36px 0;
}
.inform .design .main_naka .kiji_aside.syosai_qa li p{
border: none;
padding: 0;
}
.inform .design .main_naka .kiji_aside.syosai_qa > p{
margin: 0;
border-bottom: 1px dashed #bbb;
padding-bottom: 16px;
}
.inform .design .main_naka .kiji_aside.syosai_qa form{
margin-top: 0;
padding: 0;
}
/**** 別ルートのスタイル ****/
.design .main_naka .route_box {
margin-bottom: 24px;
}
.design .main_naka .route_box h2{
background: #fff;
border-bottom: 2px solid #ccc;
font-size: 125%;
padding: 2px;
margin: 0 0 12px;
}
.design .main_naka .route_box h2::after{
display: none;
}
.design .route {
margin-top: 8px;
}
.design .route li {
font-size: 85%;
margin: 0;
padding: 0 28px 0 0;
border: 0;
list-style-type: none;
background: none;
display: inline-block;
height: auto;
position: relative;
}
.design .route li::before {
display: none;
}
.design .route li::after {
display: block;
content: "";
position: absolute;
top: .3em;
right: 2px;
width: 0;
height: 0;
border: 5px solid transparent;
border-left: 8px solid #999;
}
.design .route li:last-child::after {
display: none;
}

/**** 記事ページ下メニューのスタイル ****/
.inkiji .main_naka .kiji_aside,
.infaq .main_naka .kiji_aside{
background: #fff;
margin-bottom: 24px;
border: 1px solid #85b4d0;
}
.inkiji .main_naka .kiji_aside_lower,
.infaq .main_naka .kiji_aside_lower{
padding: 0 16px 16px;
}
.inkiji .main_naka .kiji_aside h2,
.infaq .main_naka .kiji_aside h2{
background: #4169e1;
border: 0;
color: #fff;
padding: 10px 12px 8px;
margin-top: 0;
}
.inkiji .main_naka .kiji_aside h2::after,
.infaq .main_naka .kiji_aside h2::after{
display: none;
}
.inkiji .main_naka .kiji_aside h3,
.infaq .main_naka .kiji_aside h3{
background: none;
border: 0;
border-left: 4px solid #4169e1;
padding: 0 0 0 12px;
margin-left: 16px;
margin-right: 16px;
}
.inkiji .main_naka .kiji_aside li li,
.infaq .main_naka .kiji_aside li li{
font-size: 85%;
}
@media only screen and (max-width: 768px) {
.inkiji .main_naka .kiji_aside.kanrenlink h2,
.infaq .main_naka .kiji_aside.kanrenlink h2,
.inkiji .main_naka .kiji_aside.rssfide h2,
.infaq .main_naka .kiji_aside.rssfide h2{
padding-right: 70px;
font-size:136%;
}
}

/* 関連リンク */
.inkiji .main_naka .kiji_aside.kanrenlink{
}
/* 外部RSS */
.inkiji .main_naka .kiji_aside.rssfide h2{
}
/* 同じ分類の記事 */
.inkiji .main_naka .kiji_aside.kanrencon h2{
background: #d9e4fd;
color: #222;
}
/* 組織内ジャンル */
.inkiji .main_naka .kiji_aside.kakuka h2{
background: #d9e4fd;
color: #222;
}
/* 関連コンテンツ */
.inkiji .main_naka .kiji_aside.kanren h2{
background: #d9e4fd;
color: #222;
}
/* 関連している可能性のある記事 */
.inkiji .main_naka .kiji_aside.kanren2 h2{
background: #d9e4fd;
color: #222;
}
/* お問い合わせフォーム */
.main_naka .kiji_aside.syosai_sonota h2{
background: #d9e4fd;
color: #222;
}
.main_naka .kiji_aside.syosai_sonota p.for_txt {
padding: 0 0 8px 0;
border-bottom:1px solid #ccc;
font-size:85%;
}

/**** 記事ページ緊急情報のスタイル ****/
.kiji_emergency .main_naka_h1 h1 {
border-left:none;
background:#a90000;
color:#fff;
text-shadow:none;
padding:6px 8px 4px;
}

/**** 分類カスタマイズページ右カラムバナー共通のスタイル ****/
.design .main_naka .page_right .cstmz_bana{
padding:0 0 12px;
}
.design .main_naka .page_right .cstmz_bana .h2{
padding:12px 0 4px;
}
.design .main_naka .page_right .cstmz_bana h2{
font-size:130%;
border-bottom:2px solid #107ac2;
padding:0 2px 4px 2px;
}
.design .main_naka .page_right .cstmz_bana .h2 p{
font-size:85%;
margin-top:8px;
}
.design .main_naka .page_right .cstmz_bana ul{
display:flex;
flex-flow:column wrap;
margin:0;
padding:0;
border:none;
}
.design .main_naka .page_right .cstmz_bana ul li{
border:0;
padding:0;
margin:12px 0 0;
width:100%;
height:100%;
text-align:center;
}
.design .main_naka .page_right .cstmz_bana ul li:first-child{
margin-top:0;
}
.design .main_naka .page_right .cstmz_bana ul li:before{
display:none;
}
.design .main_naka .page_right .cstmz_bana ul li .window{
margin-top:5px;
}
.design .main_naka .page_right .cstmz_bana ul li:hover{
opacity:0.8;
}
@media only screen and (max-width: 768px) {
.design .main_naka .page_right .cstmz_bana{
padding:0 5% 12px;
}
.design .main_naka .page_right .cstmz_bana ul{
flex-flow:row wrap;
align-items:center;
}
.design .main_naka .page_right .cstmz_bana ul li{
width:calc((100% - 12.1px) / 2);
margin:0 12px 12px 0;
}
.design .main_naka .page_right .cstmz_bana ul li:nth-of-type(2n){
margin-right:0;
}
}

/****  分類ページ（キャラクター）スタイル ****/
.chara_h1{
max-width:980px;
width:100%;
margin:12px auto;
padding:0 12px;
position:relative;
overflow:hidden;
}
.chara_h1 .chara_h1_in{
max-width:956px;
width:100%;
}
.chara{
margin:36px 0;
padding-bottom:36px;
max-width:100%;
}
.main_naka .chara .ilist_lower{
margin:0 auto;
padding:0;
width: 100%;
max-width: 956px;
}
.main_naka .chara .ilist_lower ul{
display:flex;
flex-flow:row wrap;
}
.main_naka .chara .ilist_lower ul > li {
padding-left:0;
margin-top:0;
margin-right:24px;
text-align:center;
width:calc((100% - 72.1px) / 4);
display:flex;
}
.main_naka .chara .ilist_lower ul > li::before{
display:none;    
}
.main_naka .chara .ilist_lower ul > li:nth-child(3n){
margin-right:24px;
}
.main_naka .chara .ilist_lower ul > li:nth-child(4n){
margin-right:0;
}
.main_naka .chara .ilist_lower ul > li:hover{
opacity:.8;
}
.main_naka .chara .ilist_lower ul li a{
overflow:hidden;
}
@media only screen and (max-width: 768px){
.main_naka .chara{
margin:12px 0 36px;
}
}
@media only screen and (max-width: 650px){
.main_naka .chara .ilist_lower ul > li, .main_naka .chara .ilist_lower ul > li:nth-child(3n){
margin:10px 10px 0 0 ;
width:calc((100% - 10.1px) / 2);
justify-content:center;
}
.main_naka .chara .ilist_lower ul > li:nth-of-type(2n){
margin-right:0;
}
}

/****  分類ページ（ふるさと応援寄付）スタイル ****/
.kifu_h1{
max-width:980px;
width:100%;
margin:12px auto;
padding:0 12px;
position:relative;
overflow:hidden;
}
.kifu_h1 .kifu_h1_in{
max-width:956px;
width:100%;
}
.kifu_post01{
margin:0;
width:100%;
background:#fff;
}
.kifu_post01 h2{
margin:0;
padding:0 0 24px 0;
background:none;
border:none;
text-align:center;
}
.kifu_post01 h2::after{
display:none;
}
.kifu_post01 h2 a:hover img{
opacity:0.8;
}
/****  分類ページ（安全・安心）スタイル ****/
.bouhan_h1{
max-width:980px;
width:100%;
margin:12px auto;
padding:0 12px;
position:relative;
overflow:hidden;
}
.bouhan_h1 .bouhan_h1_in{
max-width:956px;
width:100%;
}
.bouhan_content01, .bouhan_content02, .bouhan_content03, .bouhan_content04{
width:100%;
}
.bouhan_content01 .h2{
background:url(img/bouhan_tit01.gif) no-repeat;
width:100%;
height:50px;
}
.bouhan_content02 .h2{
background:url(img/bouhan_tit02.gif) no-repeat;
width:100%;
height:50px;
}
.bouhan_content03 .h2{
background:url(img/bouhan_tit03.gif) no-repeat;
width:100%;
height:50px;
}
.bouhan_content04 .h2{
background:url(img/bouhan_tit04.gif) no-repeat;
width:100%;
height:50px;
}
.bouhan_content01 .h2 h2, .bouhan_content02 .h2 h2, .bouhan_content03 .h2 h2, .bouhan_content04 .h2 h2{
margin:0;
padding:0;
background:none;
border:none;
}
.bouhan_content01 .h2 h2 img, .bouhan_content02 .h2 h2 img, .bouhan_content03 .h2 h2 img, .bouhan_content04 .h2 h2 img{
width:100%;
max-width:320px;
}
.bouhan_content01 h2::after, .bouhan_content02 h2::after, .bouhan_content03 h2::after, .bouhan_content04 h2::after{
display:none;
}
.bouhan_content01 .bouhan_lower{
background-color:#ffcccc;
}
.bouhan_content02 .bouhan_lower{
background-color:#ffe5cc;
}
.bouhan_content03 .bouhan_lower{
background-color:#ffffcc;
}
.bouhan_content04 .bouhan_lower{
background-color:#ddffcc;
}
.bouhan_content01 h2, .bouhan_content02 h2, .bouhan_content03 h2, .bouhan_content04 h2{
margin:0;
padding:0;
background:none;
border:none;
max-width:676px;
}
.bouhan_lower{
padding:20px 8px;
margin:0 0 24px;
max-width:676px;
}
.bouhan_content01 .bouhan_lower ul{
display:flex;
flex-wrap:wrap;
}
.bouhan_content01 .bouhan_lower ul li{
width:calc((100% - 16.1px) / 3);
margin:0 8px 0 0;
padding:0;
}
.bouhan_content02 .bouhan_lower ul, .bouhan_content03 .bouhan_lower ul, .bouhan_content04 .bouhan_lower ul{
display:flex;
flex-wrap:wrap;
}
.bouhan_content02 .bouhan_lower ul li, .bouhan_content03 .bouhan_lower ul li, .bouhan_content04 .bouhan_lower ul li{
width:49%;
height:auto;
margin:0 2% 0 0;
padding:0;
}
.bouhan_content01 .bouhan_lower ul li:hover, .bouhan_content02 .bouhan_lower ul li:hover, .bouhan_content03 .bouhan_lower ul li:hover, .bouhan_content04 .bouhan_lower ul li:hover{
opacity:0.8; 
}
.bouhan_lower ul li:last-child{margin-right:0;}
.bouhan_lower ul li:before{display: none;}
@media only screen and (max-width: 768px){
.bouhan_content01,.bouhan_content02, .bouhan_content03,.bouhan_content04{
width:100%;
}
.bouhan_content01 h2, .bouhan_content02 h2, .bouhan_content03 h2, .bouhan_content04 h2{
max-width:100%;
}
.bouhan_lower{
max-width:100%;
}
.bouhan_content01 .bouhan_lower ul li, .bouhan_content02 .bouhan_lower ul li, .bouhan_content03 .bouhan_lower ul li, .bouhan_content04 .bouhan_lower ul li{
display:flex;
justify-content:center;
}
*::-ms-backdrop, .bouhan_content01 .bouhan_lower ul li, .bouhan_content02 .bouhan_lower ul li, .bouhan_content03 .bouhan_lower ul li, .bouhan_content04 .bouhan_lower ul li {
display: block;/* IE11 */
}
}
@media only screen and (max-width: 480px){
.bouhan_content01 .bouhan_lower ul li{
width:49%;
margin:0 2% 0 0;
padding:0;
}
.bouhan_lower ul li:nth-of-type(2n){
margin:0;
}
.bouhan_content01 .bouhan_lower ul li:last-child{
margin:16px 0 0 0;
}
.bouhan_content02 .bouhan_lower ul li, .bouhan_content03 .bouhan_lower ul li, .bouhan_content04 .bouhan_lower ul li{
width:100%;
margin:0 0 16px 0;
}
}

/****  分類ページ（観光・文化）スタイル ****/
.kankou_h1{
max-width:980px;
width:100%;
margin:12px auto;
padding:0 12px;
position:relative;
overflow:hidden;
}
.kankou_h1 .kankou_h1_in{
max-width:956px;
width:100%;
}
.kankou_content01, .kankou_content02{
width:100%;
}
.kankou_content01 .h2, .kankou_content02 .h2{
background:url(img/kankou_h2_bg.gif) no-repeat;
width:100%;
height:49px;
display:flex;
}
.kankou_content01 .h2 .h2_list,.kankou_content02 .h2 .h2_list{
float:right;
margin:9px 10px 0 0;
}
.kankou_content01 .h2 h2, .kankou_content02 .h2 h2{
margin:0;
padding:0;
float:left;
background:none;
border:none;
}
.kankou_content01 .h2 h2 img, .kankou_content02 .h2 h2 img{
width:100%;
max-width:165px;
}
.kankou_content01 h2::after, .kankou_content02 h2::after{
display:none;
}
.kankou_lower{
padding:20px 8px;
margin:0;
max-width:676px;
background:#fff;
}
.kankou_content01 .kankou_lower ul{
display:flex;
flex-wrap:wrap;
}
.kankou_content01 .kankou_lower ul li{
width:49%;
height:auto;
margin:0 2% 0 0;
padding:0;
}
.kankou2_lower{
padding:0 8px 20px;
margin:0 0 24px;
max-width:676px;
background:#fff;
}
.kankou_content01 .kankou2_lower ul{
display:flex;
flex-wrap:wrap;
}
.kankou_content01 .kankou2_lower ul li{
width:calc((100% - 16.1px) / 3);
margin:0 8px 0 0;
padding:0;
}
.kankou_content02 .kankou_lower ul{
display:flex;
flex-wrap:wrap;
}
.kankou_content02 .kankou_lower ul li{
width:49%;
height:auto;
margin:0 2% 0 0;
padding:0;
}
.kankou_lower ul li:last-child, .kankou2_lower ul li:last-child{
margin-right:0;
}
.kankou_lower ul li:before, .kankou2_lower ul li:before{
display:none;
}
.kankou_lower ul li:hover, .kankou2_lower ul li:hover{
opacity:0.8;
}
@media only screen and (max-width: 768px){
.kankou_content01,.kankou_content02{
width:100%;
}
.kankou_content01 h2,.kankou_content02 h2{
max-width:100%;
}
.kankou_lower, .kankou2_lower{
max-width:100%;
}
.kankou_content01 .kankou_lower ul li,.kankou_content02 .kankou_lower ul li{
display:flex;
justify-content:center;
}
    
*::-ms-backdrop, .kankou_content01 .kankou_lower ul li,.kankou_content02 .kankou_lower ul li {
display: block;/* IE11 */
}
}
@media only screen and (max-width: 480px){
.kankou_content01 .kankou2_lower ul li{
width:49%;
margin:0 2% 0 0;
padding:0;
}
.kankou_lower ul li:nth-of-type(2n), .kankou2_lower ul li:nth-of-type(2n){
margin:0;
}
.kankou_content01 .kankou_lower ul li, .kankou_content02 .kankou_lower ul li{
width:100%;
margin:0 0 16px 0;
}
}

/****  分類ページ（子育て・教育）スタイル ****/
.kosodate_h1{
max-width:980px;
width:100%;
margin:12px auto;
padding:0 12px;
position:relative;
overflow:hidden;
}
.kosodate_h1 .kosodate_h1_in{
max-width:956px;
width:100%;
}
.kosodate_content01, .kosodate_content02{
width:100%;
}
.kosodate_content01 .kosodate_lower{
border:1px solid #badc43;
border-top:none;
}
.kosodate_content02 .kosodate_lower{
border:1px solid #c993c8;
border-top:none;
}
.kosodate_content01 .h2{
background:url(img/kosodate_tit01.gif) no-repeat;
width:100%;
height:50px;
}
.kosodate_content02 .h2{
background:url(img/kosodate_tit02.gif) no-repeat;
width:100%;
height:50px;
}
.kosodate_content01 .h2 h2, .kosodate_content02 .h2 h2{
margin:0;
padding:0;
background:none;
border:none;
}
.kosodate_content01 .h2 h2 img, .kosodate_content02 .h2 h2 img{
width:100%;
max-width:320px;
}
.kosodate_content01 h2::after, .kosodate_content02 h2::after{
display:none;
}
.kosodate_content01 h2, .kosodate_content02 h2{
margin:0;
padding:0;
background:none;
border:none;
max-width:676px;
}
.kosodate_lower{
padding:20px 8px;
margin:0 0 24px;
max-width:676px;
}
.kosodate_content01 .kosodate_lower ul, .kosodate_content02 .kosodate_lower ul{
display:flex;
flex-wrap:wrap;
padding:0 12px;
}
.kosodate_content01 .kosodate_lower ul li, .kosodate_content02 .kosodate_lower ul li{
width:calc((100% - 60.1px) / 3);
margin:0 30px 0 0;
padding:0;
}
.kosodate_lower ul li:last-child{margin-right:0;}
.kosodate_lower ul li:before{display: none;}
.kosodate_content01 .kosodate_lower ul li:hover, .kosodate_content02 .kosodate_lower ul li:hover{
opacity:0.8;
}
@media only screen and (max-width: 768px){
.kosodate_content01,.kosodate_content02{
width:100%;
}
.kosodate_content01 h2, .kosodate_content02 h2{
max-width:100%;
}
.kosodate_lower{
width:100%;
max-width:100%;
}
.kosodate_content01 .kosodate_lower ul li, .kosodate_content02 .kosodate_lower ul li{
display:flex;
justify-content:center;
}
*::-ms-backdrop, .kosodate_content01 .kosodate_lower ul li, .kosodate_content02 .kosodate_lower ul li {
display: block;/* IE11 */
}
}
@media only screen and (max-width: 480px){
.kosodate_content01 .kosodate_lower ul li, .kosodate_content02 .kosodate_lower ul li{
width:49%;
margin:0 2% 0 0;
padding:0;
}
.kosodate_content01 .kosodate_lower ul, .kosodate_content02 .kosodate_lower ul{
padding:0;
}

.kosodate_lower ul li:nth-of-type(2n){margin:0;}
.kosodate_content01 .kosodate_lower ul li:last-child, .kosodate_content02 .kosodate_lower ul li:last-child{
margin:16px 0 0 0;
}
}

/* チャットボット */
#body input#chat-input.dsn-input_comment{
height: 30px;
width: 74%;
display: block;
font-size: 1.4rem;
border: 1px solid #D3D3D3;
border-radius: 4px;
padding-left: 10px;
}
#body input#chat-button.dsn-input_button{
cursor: pointer;
height: 30px;
width: 23%;
margin: auto;
font-size: 85%;
color: white;
display: block;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
-webkit-transition: .3s;
transition: .3s;
background: #00948d;
}
.dsn-widget{
width:64px !important;
height:137px !important;
position:fixed;
bottom:168px !important;
right:0;
margin:0 !important;
cursor:pointer;
z-index:10001;
}
.dsn-field .dsn-field_list .dsn-field_item .dsn-left_massage__img img{
max-width:60px;
}
@media only screen and (max-width: 768px){
.dsn-widget{
display:none;
}
}