@charset "UTF-8";

/* ==========================================================
 Press COMMON
========================================================== */
.ttl-cmn-03 span{ color:#59564f;}
.ttl-pres-01{
  margin-bottom: 25px;
}
.box-press-01{ 
  margin-bottom: 25px;
}

.ico-press-01 {
  display:inline-block;
  padding-left: 55px;
  background: url(/common/img/ico_press_01.png) 0 0 no-repeat;
}
@media screen and (max-width: 768px) {
  .ico-press-01 {
    padding-left: 24px;
    background: url(/common/img/ico_press_01.png) no-repeat left center;
    background-size: 16px auto;
    text-align:left;
  }
  .ttl-pres-01{
    margin-bottom: 0;
  }

}

.list-news{
  border-top:1px solid #e4e4e4;
}
  .list-news dt{
    float:left;
    clear:both;
    width: 125px;
    padding: 24px 0;
  }
  .list-news dd{
    padding: 25px 0 25px 125px;
    border-bottom:1px solid #e4e4e4;
  }
  .list-news .tag{
    float:right;
    width: 98px;
    height: 30px;
    padding: 4px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #7fb3c5;
    font-size: 12px;
    text-align:center;
    color:#6098aa;
  }
  
.list-news--witag{}
  .list-news--witag dt{ width: 220px;}
  .list-news--witag dd{ padding: 25px 0 25px 245px;}
  

  
@media screen and (max-width: 768px) {
  .list-news{}
    .list-news dt{
      float:none;
      width: auto;
      padding: 7px 0 0;
    }
    .list-news dd{
      padding: 0 0 7px;
    }
    .list-news .tag{
      float:none;
      display: inline-block !important;
      width: 80px;
      height: 22px;
      padding: 2px 0;
      font-size: 10px;
    }

  .list-news--witag{}
    .list-news--witag dt{ width: auto;}
    .list-news--witag dd{ padding: 0 0 7px;}
}

/* page navi
---------------------------------------------------------- */
/*
.mod-pnav{
  display:none;
}
  .mod-pnav-sub{
    display:none;
  }
  

@media screen and (max-width: 768px) {
  .mod-pnav{
    display:block;
    position:relative;
    padding: 2px 0;
    background-color: #e5f0f3;
    z-index: 5;
  }
    .mod-pnav-ttl {
      padding: 0 12px;
      font-size: 16px;
    }
      .mod-pnav-ttl span{
        text-decoration:underline;
      }
    .mod-pnav-ttl:after{
      content:'';
      position:absolute;
      top: 0;
      right: 0;
      width: 40px;
      height: 100%;
      background: url(/common/img/sub_toggle_07.png) left top no-repeat;
      background-size: 40px auto;
    }
    .mod-pnav-ttl.is-active:after{
      background-position: left bottom;
    }
    .mod-pnav-sub{
      display: none;
      position:absolute;
      left: 0;
      top: 100%;
      width: 100%;
      background-color:#e5f0f3;
    }
    .active .mod-pnav-sub{
      display: block;
    }
    .mod-pnav-megsub{
      display:none;
      position:absolute;
      top: 50%;
      left: 18px;
      right: 18px;
      height: 52px;
      margin-top: -32px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-color: #fff;
    }
    .current .mod-pnav-megsub{
      display: block;
    }
    
.nav-year{}
  .nav-year li{
    padding: 6px 12px;
    border-top:1px dotted #bfd9e2;
    font-size: 16px;
  }
    
}
*/

@media screen and (max-width: 768px) {
  .mod-pnav{
    background-color: #e5f0f3;
  }
    .mod-pnav-sub{
      background-color:#e5f0f3;
    }
    
  .nav-year li{
    border-top:1px dotted #bfd9e2;
  }
    
}


.mod-press-detail{}
  .mod-press-detail-date{
    margin-bottom: 15px;
    text-align:right;
    line-height: 1.875;
    font-weight:bold;
  }
    .mod-press-detail-date .tag{
      display:inline-block;
      width: 98px;
      height: 29px;
      margin-left: 15px;
      padding: 3px 0;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      border: solid 1px #7fb3c5;
      font-size: 12px;
      color:#6098aa;
      text-align:center;
    }
  .mod-press-detail-ttl{
    margin-bottom: 35px;
    padding-bottom: 15px;
    border-bottom: 2px solid #7fb3c5;
    font-size: 28px;
    /*font-weight:bold;*/
  }
  .mod-press-detail-txt{
    margin-bottom: 30px;
    padding-bottom: 55px;
    border-bottom:1px solid #e4e4e4;
  }
  .mod-press-detail-btn{
    text-align:center;
  }

@media screen and (max-width: 768px) {
  .mod-press-detail{}
    .mod-press-detail-date{
      margin-bottom: 8px;
      padding-top: 16px;
      line-height: 1.6;
    }
      .mod-press-detail-date .tag{
        width: 80px;
        height: 22px;
        margin-left: 10px;
        padding: 3px 0;
        font-size: 10px;
      }
    .mod-press-detail-ttl{
      margin-bottom: 10px;
      padding-bottom: 8px;
      font-size: 18px;
    }
    .mod-press-detail-txt{
      margin-bottom: 16px;
      padding-bottom: 13px;
    }
    .mod-press-detail-btn a{
      width: 100%;
    }
}

/*lnavi
---------------------------------------------------------- */

@media screen and (min-width: 768px) {
.lnav > ul > li.current {
    /*
	color: #59564f;
    font-weight: bold;
    text-decoration: underline;
	*/
}
.lnav > ul > li.current > a {
    background-color: #fff;
	color: #59564f;
    font-weight: bold;
    text-decoration: underline;
}
}

/* year navi
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
/*-----※base.cssから------*/
.nav-year{}
  .nav-year li{
    border-top:1px dotted #bfd9e2;
    font-size: 16px;
  }
  .nav-year li.current{
    background-color:#fff;
  }
    .nav-year li.current a{
      color:#59564f;
      text-decoration:underline;
    }
/*--------*/
    
  .nav-year li{
    border-top:1px dotted #bfd9e2;
  }
    .nav-year li a{
      color:#6098aa;
	  
	  	  
	  display: block;
	  width: 100%;
	  padding: 6px 12px;
    }
    
}

/* pdf icon 【旧サイトのスタイルにあわせるための暫定措置】
---------------------------------------------------------- */
.icn_pdf_01 {
    display: inline;
    padding-right: 15px;
    background: url(/common/img/ico_pdf_01@2x.png) right center no-repeat;
    background-size: 13px auto;
}


/* detail page
---------------------------------------------------------- */

.topic-detail {
	margin-bottom: 30px;
	padding-bottom: 50px;
    border-bottom: 2px solid #e4e4e4;
}

@media screen and (max-width: 768px) {
	.topic-detail {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
}


.grid-cmn-col7 {
    width: 14.2%;
}