main {
}



#mns_content{
    margin-top:8px;
    background-color:#fff;
    width:100%;
    clear:both;
    
}



/*アイコンフォント*/
i[class*="fa-"]{
    font-weight:normal;
 
    margin:0px 2px;
    
}

li a+i[class*="fa-"]{
    font-weight:normal;
 
    margin:0px 1px 0px 5px;
    
}

.fa-camera{/*カメラ*/
    color:#d3d3d3;
    /*text-shadow:1px 1px 0 #3cb371;*/

}
/*text-align*/
.mns_align_left{
    text-align:left;
}
.mns_align_center{
    text-align:center;
}
.mns_align_right{
    text-align:right;
}

/*フロート設定*/
.mns_float_left{
    
float:left;    
}
.mns_float_right{
float:right;    
    
    
}

/*太字*/
.mns_bold {
    font-weight:bold;
    
}
/*文字色*/
.color_mns{/*373newsイメージカラー*/
    color:#769c71;

}
.color_white{/*白*/
    color:#ffffff;

}

.color_black{/*黒*/
    color:#000000;

}

.color_red{/*赤*/
    color:#ff0000;

}
.color_blue{/*青*/
    color:#0000ff;

}
.color_green{/*緑*/
    color:#008000;

}
.color_orange{/*オレンジ*/
    color:#ffa500;

}
.color_yellow{/*黄色*/
    color:#fff000;

}


/*文字サイズ*/

.mns_fs_px12{
    font-size:12px;
    line-height:1.5em;
}
.mns_fs_px14{
    font-size:14px;
    line-height:1.5em;
}
.mns_fs_px16{
    font-size:16px;
    line-height:1.5em;
}
.mns_fs_px18{
    font-size:18px;
    line-height:1.5em;
}
.mns_fs_0_7{
    font-size:0.7em;
}
.mns_fs_0_8{
    font-size:0.8em;
}
.mns_fs_0_9{
    font-size:0.9em;
}
.mns_fs_1_0{
    font-size:1em;
}
.mns_fs_1_1{
    font-size:1.1em;

}
.mns_fs_1_2{
    font-size:1.2em;
}

.mns_fs_1_3{
    font-size:1.3em;
}
.mns_fs_1_4{
    font-size:1.4em;

}
.mns_fs_1_5{
    font-size:1.5em;

}
/*アンダーライン*/
.mns_underline_red {
    text-decoration: underline ;
    color: #ff0000 ;
    }



/* ロゴ */

#header_pc {
    margin-bottom:10px;
        overflow : hidden;

}
#header_left {
	margin:0;
	float:left;
	text-align:left;
}
#header_left h1{
	margin:5px 0 0 0;
	padding:0;
	height:49px;/* HTML5との互換性? */
    font-size:14px;
    text-align:center;
}
#header_left h1 a{
    padding: 0;
    margin: 0;
	vertical-align:middle;
}
#hiduke{
    font-size:20px;
    font-weight:normal;
    text-align:right;
    padding-left:5px;
    color:#8ac641;
}

nav {
    
}

/* バナー */
#header_right {
	float:right;
	vertical-align:middle;
	text-align:center;
}






/*ニュース用タブ　*****************************************************/

[id*="tabwrap"] { 
    background: #fff; 
    overflow: hidden; 
    width: 100%;
    
    margin: 3px auto;
    padding:0px;
   
}
#localnews_tabs li {
    list-style: none; 
    
}
#localnews_tabs li a { 
    float: left; 
    display: block;
    background: #fff;
    padding:5px;
    color: #000;
    width: 16%;
    text-decoration: none;
    text-align: center;
    
    font-size: 13px;
    /*text-shadow: 1px 1px 0 #333;*/
    margin-left:10px;
    border-top:1px solid #8fbc8f;
     border-left:1px solid #8fbc8f;
      border-right:1px solid #8fbc8f;
    border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
-webkit-border-radius:6px 6px 0px 0px;
}
  
#localnews_tabs li a:hover { 
    background: #f0fff0; 

}

  
#localnews_tabs li.current a { 
     
      color: #000; 
    text-shadow: 1px 1px 0 #fff;
    font-weight:bold; 
/*    background: -moz-linear-gradient(top, #f9ffec, #d4efd4);
    background:linear-gradient(to bottom, #f9ffec, #d4efd4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9ffec', endColorstr='#d4efd4', GradientType=0); 
  background: -webkit-gradient(linear, left top, left bottom, from(#f9ffec), to(#d4efd4));*/
    background-color:#daf6cf;
}
#local_news_content {
    
}
#local_news_content > div {
    clear: both;
    padding: 5px 0px;
    line-height: 1.5em;
    color: #666;
    display: none;
    border:1px solid #8fbc8f;
}
#local_news_content div.more{
    text-align: right;
    margin-right: 10px;
}
  
#local_news_content .current { display: block; }
#local_news_content #home.first { display: block; }
#local_news_content p { margin: 0 0 20px 0;}



/*ランキング用とりあえず*/
#rank_tabs li {
    list-style: none; 
    
}
#rank_tabs li a { 
    float: left; 
    display: block;
    background-color: #fff;
    padding:5px;
    color: #000;
    width: 16%;
    text-decoration: none;
    text-align: center;
    
    font-size: 13px;
    /*text-shadow: 1px 1px 0 #333;*/
    margin-left:10px;
    border-top:1px solid #a0becd;
     border-left:1px solid #a0becd;
      border-right:1px solid #a0becd;
    border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
-webkit-border-radius:6px 6px 0px 0px;
}
  
#rank_tabs  li a:hover { 
    background-color: #c4e9e9; 

}

  
#rank_tabs  li.current a { 
     
      color: #000; 
    font-weight:bold; 
    background-color:#e0ffff;
}
#rank_content {
    
}
#rank_content > div {
    clear: both;
    padding: 6px;
    line-height: 1.5em;
    color: #666;
    display: none;
    border:1px solid #a0becd;
    font-size:0.9em;
    
}
  
#rank_content .current { display: block; }
#rank_content #home.first { display: block; }
#rank_content p { margin: 0 0 20px 0;}
/*ランキングタブここまで*/





/*生活情報ランキング用とりあえず*/
#rank_tabs_life li {
    list-style: none; 
    
}
#rank_tabs_life li a { 
    float: left; 
    display: block;
    background-color: #fff;
    padding:5px;
    color: #000;
    width: 16%;
    text-decoration: none;
    text-align: center;
    
    font-size: 13px;
    /*text-shadow: 1px 1px 0 #333;*/
    margin-left:10px;
    border-top:1px solid #c292a7;
     border-left:1px solid #c292a7;
      border-right:1px solid #c292a7;
    border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
-webkit-border-radius:6px 6px 0px 0px;
}
  
#rank_tabs_life  li a:hover { 
    background: #f0f0f0; 

}

  
#rank_tabs_life  li.current a { 
     
    color: #000; 
background-color:#efc7d6;
    font-weight:bold; 
    
}
#rank_content_life {
    
}
#rank_content_life > div {
    clear: both;
    padding: 6px;
    line-height: 1.5em;
    color: #666;
    display: none;
    border:1px solid #c292a7;
        font-size:0.9em;

}
  
  
#rank_content_life .current { display: block; }
#rank_content_life #home.first { display: block; }
#rank_content_life p { margin: 0 0 20px 0;}
/*生活情報ランキングタブここまで*/


/*
検索ボックス
文字サイズ変更ボタン
*/
#header_search{
    width:100%;
    overflow:hidden;
    padding:5px 0px;
}
#header_search>table{
    width:100%;
    
}
#google_search{
    width:75%;
    text-align:right;
    
}
/*グーグルカスタム検索*/

.searches {
        width: 230px !important;
        float:right;
        /*margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;*/
}
.searches input {
  padding: 1px  1px;
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid #bbbbbb;
}
.searches input[type="submit"] {
  display: inline-block;
  padding: 2px 5px;
margin-left: 5px;
  font-size: 12px;
  color: #FFF;
  background: #999;
  border-radius: 3px;
  cursor: pointer;
}

.searches input[type="submit"]:hover {

}

#mns_moji_botton{
    width:25%;
    
    text-align:right;
    display:table-cell;
vertical-align:middle;
    font-size:14px;
}
#mns_moji_botton:after{
    clear:both;
    
}
#mns_textresizer{
    /*width:300px;*/
    float:right;
}
#mns_textresizer:after{
    clear:both;
    
}
#mns_textresizer li{
display: inline-block;  
vertical-align: middle;
margin:0px 2px;
}


/**************************/
/* フッターブロックの定義 */
/**************************/
#footerbar{
    padding :8px;
    font-size:13px;
    text-align:center;
    margin-bottom:10px;
    background-color:#f3f8f0;
}

#footer47link{
    
    padding :10px;
    font-size:14px;
    text-align:left;
    margin-bottom:10px;
   background: -moz-linear-gradient(top, #f6f6f6, #d3d3d3);
    background:linear-gradient(to bottom, #f6f6f6, #d3d3d3);
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d3d3d3', GradientType=0); /* IE7,8,9 */
    background: -webkit-linear-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d3d3d3));
}

#footerurl {
	font-size: 12px;
	text-align: right;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 5px;
}
.device-smartphone #footerurl {
	text-align: left;
}
#footerurl img {
	border:0;
	vertical-align: middle;
	padding: 0 2px 2px 2px;
}
#footerurl ul {
	padding: 0;
	display: inline;
	margin: 0;
}
#footerurl li {
	padding: 0 0 0 2px;
	display: inline;
	margin: 0;
}

/*373news用タイトル*/


.mns_title1 , .mns_title2 , .mns_title3 ,.mns_title4{
/*divなどに使用*/
    margin:0px 0px 5px 0px;
    padding:8px 10px;
    font-size:1.2em;
    font-weight:bold;
    color:#769c71;

}
.mns_title1 {

}
.mns_title2 {
    background-color:#556b2f;
    color:#fff;
}
.mns_title3 {
    border-left:12px solid #c0c0c0;
    border-bottom:2px solid #c0c0c0;

}

.mns_title4 {
    border-bottom:1px solid #5e8423;
     background: -moz-linear-gradient(top, #ffffff, #f0ffe9);
    background:linear-gradient(to bottom, #ffffff, #f0ffe9);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0ffe9', GradientType=0); /* IE7,8,9 */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0ffe9));　

}

.line{
    
    border-top:1px solid #dcdcdc;
    margin:5px;
}


/*pure ボタン　色*/
[class*="pure-button"]:hover {
    text-decoration: none;

}
[class*="pbutton-"] {
    color: #fff;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
[class*="pbutton-"]:hover {
    color: #fff;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}
[class*="pbutton-"]:visited {
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-decoration:none;
}
.pbutton-mnscolor {
    background: rgb(118, 188, 113); /* this is a green */
}
.pbutton-mnscolor {
    margin-top:5px;
    margin-bottom:10px;
}
.pbutton-white {
    background-color: #fff; /* this is a white */
    color:#555;
    border:1px solid #555;
}
.pbutton-white:hover {
    background-color: #555; /* this is a white */
    color:#fff;
    border:1px solid #555;
}
.pbutton-itiranbtn {
    font-size:14px;
    background-color: #feffe7; /* this is a pbutton-itiranbtn */
    color:#222;
    border:1px solid #222;
}
.pbutton-itiranbtn:hover {
    background-color: #feffe7; /* this is a pbutton-itiranbtn */
   color:#222;
   box-shadow: none;
   text-decoration: none;
   background-image:none;
}
.pbutton-itiranbtn:visited {
    color:#222;
}
.pbutton-black {
    background-color: #555; /* this is a white */
    color:#fff;
    border:1px solid #555;
}

.pbutton-green {
    background: rgb(28, 184, 65); /* this is a green */
}

.pbutton-red {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.pbutton-orange {
    background: rgb(223, 117, 20); /* this is an orange */
}

.pbutton-blue {
    background: rgb(66, 184, 221); /* this is a blue */
}

.pbutton-lightgreen {
    background: rgb(227, 252, 222); /* this is a light green */
}

.pbutton-lightblue {
    background: rgb(214, 241, 254); /* this is a light blue */
}

.pbutton-lightorange {
    background: rgb(254, 226, 206); /* this is a light orange */
}

.pbutton-lightyellow {
    background: rgb(252, 247, 221); /* this is a light yellow */
}

.pbutton-moji-white {
    font-size:14px;
    padding:3px 5px;
    background-color: #fff; /* this is a white */
    color:#555;
    border:1px solid #555;
}
.pbutton-moji-white:hover {
    background-color: #555; /* this is a white */
    color:#fff;
    border:1px solid #555;
}
.pbutton-moji-black {
    font-size:14px;
    padding:3px 5px;
    background-color: #555; /* this is a white */
    color:#fff;
    border:1px solid #555;
}



.pbutton-textresizer {
    font-size:12px;
    padding:2px 0px;
    text-align:center;
    width:35px;
    background-color: #fff;
    color:#555;
    border:1px solid #555;
}
.pbutton-textresizer:hover {
    
    background-color: #333;
    color:#fff;
    border:1px solid #333;
}
.textresizer-active{
    background-color: #999;
    color:#fff;
    border:1px solid #999;
    
}
/*背景色　と文字色*/
.mns_bg_color1{
    background-color:#808080;
    color:#fff;
}
.mns_bg_color2{
    background-color:#fff;
    color:#000;
    
}
.mns_bg_color3{
    background-color:#ff0000;
    color:#fff;
    
    
}
.mns_bg_color4{
    background-color:#ffa500;
    color:#fff;
    
    
}
.mns_bg_color5{
    background-color:#afeeee;
    color:#000;
    
    
}
.mns_bg_color6{
    background-color:#ffffa1;
    color:#000;
    
    
}
.mns_bg_color7{
    
    
}


[id*="anchor_"] {
    display:block;
    margin-top: -60px;
    padding-top:60px;
    z-index:-5000;
}


/**/
.btn_device_show{
    display:block;
    margin:5px 0px 5px 10px;
    width:180px;
    padding:5px 10px;
    text-align:center;
    background-color:#f3f8f0;
    border-right:1px solid #dae0da;
    border-top:1px solid #dae0da;
    border-left:1px solid #dae0da;
    border-bottom:1px solid #dae0da;
    overflow:hidden;
}

/*災害リンク　ブロック用*/
.mnsDisaster_a {
    color:#4169e1;
    text-decoration:none;
}
.mnsDisaster_a:hover {
    color:#4169e1;
    text-decoration:none;
    
}
.mnsDisaster_div{
    width:100%;
    margin:3px auto;
    padding:5px;
    border:2px solid #4682b4;
    text-align:center;
    border-left:30px solid #4682b4;
    border-right:30px solid #4682b4;
    font-weight:bold;
    font-size:1.0em;

}
.mnsDisaster_div:hover{
    background-color:#ebf6fb;

}
.mnsDisaster_div_top{
    color:#000;
    width:100%;
    margin:3px auto;
    padding:5px;
    /*border:2px solid #4682b4;*/
    text-align:center;
    font-weight:bold;
    font-size:18px;

}
.mnsDisaster_div_top:hover{
    color:#4169e1;

}
/*-------------------------------------------
 * SSLのサイトシール
 *-------------------------------------------*/
.ssl_siteseal {
    width: 400px;
    margin: 30px auto 0;
}

.ssl_siteseal_heading {
    padding: 7px 0 7px 0;
    text-align: center;
}
.ssl_siteseal_description {
    margin: 0 auto 5px;
    font-size: 90%;
}
.ssl_siteseal_description span {
    color: blue;
    font-weight: bold;
}
.ssl_siteseal_mark {
    text-align: center;
}
.ssl_siteseal_mark img {
    margin: 0 0 5px 0;
}

body.device-smartphone .ssl_siteseal {
    width: 93vw;
}


/* 点滅 */
.blinking{
	-webkit-animation:blink 2s ease-in-out infinite alternate;
    -moz-animation:blink 2s ease-in-out infinite alternate;
    animation:blink 2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    30% {opacity:0.3;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    30% {opacity:0.3;}
    100% {opacity:1;}
}
@keyframes blink{
    30% {opacity:0.3;}
    100% {opacity:1;}
}