@charset "utf-8";
/* CSS Document */
.tss_body{
  line-height: 1.5;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
}

.hns_wrap{
  max-width: 1440px;
  margin: auto;
  padding: 0 20px;
}


.hns_header{border-bottom: 3px solid #808080;}
.hns_header.news{border-bottom: 3px solid #3FA9F5;}
.hns_header.sports{border-bottom: 3px solid #7AC943;}
.hns_header.life{border-bottom: 3px solid #FF7BAC;}

.hns_header .hns_wrap{
  display: flex;
  align-items: flex-end;
}
.hns_logobox{
  align-items:self-end;
  display:flex;
  justify-content: space-between;
  width: 100%;
  margin-top:auto;
}
.hns_logobox h1{
  max-width: 240px;
}
.hns_logobox h1 a{
  display:flex;
  padding:8px 0;
  width:100%;
}
.hns_logobox h1 a img{
  width:100%;
}
.hns_header ul{
  display: flex;
  gap:0 6px;
}
.hns_header ul li{width: 170px;}
.hns_header ul li a{
  display: block;
  width: 100%;
  height: 40px;
  padding-top: 11px;
  text-align: center;
  font-weight: bold;
  font-size: 0.875rem;
  color: #FFFFFF;
  border-radius: 8px 8px 0 0;
}
.hns_header ul li:first-of-type a{background-color: #808080;}
.hns_header ul li:nth-of-type(2) a{background-color: #3FA9F5;}
.hns_header ul li:nth-of-type(3) a{background-color: #7AC943}
.hns_header ul li:last-of-type a{background-color: #FF7BAC;}



.hns_body{
  padding: 24px 0 40px;
  background-color: #E4E4E4;
}
.hns_body .hns_wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}



.hns_sidearea{width: 280px;}
.hns_ranking{margin-bottom: 40px;}
.hns_sns{margin-bottom: 40px;}
.hns_sns h2{
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.0625rem;
  font-weight: bold;
}
.hns_sns ul{
  display: flex;
  justify-content: center;
}
.hns_sns ul li:nth-of-type(n+2){margin-left: 16px;}
.hns_sns ul li a{display: block;}


.hns_bnr ul li:nth-last-of-type(n+2){margin-bottom: 20px;}
.hns_bnr ul li a{display: block;}
.hns_bnr ul li a img{width: 100%;}

/*----------天気バナー----------*/

.hns_righttenkibnr{
  width:280px;
}

.hns_righttenkibnr img{
  width:100%;
}

.hns_righttenkibnr h3 {
  margin-top: 14px;
}

.hns_righttenkibnr ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.hns_righttenkibnr ul li {
  width: 50%;
  font-size: 0.875rem;
  background: #ffffff;
  border-left: 1px solid #DFDEDE;
  border-bottom: 1px solid #DFDEDE;
}

.hns_righttenkibnr a {
  display: block;
  color: #166BB5;
  text-decoration: none;
  padding: 14px 10px;
}
.tenki_blog a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 80px;
  padding: 0;
}

.tenki_blog p:first-of-type {
  width: 140px;
  padding-left: 14px;
  font-size:0.875em;
}
.tenki_blog p:last-of-type {
  width: 125px;
}
.hns_righttenkibnr ul.tenki_blog li {
  width: 100%;
  margin-bottom: 4px;
  border: none;
}



footer{
  padding: 12px 0 0;
  text-align: center;
  font-size: 0.625rem;
  background-color: #E4E4E4;
}

@media screen and (min-width:801px){
  body{padding-bottom:100px;}
  .hns_logobox h1 a:hover{opacity: 0.5;}
  .hns_header ul li a:hover{opacity: 0.5;}
  .hns_sns ul li a:hover{opacity: 0.5;}
  .hns_bnr ul li a:hover{opacity: 0.5;}
  .hns_righttenkibnr a:hover {color: #2DCC7D;}
}


/*-- 上書き --*/
.coins-optin-dialog{
  bottom:110px !important;
}

.cc-color-override--958013087.cc-window{
  z-index:99999 !important;
}


@media screen and (max-width:1024px){
  .hns_header .hns_wrap{
    flex-wrap: wrap;
    height:auto;
    min-height:calc(132px + 6vw);
    padding: 0 5px;
    align-items:baseline;
  }
  .hns_logo{
    width: 100%;
    padding: 22px 48px;
    text-align: center;
  }
  .hns_header nav{width: 60%;}
  .hns_header ul{
    justify-content: flex-end;
    gap:0 4px;
  }
}
@media screen and (max-width:800px){
  .hns_logobox h1{width:34%;}
  .hns_logobox h1 a{
    width:100%;
    padding: 4px 0;
  }
  .hns_header{
    padding-top:16px;
  }
  .hns_body{padding: 0 0 230px;}

  .hns_body .hns_wrap{
    padding: 0;
    flex-wrap: wrap;
  }
  .hns_sidearea{width: 100%;}
  .hns_header ul li{
    width:fit-content;
  }
  .hns_header ul li a{
    height:auto;
    padding:8px;
    font-size: 0.625rem;
  }
  .hns_header ul li:last-of-type a{font-size: 0.625rem;}

  .hns_sns{padding: 0 20px;}

  .hns_bnr ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 20px;
  }
  .hns_righttenkibnr{
    width:100%;
    padding:0 20px;
  }
  .tenki_blog p:first-of-type{width:68%;}
  .tenki_blog p:last-of-type {width:32%;}

  .hns_bnr ul li{width: 100%;}
  .hns_bnr ul li:nth-of-type(n+4){width: 47%;}
  .tss_spNav>div{padding-bottom:118px;}
   header:not([class]){display:none;}
  .hns_header ul li:first-of-type{display:none;}
  .tss_spbtmnavi{bottom:116px;}
  
}


/*-- AD関連 --*/
.hns_bottomadbox{
  width:100%;
  margin-top:32px;
  padding:16px;
}

.hns_bottomadbox .halfway > div{
  display:flex;
  justify-content:space-around;
}

#_popIn_recommend_new_div ul._popIn_infinite_page > li{
  border-bottom:solid 2px #808080 !important;
}