@charset "utf-8";
/* 地域共通
================================================== */
.local-main-visual-wapper{
position: relative;
background-image: url("../../images/temp026/header.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position: center;
}

.local-main-visual{
position: relative;
height:80px;
padding:10px 10px;
color:#FFF;
}

.local-main-visual h1{
font-size:16px;
}

.local-main-visual p{
font-size:14px;
}

#sub_menu{
background-color:#3dbfef;
padding:15px;
}

.fbox{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: center;
align-items: center;
border-right:1px solid #C8C9CA;
border-top:1px solid #C8C9CA;
}

#sub_menu nav{
width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;
background-color:#eee;
text-align: center;
padding:15px 0;
border-left:1px solid #C8C9CA;
border-bottom:1px solid #C8C9CA;
}

#sub_menu a{
display: block;
}

#foot_menu{
background-color:#3dbfef;
padding:15px;
}

#foot_menu div{
background-color:#eee;
margin-bottom:15px;
background-image: url("../../images/foot-menu-icon.png");
background-repeat: no-repeat;
}

#foot_menu div:last-child{
margin-bottom:0px;
}

#foot_menu a{
display: block;
padding:15px 0 15px 40px;
color:#29ABE2;
font-weight: bold;
}

.area_info{
background-position: 3% 3%;
}
.area_calender{
background-position: 3% 28%;
}
.area_oerator{
background-position: 3% 51%;
}
.area_link{
background-position: 3% 75%;
}
.area_customer{
background-position: 3% 98%;
}

.pageskip{
margin:20px 0 0 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}

.back{
background-color:#3dbfef;
width: 35%;
text-align: right;
}

.back a{
display:block;
padding:15px;
color: #fff;
width:calc(100% - 30px);
}

.forward{
background-color:#3dbfef;
width: 35%;
}

.forward a{
display:block;
padding:15px;
color: #fff;
width:calc(100% - 30px);
}

/* TOPコンテンツ
================================================== */
#local_recent_news{
margin:30px 20px;
}

#local_recent_news h1{
color:#3dbfef;
font-size: 24px;
line-height: 24px;
}

#local_recent_news ul{
margin:20px 0 0;
}

#local_recent_news li.full{
border-bottom:2px solid #888888;
padding:15px 0 10px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}

#local_recent_news li{
border-bottom:2px solid #888888;
padding:15px 0 10px;
}

.detail{
flex: 1;
}

.category{
margin-bottom:5px;
}

.category a{
background-color:#3dbfef;
color:#FFF;
padding:2px 10px;
}

.date{
color:#00B4FF;
}

.title{
font-size: 16px;
font-weight:bold;
}

.title a{
color: #323232;
}

.pict{
width:75px;
height:75px;
overflow:hidden;
border: 1px solid #dcdcdc;
}

/* カレンダー
================================================== */
#calendar{
text-align: center;
margin:30px 20px;
}

#calendar table{
margin:0 auto;
}

table.event_table{
border-top:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
}

table.event_table td{
border-bottom:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
padding:5px;
}

table.event_table td:first-child{
min-width:90px;
text-align: center;
}

/* グループ・募集
================================================== */
.blog_articls{
margin:30px 20px;
}
h1.header{
background-color:#1e5a8c;
color:#fff;
font-size: 16px;
padding:10px;
text-align: center;
}

.lcolum li{
border-bottom:1px dashed #dcdcdc;
margin:20px 0 0;
padding:5px 0;
}

.main_mid_{
margin:20px 0 0 ;
}

/* 運営組織
================================================== */
.recent{
margin:30px 20px;
}

.more_info{
margin: 20px 0 0 0;
text-align: right;
}

/* 読者登録
================================================== */
.reader_info{
margin:20px 0;
}

.reader_info p{
margin:10px 0 0;
}

.release{
margin:20px 0 0;
}

.release p{
margin:10px 0 0;
}

input.item{
width:100%;
}

.att{
margin:40px 0 0;
}

.att ul{
margin:0 0 20px;
}

.att ul li{
list-style-type: disc;
margin:0 0 0 20px;
}

.att ol li{
list-style-type: decimal;
margin:0 0 0 20px;
}

/* 地域の紹介
================================================== */
.local-detail p{
margin:20px 0 0 0;
}

.local-detail img{
width:100%;
height:auto;
}

/* KIJIコンテンツ
================================================== */
#kiji{
margin:30px 20px;
}

#kiji h2{
margin:20px 0 0 0;
}

.text_body{
margin:20px 0 0;
padding:20px 0;
border-top:2px solid #3dbfef;
border-bottom:2px solid #888888;
}

.comment-body{
padding:10px 0;
}

/*///記事レイアウト共通///*/
.text_body img{
width: auto;
}

.full-image img,.half-image img,.full-image-ex img,.half-image-ex img, #ExtImg img{
width:100%;
}

.fbox-half{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
width:100%;
}

.full-image{
margin:20px 0 0 0;
}

.half-image{
margin:20px 0 0 0;
width:47%;
}

.full-image-ex{
margin:0 0 20px;
}

.half-image-ex{
margin:0 0 20px;
width:47%;
}

/* フッター
================================================== */
footer.local{
font-size:12px;
background-color:#3dbfef;
}

footer.local .device{
color: #fff;
}

/* 2021.02.14追加
================================================== */
.blog_articls li.full{
border-bottom:2px solid #888888;
padding:15px 0 10px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}

.blog_articls li{
border-bottom:2px solid #888888;
padding:15px 0 10px;
}