body{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Meiryo, sans-serif;
}

@media (max-width: 480px) {
#topicpath,.pc_on {display : none;}
}



ul:after {
 content: '';
 display: block;
 clear: both;
}

#mbc_lifeline{
margin: 10px auto;
padding : 0;
max-width: 800px;
text-align: left;
font-size : 14px;
}

@media (max-width: 820px) {
#mbc_lifeline{
margin: 10px 5%;
width: 90%;
}
}

/* 気象画像差し込み */
#weather-img img{margin: 15px 1% 0 1%;width: 48%;}

@media (max-width: 480px) {
#weather-img img{margin: 10px 3% 0 3%;width: 94%;}
}

/* レイアウト */

#linji_main{
width: 90%;
margin: 20px auto 0 auto;
font-size: 14px;
line-height: 1.3em;
text-align: center;
overflow:hidden;
width: 980px\9;
}
#linji_l,#linji_r{
margin: 0;
padding: 0;
overflow:hidden;
}
#linji_l{width: 64%\9;float: left\9;}
#linji_r{width: 30%\9;float: right\9;}


@media print, screen and (min-width: 769px) { /* for PC  */
#linji_l{width: 64%;float: left;}
#linji_r{width: 30%;float: right;}
}

/* ニュース部分 */
#mbc-news-list{
margin: 0 auto;
padding: 0 2rem 2rem 2rem;
overflow: hidden;
max-width: 860px;
box-sizing: border-box;
}

#mbc-news-list h3{
padding: .25em 0 .5em .75em;
color:#3498db;
border-left: 6px solid #3498db;
border-bottom: 1px solid #ccc;
}

#mbc-news-list ul {
margin: 0 auto;
padding: 0;
list-style: none;
width: 100%;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#mbc-news-list li {
border: 1px solid #ccc;
box-sizing: border-box;
}

#mbc-news-list a{
padding:.3rem;
text-decoration: none;
color:#3498db;
font-weight:bold;
display:block;
}

#mbc-news-list li p {
margin: 0;
font-size: 1rem;
line-height: 1.3em;
text-align: left;
}

#mbc-news-list li p span {
margin-left: .5rem;
font-size: .85rem;
line-height: .9em;
color: #666666;
font-weight:normal;
}
#mbc-news-list li img {margin: .5rem 3% 0 3%;width: 94%;}
#mbc-news-list li p {padding: .2rem .5rem;}

@media print, screen and (min-width: 641px) {
#mbc-news-list li{margin: 0 .5%;width: 32.3%;}
}
@media (max-width: 640px) {
#mbc-news-list li {margin: .5rem 0;padding:0;width: 100%;}
}



/* L字連動部分 */

#lifeline-list{
text-align: left;
}
#lifeline-list H1{
margin: 0 auto;
padding : .5rem 0;
font-size : 1.8rem;
line-height : 100%;
font-weight: normal;
color : #047cb0;
text-align: center;
}

@media (max-width: 500px) {
#lifeline-list H1{font-size : 1.4rem;}
}

#lifeline-list .date-header{
margin: 0;
padding : 0 5px;
text-align: right;
font-size : 15px;
}

#lifeline-list h2{
margin: 0;
padding : 5px 8px;
background-color : #2992b9;
color:#fff;
font-weight: bold;
font-size : 17px;
text-align: left;
}

#lifeline-list .category p{
margin: 0;
padding : 3px 0;
}

@media (max-width: 480px) {
#lifeline-list h2{
padding :5px;
text-align: center;
}
}


#lifeline-list h3{
margin: 0;
padding : 5px 8px;
background-color : #b7e5ff;
color:#016b92;
font-weight: bold;
font-size : 15px;
}
@media (max-width: 480px) {
#lifeline-list h3{
padding : 5px;
}
}

#lifeline-list .lifeline-box{
margin-bottom: 20px;
padding : 0;
font-size : 14px;
line-height : 140%;
text-align: left;
}

#lifeline-list .category{
border-left:1px solid #b7e5ff;
border-right:1px solid #b7e5ff;
border-bottom:1px solid #b7e5ff;
}

#lifeline-list .category ul{
margin: 0;
padding : 3px 0;
list-style-type: none;
}

#lifeline-list .category li{
margin: 0;
padding : 3px 8px;
text-align: left;
font-size : 14px;
line-height : 140%;
/*float: left;*/
}

#lifeline-list .category p{
margin: 0;
padding : 8px;
}


/* 投稿フォーム反映部分 */
#lifeline_f{
margin: 10px auto;
padding : 0;
max-width: 800px;
text-align: center;
font-size : 12px;
}

@media (max-width: 480px) {
#lifeline_f{
width: 100%;
}
}

#lifeline_f H1{
margin: 0 auto;
padding : 0;
font-size : 28px;
line-height : 100%;
font-weight: normal;
color : #047cb0;
}

#lifeline_f .date-header{
margin: 0;
padding : 0 5px;
text-align: right;
font-size : 15px;
}

#lifeline_f h3{
margin: 0;
padding : 8px;
background-color : #b7e5ff;
color:#016b92;
font-weight: bold;
font-size : 15px;
text-align: left;
}
@media (max-width: 480px) {
#lifeline_l h3{
padding : 5px;
}
}


#lifeline_f .shousai{
border:1px solid #b7e5ff;
margin: 0;
padding : 3px 8px;
list-style-type: none;
text-align: left;
font-size : 14px;
line-height : 140%;
}


#mbc_lifeline TABLE{
  font-size : 14px;
  line-height : 18px;
}
#lifeline_t .lifeline_title{
background-color : #b7e5ff;
color:#2992b9;
font-weight: bold;
}
#lifeline_t .waku{
border-width : 1px;
border-style : solid;
border-color : #9eacb2;
}

/* 関連リンク部分 */

#kanren{
margin: 20px auto 10px auto;
padding : 0;
width: 800px;
}

@media (max-width: 480px) {
#kanren{
width: 100%;
}
}

#kanren h3{
margin: 0;
padding : 5px 8px;
background-color : #77c600;
color:#ffffff;
font-weight: bold;
font-size : 15px;
text-align: left;
}
.kanren-naiyou{
padding : 8px;
border:1px solid #77c600;
font-size : 14px;
line-height : 140%;
text-align: left;
}

/* 市町村情報部分 */
.area-waku{
border:1px solid #000000;
text-align: left;
font-size: 12px;
}
.area-waku h2{
margin: 0;
padding : 6px 0;
border-bottom:1px solid #000000;
text-align: center;
background-color : #02be87;
color : #ffffff;
font-size: 16px;
}
#shousai{
margin: 10px auto;
width:96%;
line-height: 140%;
}
@media print, screen and (min-width:769px) {
#jichi-sp{max-height: 1200px;overflow: auto;}
}


#jichi-sp h3{
text-align: left;
margin: 0 auto 5px auto;
padding:5px 8px;
font-size : 14px;
line-height: 130%;
color:#0e7e5d;
background:#b3e7d8;
}

#jichi-sp h4{
width: 95%;
margin: 8px auto;
padding:0;
font-size: 17px;
line-height: 130%;
color:#000000;
font-size : 14px;
line-height : 140%;
text-align: left;
font-weight:normal
}

#jichi-sp h4 a{
color:#000000;
text-decoration: none;
display: block;
}


.jichiwaku{
margin: 0;
padding : 0;
border-bottom: 1px dotted #8e8e8e;
text-align: left;
}

pre{
margin: 5px auto;
padding:5px;
width: 95%;
text-align: left;
font-size : 15px;
line-height : 140%;
}


/* アプリ誘導 */

#ap-top{
margin : 0;
padding : 0;
text-align: center;
color:#047cb0;
background: #fcff00;
}
#ap-top p{
margin : 0;
padding : .3rem 0;
text-align: center;
font-size : .85rem;
line-height : 1.2rem;
}
#ap-top a{
text-decoration:none;
color:#047cb0;
}

/* 貯筋運動 */

.chokin{
margin : 3rem auto 1rem auto;
padding : 1rem 0;
clear: both;
text-align: center;
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
}
.chokin p{
margin : 0 auto;
padding : .5rem 1rem;
max-width: 800px;
font-size : 1rem;
clear: both;
text-align: center;
font-weight:bold;
color:#629c46;
}
.chokin img{
margin: 0 2%;width :46%;
}

.chokin button {
border-radius: 4px;
border:1px solid #629c46;
background:#fff;
}

.chokin button:hover{
background:#c4f7aa;
}


.chokin button a{
text-decoration: none;
font-size : 1rem;
color:#629c46;
display:block;
padding : .3rem .5rem;
}


/* アプリバナー */

.ap-waku{
margin : 0;
padding : 1.5rem 1rem;
clear: both;
text-align: center;
}

@media (max-width: 480px) {
.ap-waku img{margin: 0 5%;width :90%;}
}

.ap-waku button {
border-radius: 4px;
border:1px solid #047cb0;
}

.ap-waku button:hover{
background:#ccf4ff;
}


.ap-waku button a{
text-decoration: none;
font-size : 1rem;
color : #047cb0;
display:block;
padding : .3rem .5rem;
}

/* youtube */

.yt-waku{
margin : 0 auto;
padding : 1.5rem 1rem;
clear: both;
text-align: center;
max-width:800px
}

.yt-waku h3{
padding: .25em 0 .5em .75em;
color:#3498db;
border-left: 6px solid #3498db;
border-bottom: 1px solid #ccc;
text-align: left;
}


.youtube2
{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/* コピーライト */
#cr{
padding : 10px 0;
font-size : 10px;
line-height : 12px;
clear: both;
width :100%;
text-align: center;
}