@charset 'utf-8';

/* 共通
--------------------------------------- */
.h3lw{
  margin-bottom:30px;
  font-size:24px;
  font-weight:600;
  color:#fff;
}
@media screen and (max-width:768px){
  .h3lw{font-size:32px;}
}

/* news-detail
--------------------------------------- */
.news #news-detail .news-wrap{
  width:900px;
  margin:auto;
  padding:30px 40px;
  background-color:rgba(255,255,255,0.2);/*
  background-color:rgba(8,5,63,0.2);*/
}
.news #news-detail .news-wrap .detail,
.news #news-detail .news-wrap .detail a{
  color:#fff;
}
.news #news-detail .news-wrap .detail .h4nw{
  margin-bottom:20px;
  font-size:21px;
  color:#fff;
  text-align:center;
  text-decoration:underline;
}
.news #news-detail .news-wrap .detail .h5nw{
  margin-bottom:10px;
  font-weight:600;
  text-align:center;
}
.news #news-detail .news-wrap .date{
  text-align:right;
  font-size:14px;
  color:#fff;
}
.news #news-detail .news-wrap .detail .block-contact{
  width:560px;
  margin:70px auto 20px;
  padding:20px;
  border:1px solid #fff;
}
.news #news-detail .news-wrap .detail .block{margin-bottom:2.0em;}
.news #news-detail .news-wrap .detail hr{
  margin-bottom:40px;
  border:solid #ccc;
  border-width:1px 0 0 0;
  height:1px;
  clear:both;
}
.news #news-detail .news-wrap .detail .playguide{}
.news #news-detail .news-wrap .detail .playguide dl{}
.news #news-detail .news-wrap .detail .playguide dl dt{
  float:left;
  width:4.0em;
  height:1px;
  font-weight:600;
}
.news #news-detail .news-wrap .detail .playguide dl dd{
  float:left;
  width:calc(100% - 4.0em);
  padding-left:8.0em;
  text-indent:-8.0em;
}
.news #news-detail .news-wrap .detail .playguide dl dd a:hover{
  text-decoration:underline;
}
@media screen and (max-width:768px){
  .news #news-detail .news-wrap{
    width:100%;
    padding:30px 20px;
  }
  .news #news-detail .news-wrap .date{font-size:21px;}
  .news #news-detail .news-wrap .detail .h4nw{font-size:30px;}
  .news #news-detail .news-wrap .detail .block-contact{width:680px;}
  .news #news-detail .news-wrap .detail .playguide dl dt{
    float:none;
    width:100%;
    height:initial;
  }
  .news #news-detail .news-wrap .detail .playguide dl dd{
    float:none;
    width:100%;
  }
  .news #news-detail .news-wrap .detail .playguide dl dd a:hover{
    text-decoration:none;
  }
}
/* close */
.news .close{background-color:#000;}
.news .close .wrap{padding:10px 0 40px;}
.news .close .btn{float:right;}
.news .close .btn a{transition:opacity 300ms;}
.news .close .btn a:hover{opacity:0.7;}
@media screen and (max-width:768px){
  .news .close .btn a{transition:none;}
  .news .close .btn a:hover{opacity:1;}
}

/* return */
.news .return{background-color:#000;}
.news .return .wrap{padding:40px 0 70px;}
.news .return .btn{text-align:center;}
.news .return .btn a{color:#fff;}
.news .return .btn a:hover{text-decoration:underline;}
@media screen and (max-width:768px){
  .news .return .btn a:hover{text-decoration:none;}
}