@charset "utf-8";

@media screen and (max-width: 750px) {

}

@media screen and (max-width: 950px) {

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

ナビ　アクティブ設定

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

/* 第2階層オープン */
header .inner .navWrap #gnav > ul > li#navNews .subMenu {
	display: block;
}
.newsTopIndex header .inner .navWrap #gnav > ul > li#navNews .subMenu {
	display: none;
}


/* アクティブ */
.newsTopIndex #navNews > a > span,
header .archive ul li.current > a > span {
	border-bottom: 2px solid #e60012;
}


}

@media screen and (max-width: 750px) {


/* anchor 
---------------------------------------------*/	
.anchorList li.notyet a {
	cursor: default;
	color: #ccc;
}
.anchorList li.notyet a span {
	background: url(../common/img/icon_arrow_anchor_g.png) no-repeat right center;
    background-size: 9px;
    padding-right: 20px;
    display: block;
}

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

ニュースリリースTOP

----------------------------------------------------------------------------- */
/* ttl
---------------------------------------------*/
.newsTop #pageTtl.ttlImg {
	background-image: url(../news/img/bg_main.jpg);
}

/* newsWidget
---------------------------------------------*/	
.newsTop #newsWidget {
	overflow: hidden;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.newsTop #newsWidget .inner {
	padding-bottom: 0 !important;
}
.newsTop #newsWidget .sortYear input {
	width: 60%;
}
.newsTop .ttlSearch {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 5px !important;
}
.newsTop #newsWidget .freeWord input {
	width: 72%;
	float: left;
	font-size: 1.6rem;
	border-right: 1px solid #cb151d;
}
.newsTop #newsWidget .freeWord input[type="submit"] {
	float: left;
	width: 28%;
    background: #cb151d url(../common/img/sp/icon_search_w.png) no-repeat 14% center;
	background-size: 15px;
    color: #fff;
    border: none;
    line-height: 43px;
    padding-left: 22px;
	border-radius: 0 2px 2px 0;
	font-size: 1.4rem;
}
.newsTop #newsWidget .freeWord .btn.search {
	float: left;
	width: 28%;
}
.newsTop #newsWidget .freeWord .btn.search a {
	width: 100%;
	height: 43px;
}
/* select
---------------------------------------------*/
.newsTop .select select {
	width: 100%;
	font-size: 1.6rem;
}
.newsTop .select .anchorList {
	margin: 40px 0;
}

/* newsWrap
---------------------------------------------*/
.newsTop .newsWrap .inner {
	padding: 10px 0 0 !important;
}
.newsTop .newsWrap .tabCont {
	padding: 30px 15px;
}
.newsTop .newsList dl dt {
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.newsTop .newsList dl dd {
	padding-bottom: 40px;
}

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

ニュースリリース詳細

----------------------------------------------------------------------------- */
.newsDetail .articleHead {
	text-align: right;
	margin: 30px 0;
}
.newsDetail .boxBorder {
	margin-top: 50px;
}
.newsDetail .boxBorder ul li {
	margin: 7px 0;
}
.newsDetail .btn.return {
	margin: 50px auto 0;
}

/* 記事用スタイル */
.newsDetail .articleDetailBox h1,
.newsDetail .articleDetailBox h2,
.newsDetail .articleDetailBox h3,
.newsDetail .articleDetailBox h4,
.newsDetail .articleDetailBox h5,
.newsDetail .articleDetailBox h6 {
	font-weight: bold;
	line-height: 1.3;
	padding: 10px 0 0;
	margin-bottom: 15px;
}
.newsDetail .articleDetailBox h1 {
	font-size: 2.2rem;
}
.newsDetail .articleDetailBox h2 {
	font-size: 2rem;
}
.newsDetail .articleDetailBox h3 {
	font-size: 1.8rem;
}
.newsDetail .articleDetailBox h4 {
	font-size: 1.6rem;
}
.newsDetail .articleDetailBox h5 {
	font-size: 1.4rem;
}
.newsDetail .articleDetailBox h6 {
	font-size: 1.2rem;
}
.newsDetail .articleDetailBox ul {
	margin: 0 0 30px;
}
.newsDetail .articleDetailBox ul li {
	text-indent: -1em;
	padding-left: 1.5em;
}
.newsDetail .articleDetailBox ul li:before {
	content: "・";
}
.newsDetail .articleDetailBox ul li + li {
	margin-top: 8px;
}
.newsDetail .articleDetailBox ol {
	list-style: decimal outside;
	margin: 0 0 30px 1.5em;
}
.newsDetail .articleDetailBox ol > li {
	margin-top: 0.5em;
}
.newsDetail .articleDetailBox ol > li ol {
	margin-left: 1.5em;
}
.newsDetail .articleDetailBox ol > li ol > li {
	list-style: lower-roman outside;
}
.newsDetail .articleDetailBox .boxBorder {
	margin-bottom: 30px;
}
.newsDetail .articleDetailBox .boxBorder ul {
	list-style: none;
	margin: 0;
}
.newsDetail .articleDetailBox .boxBorder ul li:before{
	content: none;
}
.newsDetail .articleDetailBox table {
	margin: 0 0 30px;
}
.newsDetail .articleDetailBox table.noBorder {
	display: table;
	border: none;
	background: none;
}
.newsDetail .articleDetailBox table.noBorder th,
.newsDetail .articleDetailBox table.noBorder td {
	border: none;
	background: none;
	display: table-cell;
	width: inherit;
}
.newsDetail .articleDetailBox table.noSpace {
	display: table;
}
.newsDetail .articleDetailBox table.noSpace th,
.newsDetail .articleDetailBox table.noSpace td {
	padding: 3px;
	display: table-cell;
	width: inherit;
}

.newsDetail .articleDetailBox .imageW100,
.newsDetail .articleDetailBox .col2 > *,
.newsDetail .articleDetailBox .col3 > * {
	text-align: center;
}
.newsDetail #contents .articleDetailBox .imageW100 img,
.newsDetail #contents .articleDetailBox .col2 img,
.newsDetail #contents .articleDetailBox .col3 img {
	width: auto;
	max-width: 100%;
}
	
.newsDetail .articleDetailBox .imgLeft .image,
.newsDetail .articleDetailBox .imgRight .image {
	width: 100%;
	text-align: center;
}
.newsDetail #contents .articleDetailBox .imgLeft .image img,
.newsDetail #contents .articleDetailBox .imgRight .image img {
	width: auto;
	max-width: 100%;
}
.newsDetail .videoplayer .video-js{
	position: absolute;
	top: 0;
	left: 0;
}
.newsDetail .videoplayer_col2{
	aspect-ratio: 16 / 9;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.newsDetail .videoplayer_col2 div{
    width: 100%;
    height: 100%;
	margin-bottom: 50px;
}
.newsDetail .videoplayer_col2 iframe{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	margin-bottom: 25px;
}
.newsDetail .videoplayer_col2 div p{
	margin-top: -20px;
}
#articleDetail .inner .articleDetailWrap .articleDetailBox .videoplayer {
	margin-bottom: 0;
}
#articleDetail .inner .articleDetailWrap .articleDetailBox .col2 iframe {
	width: 100%;
	margin-top: 20px;
	aspect-ratio: 16 / 9;
	height: auto;
}
}

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

シェアボタン

----------------------------------------------------------------------------- */
@media screen and (max-width: 950px) {
	.shareButton > .list > .item > a {
		width: 45px;
		height: 45px;
	}
}