@charset "UTF-8";
/**--------------------------------------
LAYOUT
--------------------------------------**/
/** 文字 --------------------------**/
* {
  font-family: -apple-system, BlinkMacSystemFont,'Segoe UI','Hiragino Kaku Gothic ProN',Roboto,'游ゴシック  Medium','Yu Gothic Medium', 'メイリオ', Meiryo, sans-serif; }

/** レイアウト --------------------------**/
body,
#header,
#footer {
  min-width: 1240px; }

body {
  background: #f1f6fe; }

.header_inner,
.header_inner2,
#contents_wrapper,
#global,
.footer_inner,
.news47 {
  width: 1180px; }

#header {
  background: #fff; }

#main_column .content,
#sidebar .content {
  margin-bottom: 3em; }
  #main_column .content .content,
  #sidebar .content .content {
    margin-bottom: 0; }

#main_column {
  box-sizing: border-box;
  width: 820px;
  padding: 30px 60px 60px;
  background: #fff;
  box-shadow: 0 3px 12px #d5dcec; }

#sidebar {
  margin-bottom: 1em; }

#footer {
  position: absolute;
  width: 100%;
  height: 280px;
  margin-top: -280px; }

/**--------------------------------------
HEADER
--------------------------------------**/
/** ページ最上部 メニュー --------------------------**/
.top_menu {
  width: 100%; }

/** ページ最上部 ログイン・会員登録 --------------------------**/
.member_box {
  display: table;
  width: 170px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  line-height: inherit; }
  .member_box a {
    display: table-cell;
    box-sizing: border-box;
    width: 85px;
    padding: 0;
    background: #c43349;
    text-align: center;
    line-height: 32px;
    white-space: nowrap;
    transition: 0.2s; }
    .member_box a:first-child {
      border-bottom-left-radius: 4px; }
    .member_box a:last-child {
      border-left: 1px solid #fff;
      border-bottom-right-radius: 4px; }
    .member_box a:hover {
      background: #e62b47;
      box-shadow: 0 0 10px #e62b47;
      text-decoration: none; }
  .member_box span {
    display: none; }

/** ヘッダ --------------------------**/
.head {
  width: 100%; }

/** ロゴ --------------------------**/
.logo a {
  display: block;
  width: 220px;
  height: 90px;
  background: url(../img/new/nnn-logo.png);
  background-size: contain;
  background-repeat: no-repeat; }

/** グローバル メニュー --------------------------**/
.global_wrapper {
  margin: 0; }

#global {
  border-left: 1px solid #fff; }

#global > li {
  position: relative;
  width: 16.5666667%;
  border: none;
  background: none;
  border-right: 1px solid #fff; }

#global > li a,
#global .has_sub .trigger {
  display: block;
  width: 100%;
  text-shadow: none;
  font-size: 15px;
  font-weight: normal;
  text-align: center; }
  #global > li a:hover,
  #global .has_sub .trigger:hover {
    background: #c6d2ee;
    color: #000;
    text-decoration: none; }

#global li.hover {
  background: #d9e1f4; }

#global .has_sub * {
  box-sizing: border-box; }

#global .touch-button {
  text-shadow: none;
  color: #6f90df; }

#global .has_sub.hover .touch-button {
  color: #3d6eb4; }

#global .has_sub.hover > ul {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }

#global .submenu {
  overflow: auto;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  left: 0;
  width: auto;
  height: auto;
  padding: 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 0;
  background: #d9e1f4;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  #global .submenu li {
    float: none;
    height: 43px;
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    line-height: 43px; }
    #global .submenu li a {
      display: block;
      box-sizing: border-box;
      position: relative;
      height: 42px;
      margin: 0;
      padding: 0;
      padding-right: 1em;
      padding-left: 2.8em;
      background: none;
      line-height: 42px;
      white-space: nowrap; }
      #global .submenu li a:hover {
        background: #c6d2ee;
        text-decoration: none; }
  #global .submenu > li > a {
    font-size: 14px; }

#global .current {
  border: none;
  background: #b2c2e8;
  border-right: 1px solid #fff; }

/** グローバル ニュース **/
#global .global_news .sub_news {
  overflow: hidden;
  width: 500px; }
  #global .global_news .sub_news > li {
    float: none;
    border-right: 1px solid #fff;
    width: 40%; }
    #global .global_news .sub_news > li:nth-child(4) {
      border-bottom: none; }
    #global .global_news .sub_news > li:last-child {
      position: absolute;
      top: 0;
      right: 0;
      width: 60%;
      height: auto;
      border: none; }

#global .global_news .sub_sub_news {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 120px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  #global .global_news .sub_sub_news li {
    width: 40%;
    height: auto;
    border: none;
    line-height: 1; }
    #global .global_news .sub_sub_news li:nth-child(6), #global .global_news .sub_sub_news li:nth-child(7), #global .global_news .sub_sub_news li:nth-child(8), #global .global_news .sub_sub_news li:nth-child(9), #global .global_news .sub_sub_news li:nth-child(10) {
      width: 60%; }
    #global .global_news .sub_sub_news li a {
      height: 24px;
      padding-left: 1.8em;
      font-size: 13px;
      line-height: 24px; }
      #global .global_news .sub_sub_news li a:before {
        position: absolute;
        top: 50%;
        left: 1em;
        width: 0;
        height: 0;
        margin-top: -3px;
        border: solid transparent;
        border-width: 3px;
        border-color: rgba(0, 0, 0, 0);
        border-left: 5px solid #3d6eb4;
        content: ' '; }

/** グローバル 生活情報 **/
#global .has_sub .sub_life {
  width: 600px;
  height: 175px; }
  #global .has_sub .sub_life li {
    width: 200px;
    border-right: 1px solid #fff; }

/** グローバル サブメニュー アイコン **/
#global .has_sub .submenu > li > a {
  position: relative; }
  #global .has_sub .submenu > li > a:before {
    display: block;
    position: absolute;
    top: 8px;
    left: 7px;
    width: 24px;
    height: 24px;
    background: url(../img/new/global-icons-blue.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    content: '';
    border-radius: 2px; }

#global .has_sub .sub_news > li:nth-child(1) > a:before {
  background-position: 0 0; }

#global .has_sub .sub_news > li:nth-child(2) > a:before {
  background-position: -44px 0; }

#global .has_sub .sub_news > li:nth-child(3) > a:before {
  background-position: -88px 0; }

#global .has_sub .sub_news > li:nth-child(4) > a:before {
  background-position: -132px 0; }

#global .has_sub .sub_news > li:nth-child(5) > a:before {
  background-position: -176px 0; }

#global .has_sub .sub_life > li:nth-child(1) > a:before {
  background-position: 0 -44px; }

#global .has_sub .sub_life > li:nth-child(2) > a:before {
  background-position: -44px -88px; }

#global .has_sub .sub_life > li:nth-child(3) > a:before {
  background-position: -88px -44px; }

#global .has_sub .sub_life > li:nth-child(4) > a:before {
  background-position: -132px -44px; }

#global .has_sub .sub_life > li:nth-child(5) > a:before {
  background-position: -176px -44px; }

#global .has_sub .sub_life > li:nth-child(6) > a:before {
  background-position: 0 -88px; }

#global .has_sub .sub_life > li:nth-child(7) > a:before {
  background-position: -44px -88px; }

#global .has_sub .sub_life > li:nth-child(8) > a:before {
  background-position: -88px -88px; }

#global .has_sub .sub_life > li:nth-child(9) > a:before {
  background-position: -132px -88px; }

#global .has_sub .sub_life > li:nth-child(10) > a:before {
  background-position: -176px -88px; }

#global .has_sub .sub_life > li:nth-child(11) > a:before {
  background-position: 0 -132px; }

#global .has_sub .sub_life > li:nth-child(12) > a:before {
  background-position: -44px -132px; }

#global .has_sub .sub_movie > li:nth-child(1) > a:before {
  background-position: -88px -132px; }

#global .has_sub .sub_movie > li:nth-child(2) > a:before {
  background-position: -132px -132px; }

#global .has_sub .sub_movie > li:nth-child(3) > a:before {
  background-position: -176px -132px; }

#global .has_sub .sub_movie > li:nth-child(4) > a:before {
  background-position: 0 -176px; }

#global .has_sub .sub_movie > li:nth-child(5) > a:before {
  background-position: -44px -176px; }

#global .has_sub .sub_movie > li:nth-child(6) > a:before {
  background-position: -88px -176px; }

#global .has_sub .sub_web > li:nth-child(1) > a:before {
  background-position: -132px -176px; }

#global .has_sub .sub_web > li:nth-child(2) > a:before {
  background-position: -176px -176px; }

#global .has_sub .sub_web > li:nth-child(3) > a:before {
  background-position: 0 -220px; }

#global .has_sub .sub_web > li:nth-child(4) > a:before {
  background-position: -44px -220px; }

.access_rank {
  background: #fff; }

/** グローバル下メニュー --------------------------**/
.header_inner_outer {
  background: #f1f6fe; }

.header_inner2 {
  margin-top: 0;
  padding-top: 30px; }
  .header_inner2 .left2 div {
    float: right; }

.header_inner_outer .news_flash_new{
	display:block;
	margin:0px auto;
	width:1180px;
	padding-top: 10px;
	}

.header_inner_outer .red_box{
	padding:5px 10px;
	border:1px solid #C43349;
	border-top:none;
	font-size:90%;
	background: #fff;
	}


/**--------------------------------------
COMMMON
--------------------------------------**/
.scalable ul li a,
.article ul li a,
.keywords .scalable li a {
  font-size: 0.938em; }

.arrow_list li a {
  position: relative;
  background: none; }
  .arrow_list li a:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -4px;
    border: solid transparent;
    border-width: 4px;
    border-color: rgba(136, 183, 213, 0);
    border-left: 7px solid #3d6eb4;
    content: ' '; }

.arrow_list .more a:before {
  display: none; }

/**--------------------------------------
HEADLINE
--------------------------------------**/
.blue_header,
.global_wrapper {
  border: none;
  border-radius: 0;
  background: #243d77;
  text-shadow: none;
  font-weight: normal;
  border-bottom: 1px solid #fff; }

.blue_header,
.white_header {
  height: auto; }

.blue_header {
  padding: 0.3em 1em;
  border-left: 5px solid #7794d6; }
  .blue_header h3 {
    font-weight: normal; }

.white_header {
  padding: 0.3em 1em 0.3em 0;
  border: none;
  border: 1px solid #ccc;
  border-left: 6px solid #243d77;
  border-radius: 0;
  background: #f7f7f7; }
  .white_header h2 {
    border: none; }

.white_header {
  padding-left: 0.75em; }

.white_header p,
.white_header h1,
.white_header h2,
.white_header h3,
.white_header h4,
.white_header h5 {
  padding: 0;
  border: none;
  line-height: 1.6; }

/** 記事一覧リンク --------------------------**/
.white_header .link_to_list,
.blue_header .link_to_list {
  line-height: 2; }

/**--------------------------------------
DIGITAL 電子版
--------------------------------------**/
.digi_wrapper {
  display: block;
  max-width: 190px;
  margin: 0 auto; }

.digi {
  position: relative;
  max-width: 100%;
  margin: 15px auto; }
  .digi img {
    box-sizing: border-box;
    max-width: 190px;
    width: 100%;
    height: auto;
    border: 1px solid #ccc; }
  .digi a {
    display: block;
    min-height: 257px;
    background: #f2f2f2;
    transition: 0.2s; }
    .digi a > span {
      overflow: hidden;
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 135px;
      height: auto;
      border: 1px solid #00abd9;
      border-radius: 10px;
      background: #00abd9;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      transition: 0.2s;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .digi a > span span {
        display: block;
        text-align: center; }
      .digi a > span .digi-body {
        position: relative;
        padding: 0.3em 0.7em 0.3em 0;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
        color: #fff;
        font-size: 15px; }
        .digi a > span .digi-body:after, .digi a > span .digi-body:before {
          display: inline-block;
          position: absolute;
          top: 11px;
          right: 0.5em;
          width: 0;
          height: 0;
          margin-left: 0.3em;
          border: 5px solid transparent;
          border-left: 7px solid #fff;
          content: ''; }
        .digi a > span .digi-body:before {
          border-left-color: #000;
          filter: blur(6px); }
      .digi a > span .digi-head {
        background: #fff;
        color: #000;
        font-family: "Noto Serif JP", sans-serif;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.1em; }

.digi-extra a > span {
  border: 1px solid #c43349;
  background: #c43349; }
  .digi-extra a > span .digi-head {
    padding: 0;
    color: #c43349;
    font-size: 24px;
    line-height: 34px; }

.digi:hover img {
  border-color: #00abd9; }

.digi a:hover > span {
  border-color: #00b9ea;
  background: #00b9ea; }

.digi-extra:hover img {
  border-color: #c43349; }

.digi-extra a:hover > span {
  border-color: #e62b47;
  background: #e62b47; }

/**--------------------------------------
MAIN COLUMN
--------------------------------------**/
.breaking_news {
  width: 100%; }

.breaking_news .white_header {
  border-left: 6px solid #c43349; }
  .breaking_news .white_header h2 {
    border: none; }

.newest a {
  font-size: 1.125em; }

/** 主要・地域ニュース 本文 --------------------------**/
.body_txt {
  font-size: 0.813em; }

/** [PR] --------------------------**/
.txt_pr a {
  font-size: 0.875em; }

/** ニュース特集 --------------------------**/
.news_special .scalable li {
  display: inline-block;
  float: none;
  width: auto; }
  .news_special .scalable li a {
    width: auto; }

/** 画像キャプション --------------------------**/
.caption {
  font-size: 0.813em; }

/** イベント案内 --------------------------**/
.event .scalable li a {
  font-size: 0.875em; }

/** ニュースランキング --------------------------**/
.tab li a,
.panel {
  border-radius: 0; }

.tab li,
.tab a {
  box-sizing: border-box; }

.tab li a {
  width: 210px;
  height: 38px; }
  .tab li a:hover {
    text-decoration: none; }

.tab li + li a {
  border-left: none; }

/**--------------------------------------
RIGHT COLUMN
--------------------------------------**/
#sidebar .application.content {
  margin-bottom: 1em; }

/** 購読申し込み --------------------------**/
.subscription {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  transition: 0.2s; }
  .subscription:hover {
    border-color: #00abd9;
    box-shadow: 0 0 10px #00abd9; }
    .subscription:hover img {
      opacity: 0.8; }

/** 新規会員登録 --------------------------**/
.application div {
  width: 100%;
  text-shadow: none; }

.member_banner {
  margin: 0;
  background: none; }
  .member_banner a {
    display: block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    padding-left: 1em;
    border-radius: 4px;
    background: #c43349;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    line-height: 40px;
    letter-spacing: 0.05em;
    transition: 0.2s; }
    .member_banner a span {
      font-size: 0.9em; }
    .member_banner a:before {
      display: block;
      position: absolute;
      top: 1rem;
      left: 1.2rem;
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-left: 10px solid #000;
      content: '';
      filter: blur(6px); }
    .member_banner a:after {
      display: block;
      position: absolute;
      top: 1rem;
      left: 1.2rem;
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-left: 10px solid #fff;
      content: ''; }
    .member_banner a:hover {
      background: #e62b47;
      box-shadow: 0 0 10px #e62b47;
      text-decoration: none; }

.member_banner {
  float: none; }

/** 検索 --------------------------**/
.search form {
  display: -ms-flexbox;
  display: flex; }

.search .search_btn {
  border-radius: 0;
  background: #f7f7f7;
  left: auto;
  margin-left: 0;
  width: 100px; }

.search .search_txt {
  border-radius: 0;
  background: #fff;
  display: inline-block;
  width: 200px;
  padding-left: 0.5rem;
  border-right: none; }

.search input {
  position: relative; }

.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
  background-color: #243d77 !important;
  border-color: #243d77 !important; }

.gsib_a {
  padding-bottom: 4px !important; }

/** 特集 --------------------------**/
.special.content .sp_txt li {
  float: none;
  width: 100%; }
  .special.content .sp_txt li a {
    font-size: 0.938em; }
    .special.content .sp_txt li a br {
      display: none; }

/** 新日本海新聞社からのお知らせ --------------------------**/
.whatsnew h2 {
  font-size: 100% !important; }

/** バナー --------------------------**/
.banners {
  width: 100%;
  margin: 15px 0; }
  .banners img {
    max-width: 100%;
    width: 100%;
    height: auto; }

/**--------------------------------------
FOOTER
--------------------------------------**/
.footer_menu_wrapper {
  margin: 0; }

.footer_inner {
  padding: 30px 0 15px; }

.footer_menus {
  width: 800px; }

.footer_menu p,
.news47 p {
  border-bottom: 1px solid #a2acc5;
  font-size: 0.938em; }

.footer_menu ul,
.copy_info,
.news47 ul {
  border: none; }

/** ページトップへ --------------------------**/
.back_to_top {
  width: 1180px;
  margin-left: 0;
  padding: 0;
  background: none;
  text-align: right; }
  .back_to_top a {
    display: inline-block;
    padding: 0.5em 1.5em;
    background: #cddef3; }

/** 関連サイト --------------------------**/
.related_sites {
  width: 300px; }

.footer_menu .relations li:nth-child(2), .footer_menu .relations li:nth-child(4) {
  float: right; }

/** 新日本海新聞社・各種申し込み --------------------------**/
.com_inner,
.app_inner {
  width: auto; }
  .com_inner .left,
  .com_inner .right,
  .app_inner .left,
  .app_inner .right {
    width: auto; }
  .com_inner li,
  .app_inner li {
    display: block;
    box-sizing: border-box;
    width: 160px; }
    .com_inner li a,
    .app_inner li a {
      font-size: 14px; }

/** 各種申し込み --------------------------**/
.app_inner .right li {
  width: auto; }

/** コピーライト --------------------------**/
.copy_info {
  padding-top: 15px;
  padding-bottom: 10px;
  background: none;
  font-size: 13px; }

.copyright {
  width: 100%;
  border-top: 1px solid #a2acc5;
  text-align: center; }

/** 47NEWS --------------------------**/
.news47 ul li a {
  font-size: 13px;
  line-height: 1.6; }

.news47 {
  padding: 30px 0; }

.news47 ul li {
  display: inline-block;
  width: 11%; }
  .news47 ul li:nth-child(9n) {
    width: auto; }
  .news47 ul li a {
    float: none; }

/** Weather (new) --------------------------**/
.weather_today {
  margin-bottom: 8px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1; }

.weather_info {
  width: 170px;
  margin-left: 40px; }
  .weather_info .weather_detail {
    font-size: 0.750em;
    line-height: 1.3; }
    .weather_info .weather_detail a {
      text-decoration: underline; }

/** search --------------------------**/

/*# sourceMappingURL=../maps/style-new.css.map */

#global .has_sub .sub_web > li:nth-child(2) > a:before {background-position: 0 -220px} #global .has_sub .sub_web > li:nth-child(3) > a:before {background-position: -44px -220px}