@charset "utf-8";
/*
 ver: 2015.09.07.02
 */
 

/* ソーシャル、印刷、文字サイズボックス */
.Article-Head { border-bottom: none; margin-bottom: 5px;  }

/* 黒背景エリア */
.NewsArticle { background: #121212; color: #fff; margin-bottom: 30px; padding-bottom: 20px; border-radius: 3px; }

/* 見出しエリア */
.TitleWrap { margin-bottom: 25px 0 18px;}
.TitleWrap .HeadTitle { border-bottom: 1px solid #6d6d6d; padding: 15px; font-size: 90%  }
.TitleWrap .HeadTitle .TitleName { font-weight: bold; background: url(/newtop/images/graph/Icon_Camera.png) no-repeat; background-position: left center; padding-left: 33px; display: inline-block; }
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){.TitleWrap .HeadTitle .TitleName { background: url(/newtop/images/graph/Icon_Camera@2x.png) no-repeat; background-position: left center; background-size: 25px auto; }}
.TitleWrap .HeadTitle .TitleName a { color: #fff; }
.TitleWrap .HeadTitle .Link-01 a { font-size: 85%; color: #999; margin: 0 15px; }
.TitleWrap .HeadTitle .Link-02 a { font-weight: bold; text-align: right; color: #fff; display: none; float: right; }
.TitleWrap h1.NewsTitle { font-weight: normal; padding: 20px 15px 7px; line-height: 135%!important;  }

/* 日付 */
.NewsArticle .Credit { padding: 0 15px}

/* 写真エリア */
.PNF-ImgWrap .PNF-CenterImg { width: 100%;}
.PNF-ImgWrap .PNF-CenterImg .Main-Photo { margin: 20px 16px!important; position: relative; width: 633px; height: auto; z-index: 1; clear: both; overflow: hidden;display: block;}
.PNF-ImgWrap .PNF-CenterImg .Main-Photo img { max-width: 100%; max-height: 100%; padding: 0; border: none!important; margin-bottom:0;
user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag:none;
/* IE8用 */width: auto;height: auto;
}
.PNF-ImgWrap .PNF-CenterImg .Main-Photo::before { content:''; position:absolute; width:100%; height:100%; left:0; top:0;}

.PNF-ImgWrap div a { background: none; padding: 0;}

/* 写真エリア リンク*/
.PNF-CenterImg .Main-Photo a { border: none; }
.PNF-CenterImg .Main-Photo a.Prev-Photo { width: 316px; height: 100%; display: block; position: absolute;  top:0 ; left: 0; z-index: 2; background: url(/newtop/images/graph/arrow_prev_L.png) no-repeat; background-position: -27px center; background-size: 27px auto; -webkit-transition: .25s; transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -o-transition: .25s;}
.PNF-CenterImg .Main-Photo a.Next-Photo { width: 316px; height: 100%; display: block; position: absolute;  top:0 ; right: 0; z-index: 2; background: url(/newtop/images/graph/arrow_next_L.png) no-repeat; background-position: 343px center; background-size: 27px auto; -webkit-transition: .25s; transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -o-transition: .25s;}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
.PNF-CenterImg .Main-Photo a.Prev-Photo { background: url(/newtop/images/graph/arrow_prev_L@2x.png) no-repeat; background-position: -27px center; background-size: 27px auto; }
.PNF-CenterImg .Main-Photo a.Next-Photo { background: url(/newtop/images/graph/arrow_next_L@2x.png) no-repeat; background-position: 343px center; background-size: 27px auto;  }}
.PNF-CenterImg .Main-Photo a.Prev-Photo:hover { background: url(/newtop/images/graph/arrow_prev_L.png) no-repeat; background-position: 21px center; background-size: 27px auto;}
.PNF-CenterImg .Main-Photo a.Next-Photo:hover { background: url(/newtop/images/graph/arrow_next_L.png) no-repeat; background-position: 268px center; background-size: 27px auto;}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
.PNF-CenterImg .Main-Photo a.Prev-Photo:hover { background: url(/newtop/images/graph/arrow_prev_L@2x.png) no-repeat; background-position: 21px center; background-size: 27px auto;}
.PNF-CenterImg .Main-Photo a.Next-Photo:hover { background: url(/newtop/images/graph/arrow_next_L@2x.png) no-repeat; background-position: 268px center; background-size: 27px auto;}}


/* キャプション */
.PNF-CenterImg .Main-PhotoCaption { padding: 10px 25px 22px; overflow: hidden; clear: both; }
p.PNF-Caption { text-align: left; float: left; width: 370px; padding: 0; margin: 0 40px 0 0;}
p.PNF-PhotoCaption { text-align: center; float: right; padding: 0 10px; }
p.PNF-PhotoCaption a { display: inline-block; width: 28px; height: 28px; border: none; }
/* ページナビ */
.PNF-PhotoCaption .Arrow-Prev { background: url(/newtop/images/graph/arrow_prev.png) no-repeat; background-position: center center; margin-right: 6px; transition: 0.15s linear; }
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx)
{.PNF-PhotoCaption .Arrow-Prev { background: url(/newtop/images/graph/arrow_prev@2x.png) no-repeat; background-position: center center; background-size: 28px auto; }}
.PNF-PhotoCaption .Arrow-Prev:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}
.PNF-PhotoCaption .Arrow-Next { background: url(/newtop/images/graph/arrow_next.png) no-repeat; background-position: center center; margin-left: 6px; transition: 0.15s linear; }
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx)
{.PNF-PhotoCaption .Arrow-Next { background: url(/newtop/images/graph/arrow_next@2x.png) no-repeat; background-position: center center; background-size: 28px auto; }}
.PNF-PhotoCaption .Arrow-Next:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}

/* サムネイルエリア */
#PhotoNavi-Wrap { border-top: 1px solid #494949; border-bottom: 1px solid #494949;}
.NewsArticleWrap .RelatedPhotoArticle { width: auto; margin: 0 auto; display: block; height: auto; }
ul.PhotoLinkrelation2 { margin: 20px auto;  height: auto; width: 625px; }
ul.PhotoLinkrelation2 li { width: 95px; height: 95px; display: block; margin-right: 11px; margin-bottom: 11px; float: left; position: relative;}
ul.PhotoLinkrelation2 li:nth-child(6n) { margin-right: 0;}
ul.PhotoLinkrelation2 li a { width: 95px; height: 95px; padding:0; background: #2a2a2a; border: none; display: inline-block; vertical-align: middle; text-align: center; }
ul.PhotoLinkrelation2 li a:hover { background: #545454; }
ul.PhotoLinkrelation2 li .overImg {	border:3px solid #fff!important; width:95px; height:95px; top: 0px; left: 0px; position: absolute;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box; }
ul.PhotoLinkrelation2 li a img { max-width: 95px; max-height: 95px; width: auto; height: auto;/* IE8用 */}

/* マウスオーバーした時の吹き出しキャプション */
.PhotoLinkrelation2 .captionOver2 { position:absolute; padding-top:7px; top:122px; z-index:149; line-height:100%; }
.PhotoLinkrelation2 .captionOver2 { display: none;}
.PhotoLinkrelation2 li a:hover .captionOver2 { display: block; left: -63px; top: 88px; padding-top: 7px; z-index: 149; line-height: 100%;}
.PhotoLinkrelation2 li.LeftSide a:hover .captionOver2 { left: 0;}
.PhotoLinkrelation2 li.RightSide a:hover .captionOver2 { left: -125px; }

/* キャプション文字部分 */
.PhotoLinkrelation2 .captionOver2 .caption2 
{ width: 220px; background:#ededed; border-radius: 3px; padding:7px 8px 5px 8px; font-size: 70%; color: #000; border:1px solid #c1c1c1; text-align: left;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box; }

/* キャプション矢印 */
.PhotoLinkrelation2 li .captionOver2 .captionArrow2 { background:url(/newtop/images/graph/caption_arrow.png) no-repeat left top; width: 15px; height: 8px; position: absolute; top:0 ; z-index: 150; }
.PhotoLinkrelation2 li .captionOver2 .captionArrow2 {left: 103px;}
.PhotoLinkrelation2 li.LeftSide .captionOver2 .captionArrow2 {left: 40px;}
.PhotoLinkrelation2 li.RightSide .captionOver2 .captionArrow2 {left: 165px;}

/* PR情報 */
.AdGraph { background: #fff; margin: 20px 40px; border-radius: 3px; padding: 10px 12px; clear: both; overflow: hidden;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box; }
.AdGraph h1 { color: #333; float: left; margin-right: 25px; }
.AdGraph ul { float: left; max-width: 487px; }
.AdGraph ul li { background: none; padding-left: 0;  }

/* 目次 */
.ImgOutline ul { width: 100%; margin-top: 18px;}
.ImgOutline ul li { display: table-cell; font-size: 83%; width: 222px; font-weight: bold; vertical-align: middle;}
.ImgOutline ul li.Center { background: #f2eeee; color: #000; width: 221px; }
.ImgOutline ul li.Center .Inner-Box { padding: 8px; height: 50px; }
.ImgOutline ul li a { display: block; color: #fff; padding: 8px; transition: 0.15s linear; height: 50px;}
.ImgOutline ul li a:hover { background: #444; }
.ImgOutline ul li .Inner-Box { overflow: hidden; clear: both; }
.ImgOutline ul li.Left .Inner-Box .thumbnail { margin-left: 7px; }
.ImgOutline ul li.Right .Inner-Box .thumbnail { margin-left: 5px; }
.ImgOutline ul li .Inner-Box .title { display: block; float: left; width: 135px; max-height: 50px; line-height: 1.25; overflow: hidden; }


/* 目次サムネイルを背景にする ie9以上 */
.ImgOutline ul li .thumbnail { height:50px; width:50px; display:block; float:left; overflow:hidden; margin-right: 10px; background-position: 50% 50%; background-size: cover; }
.ImgOutline ul li.Left .Inner-Box .thumbnail { margin-left: 7px; }
.ImgOutline ul li.Right .Inner-Box .thumbnail { margin-left: 5px; }

/* 目次サムネイルを非表示にする ie8 */
.ImgOutline ul li .Inner-Box .title { float: none\9; width: 190px\9; margin: 0 auto\9; }
.ImgOutline ul li .thumbnail {display: none\9; }


/* 印刷用 */
@media print { .PNF-ImgWrap .PNF-CenterImg .Main-Photo {display: block;} #PhotoNavi-Wrap .RelatedPhotoArticle {display: block!important; } 
.PNF-CenterImg .Main-Photo a { display: none!important;} .PNF-ImgWrap .PNF-CenterImg .Main-Photo::before { display: none!important;} }