@charset "UTF-8";


@media print, screen and (max-width: 1240px) and (min-width: 751px) {

.sub #contents .section .inner {
    padding: 40px 15px;
} 

}

@media screen and (min-width: 951px) {

/* -----------------------------------------------------------------------------

ローカルナビ

----------------------------------------------------------------------------- */
/*.newsTop .navNewsTop > a > span {
	border-bottom: 1px solid #e60012 !important;
}*/
.newsTopIndex header .navNewsTop a > span,
header .archive ul li.current > a > span {
	border-bottom: 1px solid #e60012 !important;
}


/* アクティブ設定 */

.newsDetail2017 #pageNav2017 > a,
.newsDetail2016 #pageNav2016 > a,
.newsDetail2015 #pageNav2015 > a,
.newsDetail2014 #pageNav2014 > a,
.newsDetail2013 #pageNav2013 > a,
.newsDetail2012 #pageNav2012 > a,
.newsDetail2011 #pageNav2011 > a,
.newsDetail2010 #pageNav2010 > a,
.newsDetail2009 #pageNav2009 > a,
.newsDetail2008 #pageNav2008 > a,
.newsDetail2007 #pageNav2007 > a,
.newsDetail2006 #pageNav2006 > a,
.newsDetail2005 #pageNav2005 > a,
.newsDetail2004 #pageNav2004 > a,
.newsDetail2003 #pageNav2003 > a {
	color: #e60012;
}

}


@media print, screen and (min-width: 751px) {

/* anchor 
---------------------------------------------*/	
.anchorList li.notyet a {
	cursor: default;
	color: #ccc;
}
.anchorList li.notyet a:hover {
	text-decoration: none;
}
.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;
	line-height: 1.4;
}

/* -----------------------------------------------------------------------------

ニュースリリースTOP

----------------------------------------------------------------------------- */
/* ttl
---------------------------------------------*/
.newsTop #pageTtl.ttlImg {
	background-image: url(https://www.marubeni.com/jp/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: 460px;
}
.newsTop .ttlSearch {
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 10px !important;
}
.newsTop #newsWidget .freeWord {
	float: left;
}
.newsTop #newsWidget .freeWord input {
	width: 460px;
	float: left;
	border-right: 1px solid #cb151d;
}
.newsTop #newsWidget .freeWord input[type="submit"] {
	width: 120px;
    background: #cb151d url(../common/img/icon_search_w.png) no-repeat 28px center;
    color: #fff;
    border: none;
    line-height: 43px;
    padding-left: 20px;
	cursor: pointer;
	border-radius: 0 2px 2px 0;
}
.newsTop #newsWidget .freeWord .btn.search {
	float: left;
	width: 120px;
}
.newsTop #newsWidget .freeWord .btn.search a {
	width: 120px;
}
.newsTop #newsWidget .btn.print {
	float: left;
	width: 130px;
	margin-left: 20px;
}

	
/* select
---------------------------------------------*/
.newsTop .select {
	position: relative;
}
.newsTop .select select {
	width: 120px;
	position: absolute;
	top: 45px;
	left: 0;
	background-position: 90% center;
}
.newsTop .select .anchorList {
	margin-left: 150px;
	text-align: left;
}
.newsTop .select .anchorList li {
	padding: 0 17px;
	margin-top: 15px;
}

/* newsWrap
---------------------------------------------*/
.newsTop .newsWrap .inner {
	padding-top: 15px !important;
}
.newsTop .newsList dl dt {
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.newsTop .newsList dl dd {
	padding-bottom: 50px;
}
 
/* -----------------------------------------------------------------------------

ニュースリリース詳細

----------------------------------------------------------------------------- */
.newsDetail .btnArea .btn {
	float: right;
}
.newsDetail .articleHead {
	text-align: right;
	margin: 40px 0;
}
.newsDetail .boxBorder {
	padding: 25px 45px;
	margin-top: 60px;
}
.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.4rem;
}
.newsDetail .articleDetailBox h2 {
	font-size: 2.2rem;
}
.newsDetail .articleDetailBox h3 {
	font-size: 2rem;
}
.newsDetail .articleDetailBox h4 {
	font-size: 1.8rem;
}
.newsDetail .articleDetailBox h5 {
	font-size: 1.6rem;
}
.newsDetail .articleDetailBox h6 {
	font-size: 1.4rem;
}
.newsDetail .articleDetailBox ul {
	margin: 0 0 30px;
}
.newsDetail .articleDetailBox ul li {
	text-indent: -1em;
	padding-left: 1em;
}
.newsDetail .articleDetailBox ul li + li {
	margin-top: 8px;
}
.newsDetail .articleDetailBox ul li:before {
	content: "・";
}
.newsDetail .articleDetailBox ol {
	list-style: decimal outside;
	margin: 0 0 30px;
}
.newsDetail .articleDetailBox ol > li {
	margin-top: 0.5em;
	margin-left: 1.5em;
}
.newsDetail .articleDetailBox ol > li ol {
	margin-left: 1.5em;
	margin-top: 5px;
}
.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,
.newsDetail .articleDetailBox table.noBorder th,
.newsDetail .articleDetailBox table.noBorder td {
	border: none;
	background: none;
}

.newsDetail .articleDetailBox table.noSpace th,
.newsDetail .articleDetailBox table.noSpace td {
	padding: 3px;
}
	
.newsDetail .articleDetailBox .imageW100 img {
	max-width: 840px;
	width: auto;
}
.newsDetail .articleDetailBox .col2 > *,
.newsDetail .articleDetailBox .col3 > * {
	text-align: center;
}
.newsDetail .articleDetailBox .col2 img,
.newsDetail .articleDetailBox .col3 img {
	width: auto;
	max-width: 100%;
}
	
.newsDetail .articleDetailBox .imgLeft .image,
.newsDetail .articleDetailBox .imgRight .image {
	width: auto;
	max-width: 100%;
}
.newsDetail .articleDetailBox .imgLeft .image {
	margin-right: 40px;
}
.newsDetail .articleDetailBox .imgRight .image {
	margin-left: 40px;
}
.newsDetail .articleDetailBox .imgLeft .text {
	margin-left: inherit;
	width: auto;
}
.newsDetail .articleDetailBox .imgRight .text {
	margin-right: inherit;
	width: auto;
	float: none;
}
.newsDetail .videoplayer .video-js{
	position: absolute;
	top: 0;
	left: 0;
}
.newsDetail .videoplayer_col2{
	margin-left: auto;
	margin-right: auto;
}
.newsDetail .videoplayer_col2 iframe{
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}
.newsDetail .videoplayer_col2 p{
	margin-top: 0;
	text-align: center;
}
#articleDetail .inner .articleDetailWrap .articleDetailBox .videoplayer {
	margin-bottom: 20px;
}

}

@media print, screen and (max-width: 1240px) {


}
@media print, screen and (max-width: 1050px) and (min-width: 751px) {

.newsDetail .articleDetailBox .imageW100 img {
	max-width: 100%;
}
	
}

/* -----------------------------------------------------------------------------

シェアボタン

----------------------------------------------------------------------------- */
.shareButton {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.shareButton > h4.heading {
	font-size: 1.4rem;
}
.shareButton > .list {
	display: flex;
	gap: 20px;
}
.shareButton > .list > .item > a  {
	display: inline-block;
	width: 50px;
	height: 50px;
}
.shareButton > .list > .item > a > .icon  {
	width: 100%;
	height: 100%;
}