@charset "utf-8";

.imgrespon{
  width:auto;
}
#globalContainer{
  background:url(../img/bg_header.png) 0 0 repeat-x #F1F1F1;
}
.gc-inner {
  background: url(../img/bg_sidebar.png) right 0 repeat-y;
}
@media screen and (max-width: 1030px){
  .gc-inner {
    background: none;
  }
}
.main-cont{
  color:#494949;
}
.main-cont a{
  text-decoration:none;
  color:#494949;
  transition: all 0.3s ease;
}

/* -------------------------------------
 header
------------------------------------- */
#content_head{
  overflow:hidden;
  height:79px;
  margin-bottom: 11px;
}
#content_head:before,
#content_head:after {
  content:"";
  display:table;
}
#content_head:after {
  clear:both;
}
#content_head .logo_header{
  padding-top: 20px;
  float:left;
}
#content_head nav{
  padding-top: 15px;
  float:right;
}
#content_head nav ul{
  overflow:hidden;
}
#content_head nav ul li{
  float:left;
}
#content_head nav ul li a{
  display:block;
  height:64px;
  position:relative;
}
#content_head nav ul li a:after{
  content:"";
  height:0;
  width:100%;
  background-color:#ff00a0;
  position:absolute;
  bottom:0;
  left:0;
  transition: all 0.2s ease;
}
#content_head nav ul li a:hover:after,
.page_detail #content_head nav ul li.nav_kansai a:after,
.page_list #content_head nav ul li.nav_kansai a:after,
.page_weather #content_head nav ul li.nav_weather a:after{
  height:4px;
}
#content_head nav ul li img{
  border-right:1px solid #b4b4b4;
}
#content_head nav ul li:first-child img{
  border-left:1px solid #b4b4b4;
}


/* -------------------------------------
 container
------------------------------------- */
#container{
}
#container:before,
#container:after {
  content:"";
  display:table;
}
#container:after {
  clear:both;
}

/* main_area ----------------------- */
#main_area{
  float:right;
  width:640px;
  margin-right: 10px;
}
#main_area .cont_box{
  margin-bottom: 30px;
  overflow:hidden;
  position:relative;
}
/* ttl_main */
#main_area .ttl_main{
  margin-bottom: 10px;
  padding:22px 22px 20px;
  border-bottom:2px solid #ff00a0;
  background-image: linear-gradient(-45deg, #ffffff 25%, #ffd4ef 25%, #ffd4ef 50%, #ffffff 50%, #ffffff 75%, #ffd4ef 75%, #ffd4ef);
  background-size: 4px 4px;
  font-size:178%;
  font-weight:normal;
  /*font-family: "ＭＳ ゴシック", "MS Gothic";*/
}



/* side_area ----------------------- */
#side_area{
  float:left;
  width:280px;
}
#side_area .side_cont{
  background-color:#fff;
  margin-bottom: 18px;
  padding-bottom:20px;
}
#side_area .ttl_side{
  margin-bottom: 20px;
}
/* side_bn */
#side_bn{
  border-bottom:2px solid #479a39;
  padding-bottom:10px;
}
#side_bn .ttl_side{
  border-top:2px solid #479a39;
  border-bottom:2px solid #479a39;
  margin-bottom: 10px;
}
#side_bn ul{
  margin:0 10px;
}
#side_bn ul li{
  line-height:1.2;
}
#side_bn ul li a{
  display:block;
  padding:8px 16px 8px 25px;
  position:relative;
}
#side_bn ul li a:after{
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #459937;
  border-right: 1px solid #459937;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.1s ease;
}
#side_bn ul li a:hover{
  background-color:#f2f8e6;
}
#side_bn ul li a:hover:after{
  left: 10px;
}
#side_bn .update{
  font-size:85%;
  text-align:right;
  display:block;
}
/* side_pickup */
#side_pickup{
  border-bottom:2px solid #656565;
}
#side_pickup .ttl_side{
  border-top:2px solid #656565;
  border-bottom:2px solid #656565;
}
#side_pickup ul{
  text-align:center;
  margin:0 15px;
}
#side_pickup ul li{
  margin-top: 10px;
}
#side_pickup ul li:first-child{
  margin-top: 0;
}
#side_pickup ul li a{
}
#side_pickup ul li a:hover{
  opacity:0.7;
}
#side_pickup .pickup{
  margin-bottom: 20px;
}
#side_pickup .pickup_ext{
  border-top:2px solid #f3f3f3;
  padding-top: 20px;
}
#side_pickup .pickup_ext li{
  margin-top: 13px;
}
/* side_twitter */
#side_twitter{
  border-bottom:2px solid #2ca7e0;
  text-align:center;
}
#side_twitter .ttl_side{
  border-top:2px solid #2ca7e0;
  border-bottom:2px solid #2ca7e0;
}
#side_twitter .inner{
  font-size:0;
}
/*video_post*/

#video_post{
  border-bottom:2px solid #656565;
}
#video_post .ttl_side{
  border-top:2px solid #656565;
  border-bottom:2px solid #656565;
}
#video_post .side_txt{
  margin:0 20px 12px;
}
#video_post .btn_entry{
  text-align:center;
}
#video_post .btn_entry a:hover {
    opacity: 0.7;
}

/* side_entry */
#side_entry{
  border-bottom:2px solid #656565;
}
#side_entry .ttl_side{
  border-top:2px solid #656565;
  border-bottom:2px solid #656565;
}
#side_entry .side_txt{
  margin:0 20px 12px;
}
#side_entry .btn_entry{
  margin:0 20px;
}
#side_entry .btn_entry a{
  display:block;
  border:3px solid #ff00a0;
  color:#ff00a0;
  text-align:center;
  font-size:114%;
  font-weight:bold;
  padding:11px 30px 11px;
  position:relative;
}
#side_entry .btn_entry a:after{
  content: "";
  width: 9px;
  height: 9px;
  border-top: 1px solid #ff00a0;
  border-right: 1px solid #ff00a0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.1s ease;
}
#side_entry .btn_entry a:hover{
  background-color:#ff00a0;
  color:#fff;
}
#side_entry .btn_entry a:hover:after{
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
/* side_weather_nav */
#side_weather_nav.side_cont{
  background:url(../img/bg_side_weather_nav.png) 0 0 repeat;
  padding-bottom: 0;
}
#side_weather_nav ul{
  padding:10px 10px 5px 10px;
}
#side_weather_nav ul li{
  margin-bottom: 5px;
}
#side_weather_nav ul li a{
  display:block;
  background-color:#fff;
  text-align:center;
  color:#656565;
  font-size:128%;
  padding:14px 0 12px;
  position:relative;
}
#side_weather_nav ul li a:after{
  content: "";
  width: 11px;
  height: 11px;
  border-top: 2px solid #ff00a0;
  border-right: 2px solid #ff00a0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.1s ease;
}
#side_weather_nav ul li a:hover,
#side_weather_nav ul li.active a{
  background-color:#ff00a0;
  color:#fff;
}
#side_weather_nav ul li a:hover:after,
#side_weather_nav ul li.active a:after{
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 10px;
}
/* side_forecaster */
#side_forecaster.side_cont{
  border-bottom:2px solid #656565;
  padding-bottom: 5px;
}
#side_forecaster .ttl_side{
  border-top:2px solid #656565;
  border-bottom:2px solid #656565;
  margin-bottom: 10px;
}
#side_forecaster .forecaster{
  padding:15px 0 12px;
  margin:0 10px;
  overflow:hidden;
  border-top:2px solid #f3f3f3;
}
#side_forecaster .forecaster:first-of-type{
  border-top:none;
  padding-top: 0;
}
#side_forecaster .pic{
  float:right;
}
#side_forecaster dl{
  width:155px;
}
#side_forecaster dl dt{
  font-size:128%;
  color:#ff00a0;
  font-weight:bold;
  line-height: 1.4;
  border-bottom:2px solid #ff00a0;
  padding: 2px 0 5px;
  margin-bottom: 5px;
}
#side_forecaster dl dt span{
  display:block;
  font-size:66%;
  font-weight:normal;
  color:#494949;
}
#side_forecaster dl dd{
  font-size:85%;
}
#side_forecaster ul{
  clear:both;
  padding-top: 1px;
}
#side_forecaster ul li{
  font-size:85%;
  margin-top: 5px;
  overflow:hidden;
}
#side_forecaster ul li span{
  font-weight:bold;
  color:#fff;
  background-color:#ff00a0;
  float:left;
  width:4em;
  text-align:center;
  padding:3px 0 1px;
  margin-right: 10px;
}
#side_area .backnumber{
  background:#b4b4b4;
  padding:15px;
  margin-bottom:10px;
}
#side_area .backnumber h4{
  color:#FFFFFF;
  margin-bottom:5px;
  font-size:110%;
}
#side_area .backnumber select{
  width:100%;
    font-size: 115%;
    padding:5px;
    border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:url(../img/select_bg.png) right center no-repeat #fff;
}
#side_area .backnumber .archive{
  position:relative;
}

select::-ms-expand {
    display: none;
}



/* -------------------------------------
 ニューストップ・一覧ページ
------------------------------------- */
/* article */
#main_area article{
  margin-bottom: 10px;
  position:relative;
}
#main_area .order1{
  clear:both;
}
#main_area .order2{
  float:left;
  width:240px;
}
#main_area .order3{
  float:right;
  width:390px;
}
#main_area .order1 article{
}
#main_area .order2 article{
  height:230px;
}
#main_area .order3 article{
  height:110px;
}
/* article a */
#main_area article a{
  display:block;
  background-color:#fff;
  overflow:hidden;
}
#main_area .order1 article a{
  padding:15px;
}
#main_area .order2 article a,
#main_area .order3 article a{
  padding:10px;
}
#main_area .order2 article a{
  height:210px;
}
#main_area article a:hover{
  background-color:#fff2fa;
}
/* ttl_entry */
#main_area .ttl_entry{
  font-size:114%;
}
#main_area .order1 .ttl_entry{
  font-size:142%;
  color:#494949;
  padding:10px 5px 8px;
  margin-bottom: 10px;
  transition: all 0.2s ease;
}
#main_area .order1 a:hover .ttl_entry{
  color:#ff00a0;
/*  background-color:#ff00a0;*/
}
/* update */
#main_area .update{
  font-size:85%;
}
/* thumb */
#main_area .thumb{
  position:relative;
}
#main_area .order1 .thumb{
  float:left;
  margin-right: 20px;
}
#main_area .order2 .thumb{
  margin-bottom: 8px;
}
#main_area .order3 .thumb{
  float:right;
  margin-left: 12px;
}
#main_area .order1 .thumb img{
  width:320px;
  height:180px;
}
#main_area .order2 .thumb img{
  width:220px;
  height:123px;
}
#main_area .order3 .thumb img{
  width:160px;
  height:90px;
}
#main_area .hasMovie:after{
  content:"";
  background:url(../img/ico_movie.png) 0 0 no-repeat;
  background-size:cover;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}
#main_area .order1 .thumb:after{
  width:60px;
  height:60px;
}
#main_area .order2 .thumb:after{
  width:43px;
  height:43px;
}
#main_area .order3 .thumb:after{
  width:32px;
  height:32px;
}
/* update */
#main_area .update{
  position:absolute;
}
#main_area .order1 .update{
  right:15px;
  bottom:5px;
}
#main_area .order2 .update{
  right:10px;
  bottom:10px;
}
#main_area .order3 .update{
  left:10px;
  bottom:10px;
}
/* pager */
#main_area .pager{
  overflow:hidden;
  position:absolute;
  top:25px;
  right:10px;
}
#main_area .pager li{
  float:left;
}
#main_area .pager li.prev{
  margin-right: 2px;
}
#main_area .pager li.next{
  margin-left: 2px;
}
#main_area .pager li a{
  display:block;
}
#main_area .pager li.prev a{
  background:url(../img/btn_prev_hover.png) 0 0 no-repeat;
}
#main_area .pager li.today a{
  background:url(../img/btn_today_on.png) 0 0 no-repeat;
}
#main_area .pager li.another a{
  background:url(../img/btn_today_hover.png) 0 0 no-repeat;
}
#main_area .pager li.next a{
  background:url(../img/btn_next_hover.png) 0 0 no-repeat;
}
#main_area .pager li a img{
  transition: all 0.3s ease;
}
#main_area .pager li.prev a:hover img,
#main_area .pager li.today a img,
#main_area .pager li.another a:hover img,
#main_area .pager li.next a:hover img{
  opacity:0;
}
#main_area .pager li.another a img{
  opacity:1;
}

.page_list .txt{
    overflow:hidden;
    max-height: 170px;
}

.page_index .txt{
    overflow:hidden;
    max-height: 170px;
}

/* ----- 全国のニュース ----- */
#zenkoku .ttl_main{
  background-image: linear-gradient(-45deg, #ffffff 25%, #eae3f7 25%, #eae3f7 50%, #ffffff 50%, #ffffff 75%, #eae3f7 75%, #eae3f7);
  background-size: 4px 4px;
  border-bottom:2px solid #7d4fca;
}
#zenkoku .ttl_main img{
  vertical-align:middle;
  margin-right: 9px;
  padding-bottom: 5px;
}
#zenkoku article a:hover{
  background-color:#eae3f7;
}
#zenkoku .order1 .ttl_entry{
/*  background-color: #fff;*/
}
#zenkoku .order1 a:hover .ttl_entry{
  color:#7d4fca;
/*  background-color:#fff;*/
}

/* -------------------------------------
 ニュース詳細ページ
------------------------------------- */
.page_detail #main_area article{
  background-color:#fff;
  padding:15px 15px 90px;
}
.page_detail #main_area .ttl_entry{
  font-size:142%;
  color:#fff;
  background-color:#ff00a0;
  padding:12px 22px 10px;
  margin-bottom: 10px;
}
.page_detail #main_area .update{
  color:#767676;
  font-size:114%;
  position:static;
  float:left;
  margin-bottom: 5px;
}
.page_detail #main_area .thumb,
.page_detail #main_area .thumb img{
  width:610px;
  height:343px;
}
.page_detail #main_area .cont_sns{
  float:right;
}
.page_detail #main_area .cont_sns li{
  float:left;
  margin-left: 20px;
  font-size:0;
}
.page_detail #movie_area{
  clear:both;
  margin-bottom: 20px;
}
.page_detail #main_area .ttl_entry_sub{
  font-size:114%;
  color:#ff00a0;
  margin-bottom: 16px;
}
.page_detail #main_area .txt{
  line-height:1.6;
}

/* -------------------------------------
 天気予報ページ
------------------------------------- */
.page_weather #main_area .inner{
  background-color:#fff;
  padding:20px 15px 50px;
}
.page_weather #main_area .cont_box{
  margin-bottom: 20px;
}
.page_weather #main_area .ttl_sub{
  color:#ff00a0;
  border-left:4px solid #ff00a0;
  font-size:142%;
  padding:8px 16px 6px;
  margin-bottom: 20px;
}
.page_weather #main_area .tabs{
  overflow:hidden;
  margin-bottom: 10px;
  display:table;
  width:100%;
}
.page_weather #main_area .tabs li{
  display:table-cell;
  table-layout:fixed;
  padding-left: 10px;
}
.page_weather #main_area .tabs li:first-child{
  padding-left: 0;
}
.page_weather #main_area .tabs li span{
  display:block;
  border:2px solid #ff00a0;
  color:#ff00a0;
  font-size:128%;
  text-align:center;
  font-weight:bold;
  padding:10px 0 8px;
  cursor:pointer;
  transition: all 0.3s ease;
}
.page_weather #main_area .tabs li.active span,
.page_weather #main_area .tabs li:hover span{
  background-color:#ff00a0;
  color:#fff;
}
.page_weather #main_area .img_weather{
  margin-bottom: 8px;
}
.page_weather #main_area .img_weather img{
  width:100%;
}
.page_weather #main_area .tab_cont{
  display:none;
}
.page_weather #main_area .tab_cont:first-child{
  display:block;
}
.page_weather #main_area .publish{
  text-align:right;
}

/* ============================================================
 スマホ
============================================================ */
.sphone .imgrespon{
  width:100% !important;
  -webkit-background-size:100% auto !important;
  background-size:100% auto !important;
  background-repeat: no-repeat;
}
.sphone #globalContainer{
  background:#f1f1f1;
}
.sphone .gc-inner {
  background:none;
}
/* ------------------
 header
------------------ */
.sphone #content_head{
  height:auto;
  background-color:#fff;
  border-bottom:1px solid #efefef;
}
.sphone #content_head .logo_header{
  float:none;
  text-align:center;
  width:70%;
  margin:0 auto;
}
.sphone #content_head nav{
  float:none;
}
.sphone #content_head nav ul{
  text-align:center;
}
.sphone #content_head nav ul li{
  width: 33.1%;
  border-right: 1px solid #b4b4b4;
  margin-bottom: 15px;
}
.sphone #content_head nav ul li:nth-child(3){
  border-right:none;
}
.sphone #content_head nav ul li a{
  height:auto;
}
.sphone #content_head nav ul li img,
.sphone #content_head nav ul li:first-child img{
  border:none;
}
.sphone #content_head nav ul li a:hover:after{
  height:0;
}
.sphone .page_detail #content_head nav ul li.nav_kansai a:after,
.sphone .page_list #content_head nav ul li.nav_kansai a:after,
.sphone .page_weather #content_head nav ul li.nav_weather a:after{
  height:2px;
}
/* ------------------
 main_area
------------------ */
.sphone #main_area {
  float: none;
  width: auto;
  margin:0 2%;
}
.sphone #main_area .ttl_main{
  font-size: 140%;
  font-weight: bold;
  padding: 11px 15px 10px;
}
.sphone #main_area article a:hover{
  background-color:#fff;
}


/* ------------------
 side_area
------------------ */
.sphone #side_area {
  float: none;
  width: auto;
  margin:0 2%;
}
.sphone #side_area .ttl_side{
  text-align:center;
}
/* side_bn */
.sphone #side_bn ul li a:hover {
  background-color: #fff;
}
.sphone #side_bn ul li a:hover:after {
  left: 8px;
}
.sphone #side_pickup ul li a:hover {
  opacity: 1;
}
/* side_entry */
.sphone #side_entry .btn_entry a:hover{
  background-color:#fff;
  color:#ff00a0;
}
.sphone #side_entry .btn_entry a:hover:after{
  border-top: 1px solid #ff00a0;
  border-right: 1px solid #ff00a0;
}
/* side_weather_nav */
.sphone #side_weather_nav{
  margin:0 2% 18px;
}
.sphone #side_weather_nav ul{
  overflow:hidden;
}
.sphone #side_weather_nav ul li{
  width:49%;
}
.sphone #side_weather_nav ul li:nth-child(odd){
  float:left;
}
.sphone #side_weather_nav ul li:nth-child(even){
  float:right;
}
.sphone #side_weather_nav ul li a{
  font-size:90%;
}
.sphone #side_weather_nav ul li a:hover{
  background-color:#fff;
  color:#656565;
}
.sphone #side_weather_nav ul li a:hover:after,
.sphone #side_weather_nav ul li a:after{
  width: 6px;
  height: 6px;
  right:8px;
}
.sphone #side_weather_nav ul li a:hover:after{
  border-top: 2px solid #ff00a0;
  border-right: 2px solid #ff00a0;
}
.sphone #side_weather_nav ul li.active a:after {
  right: 5px;
}
.sphone #side_weather_nav ul li.active a{
  background-color:#ff00a0;
  color:#fff;
}

/* side_forecaster */
.sphone #side_forecaster .pic{
  float:none;
  width: 50%;
  margin: 0 auto 10px;
}
.sphone #side_forecaster dl{
  width: auto;
}
/* ------------------
 ニューストップ・一覧ページ
------------------ */
.sphone #main_area .order2,
.sphone #main_area .order3{
  width:auto;
  float:none;
}
.sphone #main_area .order2 article,
.sphone #main_area .order3 article{
  width:auto;
  height:auto;
}
.sphone #main_area .order2 a{
  height:auto;
}
.sphone .page_list #main_area .ttl_main{
  padding: 11px 15px 45px;
  text-align:center;
}
/* ttl_entry */
.sphone #main_area .ttl_entry{
  font-size:100%;
}
.sphone #main_area .order1 .ttl_entry{
  font-size:110%;
  padding: 6px 11px 5px;
  margin-bottom: 10px;
}
.sphone #main_area .order1 a:hover .ttl_entry {
    color: #fff;
    background-color: #ff00a0;
}
/* thumb */
.sphone #main_area .order1 .thumb {
  float: none;
  margin:0 0 10px;
}
.sphone #main_area .order2 .thumb,
.sphone #main_area .order3 .thumb{
  width:40%;
}
.sphone #main_area .order2 .thumb{
  float:right;
  margin-left: 12px;
  margin-bottom: 0;
}
.sphone #main_area .order2 .thumb:after{
  width: 32px;
  height: 32px;
}
/* update */
.sphone #main_area .order1 .update {
  position:static;
  display:block;
  text-align:right;
}
.sphone #main_area .order2 .update {
  left: 10px;
  bottom: 10px;
}
/* pager */
.sphone #main_area .pager{
  font-size:0;
  text-align:center;
  margin-bottom: 10px;
  top: 46px;
  right: 0;
  left: 0;
}
.sphone #main_area .pager li{
  display:inline-block;
  float:none;
}
.sphone #main_area .pager li.prev a:hover img,
.sphone #main_area .pager li.another a:hover img,
.sphone #main_area .pager li.next a:hover img{
  opacity:1;
}

/* ------------------
 ニュース詳細ページ
------------------ */
.sphone .page_detail #main_area .ttl_entry{
  padding: 6px 11px 5px;
  font-size:114%;
}
.sphone .page_detail #main_area .ttl_entry_sub{
  font-size:108%;
}

/* ------------------
 天気予報ページ
------------------ */
.sphone .page_weather #main_area{
  margin-bottom: 18px;
}
.sphone .page_weather #main_area .ttl_sub{
  font-size:130%;
  margin-bottom: 15px;
}
.sphone .page_weather #main_area .tabs li{
  padding-left: 5px;
}
.sphone .page_weather #main_area .tabs li:first-child {
  padding-left: 0;
}
.sphone .page_weather #main_area .tabs li span{
  font-size:110%;
}