/*color*/
/*transition*/
/*opacity*/
.title {
  overflow: hidden;
  background: url(/news/img/bg_news.png) top center; }

/* -----------------------------------------------------------------------------

newsDetail

----------------------------------------------------------------------------- */
.news.detail .ttlWrap {
  border-bottom: 1px #cccccc dotted;
  margin-bottom: 30px; }
  .news.detail .ttlWrap .typeWrap * {
    vertical-align: middle; }
  .news.detail .ttlWrap .typeWrap span + span {
    margin-left: 20px; }
  .news.detail .ttlWrap .typeWrap .date {
    font-size: 1.4rem; }
  .news.detail .ttlWrap .typeWrap .tag {
    color: #fff;
    display: inline-block;
    min-width: 60px;
    text-align: center;
    font-size: 1.1rem;
    padding: 4px;
    line-height: 1 !important;
    background: #3375a6; }
  .news.detail .ttlWrap h2 {
    font-weight: 400;
    font-size: 2rem;
    padding: 15px 0; }
.news.detail .contentWrap {
  font-size: 1.4rem; }
  .news.detail .contentWrap > * {
    margin-bottom: 30px; }
    .news.detail .contentWrap > *:last-child {
      margin: 0; }
  .news.detail .contentWrap .imgBox img,
  .news.detail .contentWrap .txtBox img {
    max-width: 100%;
    height: auto; }

@media screen and (max-width: 750px) {
  .title {
    background: url(/news/img/bg_news_sp.png) bottom right; }

  h1 .mainTtl img {
    width: 194px;
    height: auto; }

  	/* -----------------------------------------------------------------------------
  
  	newsDetail
  
  	----------------------------------------------------------------------------- */
  .news.detail .ttlWrap {
    margin-bottom: 15px; }
    .news.detail .ttlWrap .typeWrap span + span {
      margin-left: 10px; }
    .news.detail .ttlWrap .typeWrap .date {
      font-size: 1.4rem; }
    .news.detail .ttlWrap .typeWrap .tag {
      font-size: 1.2rem; }
    .news.detail .ttlWrap h1 {
      font-size: 1.4rem; }
  .news.detail .contentWrap > * {
    margin-bottom: 15px; }
  .news.detail .contentWrap .imgBox img {
    width: 100%; } }