@charset "UTF-8";

#slider {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  text-align: center;
  position: relative;
  margin:0;
  padding:0;
  height: auto;
}

.swipe.min_img .swipe-wrap > div img{
	width:99.8%;
	margin-left:0.1%;
	margin-right:0.1%;
}

.swipe-wrap div.banner img{width: 100%;vertical-align:top;}


/*
ie9以下
***************************/

#main .block1 .ie9 .swipe-wrap{
	width:300%;
}

.swipe.show{
	visibility: visible;
}

#main .block1 .ie9 .swipe-wrap>div{
	width:33.33%;
}



/***************************/

header,
.block1 .bottomline,
.block5 .content_wrap,
.control_left,
.control_right,
.arrow_left,
.arrow_right{
	-webkit-animation:stay 1000s linear 0s infinite
}
@-webkit-keyframes stay{
	0%{-webkit-transform:translateX(0);}
	100%{-webkit-transform:translateX(0);}
}

#main>div{
	position:relative;
}

#main .block1{
	margin-bottom: 2.5em;
}
#main .block2{
	margin-bottom: 2.5em;
}
#main .block3{
	margin-bottom: 2.5em;
}

body.pc_wrap #main .block1{

	min-width:980px;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}

#main .block1 .bottomline{
	position:absolute;
	bottom:-2px;
	background-image:url(../img/index/block1_whiteline.png);
	background-repeat:repeat-x;
	background-size:contain;
	width:100%;
}

#main .block1 .pointer{
	/*width:8.37%;
	max-width:82px;*/
  width: 20%;
  max-width: 104px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:2.2%;
}

#main .block1 .pointer>div{
	width:14.64%;
	max-width:12px;
	cursor:pointer;
}

#main .block1 .pointer>div img{
	display:block;
	position:absolute;
	top:0;
	left:0;

}

#main .block1 .pointer>div img.on{
	opacity:0;
	visibility:hidden;
}

#main .block1 .pointer>div.active img{
	opacity:0;
	visibility:visible;
}

#main .block1 .pointer>div.active img.on{
	opacity:1;
	visibility:visible;
}


#main .block1 .pointer>div.left{
	position:absolute;
	left:0;
}
#main .block1 .pointer>div.center{
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#main .block1 .pointer>div.center_1{
	position: relative;
	margin-left: 22%;
	margin-right: 22%;
}
#main .block1 .pointer>div.center_2{
	position: relative;
	margin-left: 44%;
	margin-right: 44%;
}
#main .block1 .pointer>div.center_3{
	position: relative;
	margin-left: 66%;
	margin-right: 66%;
}

#main .block1 .pointer>div.center_1_2{
	position:relative;
	margin-left:30%;
	margin-right:30%
}
#main .block1 .pointer>div.center_2_2{
	position:relative;
	margin-left:60%;
	margin-right:60%;
}


#main .block1 .pointer>div.right{
	position:absolute;
	right:0;
}

#main .block1 .arrow_left,
#main .block1 .arrow_right{
	position:absolute;
	width:2.25%;
	max-width:22px;
	top:50%;
	margin-top:-1.12%;
	cursor:pointer;
}

#main .block1 .arrow_left:hover,
#main .block1 .arrow_right:hover,
#main .block5 .arrow_left:hover,
#main .block5 .arrow_right:hover{
	opacity:0.5;
}

#main .block1 .arrow_left{
	left:1.7%;
}

#main .block1 .arrow_right{
	right:1.7%;
}

#main .block1 .swipe-wrap a.btn {
 	top: 70%;
  right: 9.6%;
  display: block;
	position: absolute;
}

#main .block1 .swipe-wrap a.btn_2 {
 	top: 60%;
  right: 9.6%;
  display: block;
	position: absolute;
}

#main .block1 .swipe-wrap a.btn img {
  display: block;
	width: 100%;
	height: auto;
  /*transition: 0.6s;*/
}
#main .block1 .swipe-wrap a.btn_img_1 {
 	top: 38%;
  left: 8.3%;
  display: block;
	position: absolute;
}
#main .block1 .swipe-wrap a.btn_img_1 img {
  display: block;
	width: 100%;
	height: auto;
}
#main .block1 .swipe-wrap a.btn_img_2 {
 	top: 38%;
  left: 29.5%;
  display: block;
	position: absolute;
}
#main .block1 .swipe-wrap a.btn_img_2 img {
  display: block;
	width: 100%;
	height: auto;
}
#main .block1 .swipe-wrap a.btn_img_3 {
 	top: 38%;
  right: 29.3%;
  margin-left: 20px;
  display: block;
	position: absolute;
}
#main .block1 .swipe-wrap a.btn_img_3 img {
  display: block;
	width: 100%;
	height: auto;
}
#main .block1 .swipe-wrap a.btn_img_4 {
 	top: 38%;
  right: 8.3%;
  margin-left: 15px;
  display: block;
	position: absolute;
}
#main .block1 .swipe-wrap a.btn_img_4 img {
  display: block;
	width: 100%;
	height: auto;
}


#main .block1 .swipe-wrap a.btn:hover img {
	opacity: 0.8;
	filter: alpha(opacity=50);
}
#main .block1 .swipe-wrap a:hover img {
  opacity: 0.8;
	filter: alpha(opacity=50);
}

#main .block2 a{
	display:block;
	float:left;
	width:23.97%;
	max-width:237px;
	margin-right:1.4%;
	position:relative;
}

#main .block2 a{
	/*opacity:0.99;*/
	-webkit-transform:translate3d(0,0,0)
}

#main .block2 .btn:hover a{
	/*color:#e93b16;*/
	text-decoration:none;
}

#main .block2 a:hover img{
	/*opacity:0.7;*/;
	filter:alpha(opacity=50);
}

#main .block2 a.last{
	float:right;
	margin-right:0%;
	margin-left:-1em;
}

#main .block2 p{
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
	height:40%;
	color:#fff;
}


#main .block3{
	margin-bottom: 2.85%;
}

#main .block3 .text{
	width:30.5%;
	max-width:299px;
	float:left;
	margin-top:0.7%;
}

#main .block3 .rss{
	width:8.4%;
	max-width:83px;
	float:right;
}

#main .block3 .rss:hover img{
	filter:alpha(opacity=70);
}

#main .block3 .btns{
	width:56.94%;
	max-width:558px;
	float:right;
	margin-right:1.3%
}

#main .block3 .btn{
	width:31.9%;
	max-width:178px;
	margin-left:2.15%;
	float:left;
	position:relative;
}

#main .block3 .btn a{
	display:block;
	position:absolute;
	/*left:50%;*/
	top:50%;
	/*-webkit-transform:translateY(-40%);
	transform:translateY(-40%);*/
	margin-top:-0.75em;
	/*margin-top:-0.4rem;*/
	width:100%;
	text-align:center;
	/*line-height:0.85rem;
	font-size: 0.85rem;*/
}




#main .block3 .btn:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
}

#main .block3 .btn:hover a{
	text-decoration:none;
	color:#228ad9;
}



#main .block3 .btn.btn01 a{
	/*margin-left:-2em;*/
}
#main .block3 .btn.btn02 a{
	/*margin-left:-4em;*/
}
#main .block3 .btn.btn03 a{
	/*margin-left:-1.5em;*/
}

#main .block3 .btn.btn01{
	margin-left:0;
}

#main .block3 .rss{
	position:relative;
}

#main .block3 .rss p{
	/*font-size:0.85rem;*/
	position:absolute;
	width:85%;
	text-align:right;
	top:0;
	height: 100%;
	line-height: 2.8;
	color:#090909;
}

#wrapper.large #main .block3 .btn a{
	font-size:0.748em;
}
#wrapper.large #main .block3 .rss p{
	font-size:0.748em;
}

#main .block3 .rss a:hover p{
	color:#4e4e4e;
}

#main .block4{
	margin-bottom:2.5em;
}

#main .block4 .box{
	width:23.63%;
	max-width:231px;
	float:left;
	margin-right:1.875%;
	position:relative;
}

#main .block4 .column_box{
	margin-bottom:3em;
}


#main .block4 .box.column_end{
	float:right;
	margin-right:0;
	margin-left:-1em;
}

#main .block4 .box a{
	width:100%;
	height:100%;
	display:block;
}

#main .block4 .box a>img{
	display:block;
	margin-bottom:0.9em;
}

#main .block4 .box .tab_box{
	width:100%;
	margin-bottom:0.4em;
}

#main .block4 .box .tab{
	width:45.9%;
	max-width:106px;
	float:left;
	position:relative;

}

#main .block4 .box .tab p{
	text-align:center;
	position:absolute;
	top:0em;
	/*top:0.15rem;*/
	font-size:0.7em;
	/*font-size:0.625rem;*/
	line-height: 1.9;
	color:#fff;

}

#main .block4.safari .box .tab p{
	font-weight:bold;
}

#wrapper.large #main .block4 .box .tab p{
	font-size:0.54em;
}



#main .block4 .box .date{
	float:right;
	font-size:0.857em;
	color:#78909c;
	width:54%;
	text-align:right;
}

#main .block4 p{
	width:100%;
	color:#090909;

}

#main .block4 .box a{
	text-decoration:none !important;

}

#main .block4 .box:hover p{
	color:#888;
}

#main .block4 .box a:hover .tab p{
	color:#fff;
}
#main .block4 .box:hover a .tab p{
	color:#fff;
}

#main .block4 .box:hover .date{
	color:#9ab2bc;
}

#main .block4 .box:hover img{
	filter:alpha(opacity=70);
}

#main .block5{
	margin-bottom:3.8em;
}

#main .block5 .content_wrap.pc{
	/*background-image:url(../img/index/block5/slide_bottom_base.png);*/
	background-size:99.5% 99.5%;
	background-repeat:no-repeat;
	background-position:center;
}

#main .block5 .content_wrap.pc .swipe{
	position:absolute;
	top:0;
	width:98%;
	max-width:980px;
	padding-top:1.8%;
}

#main .block5 .content_wrap.pc .swipe-wrap>div{
	max-width:318px;
	/*margin-right:1.53%;*/
}

#main .block5 .content_wrap.pc .swipe-wrap{
	-webkit-transition:-webkit-transform 0.4s ease-out;
	transition:transform 0.4s ease-out;
}

#main .block5 .content_wrap.pc .swipe-wrap.notransition{
	-webkit-transition:none;
	transition:none;
}

#main .block5 .control_left,
#main .block5 .control_right{
	width:16.5%;
	max-width:161px;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	-webkit-transition:left 0.3s ease-out,right 0.3s ease-out;
	transition:left,right 0.3s ease-out;
}

#main .block5 .content_wrap.sp{
	position:absolute;
	display:block;
	visibility:hidden;
}

#main .block5 .sp .swipe{
	visibility:hidden !important;
	margin-left:2%;
	margin-right:2%;
}

#main .block5 .sp .control_left>img,
#main .block5 .sp .control_right>img{
	visibility:hidden;
}

#main .block5 .sp .swipe,
#main .block5 .sp .swipe-wrap{
	overflow:visible;
}

#main .block5 .sp .swipe-wrap>div img{
	-webkit-transform:scale(0.9)
}

#main .block5 .sp .swipe{
	/*padding-left:7%;
	padding-right:7%;*/
}
#main .block5{
	background-image:url(../img/index/block5/bottom_back2.png);
	background-repeat:no-repeat;
	background-position:center;
}
#main .block5 .content_wrap{
	overflow: hidden;

}

#main .block5 .control_wrap{
	max-width:980px;
	padding-left:0.95%;
	padding-right:0.95%;
	width:98%;
	left:50%;
	margin-left:-498px;
	position:absolute;
	/*z-index:1;*/
	top:0;
}

body.pc_wrap #main .block5 .control_wrap{
	width:980px;
}

#main .block5 .control_left{
	left:-4%;
	z-index:1;
}

#main .block5 .control_right{
	left:auto;right:-4%;
}

@media screen and (max-width:1050px){
	#main .block5 .control_left{
		left:0%;
		z-index:1;
	}

	#main .block5 .control_right{
		left:auto;right:0%;
		z-index:1;
	}

	#main .block5{
		background-image:url(../img/index/block5/bottom_back3.png);
		/*background-image:none;*/
	}

	#main .block5 .content_wrap.pc{
		/*background-image:url(../img/index/block5/slide_bottom_base.png);*/

	}

}


/*ie8
***************************/

#main .block5.min .control_left{
	left:0%;
	z-index:1;
}

#main .block5.min .control_right{
	left:auto;right:0%;
	z-index:1;
}

#main .block5.min{
	background-image:url(../img/index/block5/bottom_back3.png);
	/*background-image:none;*/
}




#main .block5 .arrow_left,
#main .block5 .arrow_right{
	width:17.4%;
	max-width:28px;
	position:absolute;
	left:6.8%;
	top:41.5%;
}
#main .block5 .arrow_right{
	left:auto;right:6.8%;
}
#main .block5 .slide1{
	position:relative;
}
#main .block5 .slide1 a{
	display:block;
	left:	34.6%;
	top:39.73%;
	width:	61.6%;
	max-width:196px;
	position:absolute;
}

#main .block5 .slide1 a img{
	display:block;
	width:100%;
	height:auto;
}

#main .block5 .slide1 a.btn2{
	top:67.55%;
}
#main .block5 .sp .slide1 a{
	left:31%;
	top:42%;
}
#main .block5 .sp .slide1 a.btn2{
	top:66%;
}
#main .block5 .sp .slide1 a img{
	opacity:0;
}

#main .block5 .sp  .arrow_left,
#main .block5 .sp  .arrow_right{
	width:30%;
	max-width:161px;
	/*left:0;*/
	margin-top: 65%;
}

#main .block5 .sp.ad .slide1 a{
	left:35%;
	top:40%;
}
#main .block5 .sp.ad .slide1 a.btn2{
	top:66%;
}
#main .block5 .sp.ad .slide1 a img{
	-webkit-transform:scale(0.95);
}


#main .block5 .slide2{
	position:relative;
}
#main .block5 .slide2 a{
	display:block;
	left:	34.6%;
	top:39.73%;
	width:	61.6%;
	max-width:196px;
	position:absolute;
}

#main .block5 .slide2 a img{
	display:block;
	width:100%;
	height:auto;
}

#main .block5 .slide2 a.btn2{
	top:67.55%;
}
#main .block5 .sp .slide2 a{
	left:31%;
	top:42%;
}
#main .block5 .sp .slide2 a.btn2{
	top:66%;
}
#main .block5 .sp .slide2 a img{
	opacity:0;
}


#main .block5 .sp.ad .slide2 a{
	left:35%;
	top:40%;
}
#main .block5 .sp.ad .slide2 a.btn2{
	top:66%;
}
#main .block5 .sp.ad .slide2 a img{
	-webkit-transform:scale(0.95);
}





#footerSocial {
	margin-top: 0;
	width: auto;
}
#footer {
	margin-top: 0;
	width: auto;
}
/*==============================================================================
Index
================================================================================ */

/* article */
.index_article {
	position: relative;
}
.photo {
}
.photo .pc {
}
.photo .smd {
	display: none;
}
.photo .pc img, .photo .smd img {
	width: 100%;
}
.index_article_inner {
	position: absolute;
	top: 0;
	left: 50%;
	width: 960px;
	margin-left: -480px;
}
.article_data {
	padding-top: 26px;
	padding: 0 15px 0 535px;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.article_data {
	padding-top: 40px;
}

@media only screen and (min-width: 1200px) {
	.article_data {
		padding-top: 70px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
	.article_data {
		padding-top: 40px;
	}
}
.article_subtitle {
	padding-top: 0px;
	padding-bottom: 10px;
}
.article_data .logo {
}
.article_data ul {
	display: inline;
	list-style: none;
	margin: 0 0 5px;
	padding: 0;
	width: 100%;
	float: left;
	text-align: left;
}
.article_data ul li {
	display: inline;
	font-size: 100%; /* 14px */
	font-weight: bold;
	text-align: center;
}
.article_data p {
}
.article_data .caption {
	color: #4C6471;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 5px;
	clear: both;
}
.article_data .caption a {
	color: #4C6471;
	font-size: 228.6%;/* 32px */
}
.article_data .caption2 {
	overflow: hidden;
}
.article_data .caption2 img {
	height: 13px;
	margin-right: 16px;
	float: left;
}
.article_data .caption2 .caption2__subtitle {
	line-height: 1;
	padding-top: 1px;
}
@-moz-document url-prefix() {
	.article_data .caption2 img {
		vertical-align:middle;
	}
}
.article_data .caption a:hover {
	text-decoration: none;
}
.article_data .summary {
	color: #4C6471;
	font-size: 100%;/* 14px */
	line-height: 1.8;
	margin: 0px 0 10px;
}
.article_data .tags {
	font-size:85.7%%;/* 12px */
	line-height: 1.2;
}
.article_data .tags a {
	color: #4c6471;
}
.article_data .tags:before {
	content : '';
	display : inline-block;
	width: 18px;
	height: 16px;
	background-image: url(/img/icon_tags2.png);
}
.article_data .tags span {
	margin: 0 5px;
}
.read_more {
	margin-top: 20px;
}
.read_more a {
	background: rgba(0, 0, 0, 0.5);
	background: #746e70\9;
	color: #fff!important;
	font-weight: normal;
	padding: 7px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 112%;
}
.read_more a:hover {
	background: rgba(0, 0, 0, 0.7);
	background: #524e4f\9;
	text-decoration: none;
}
/* information 後で消す
.index_information {
margin: 0;
padding: 0;
background: rgba(0,0,0, 0.5);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);
/* IE用
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
/* IE用
color: #fff;
min-height: 1%;
}
.index_information:not(:target) {
filter: none;
-ms-filter: none;
}
.index_information {
/zoom : 1;
}
.index_information:after {
content : '';
display : block;
clear : both;
height: 0;
}
.index_information a {
color: #fff;
}
.index_information_inner {
width: 960px;
margin: auto;
padding: 0;
position: relative;
}
.index_information h2 {
font-size: 100%;/* 14px
font-weight: bold;
line-height: 50px;
float: left;
width: 120px;
color: #ffffff;
}
.btn_read-more {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
}
.btn_read-more a {
display: table-cell;
vertical-align: top;
height: 100%;
background: url(/img/icon_read-more.png) no-repeat center center rgba(0,0,0, 0.2);
background: url(/img/icon_read-more.png) no-repeat center center #042c33\9;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);
/* IE用
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
/* IE用
background-size: auto;
color: rgba(0,0,0, 0);
text-indent: -9999px;
width: 50px;
height: 50px;
}
.btn_read-more a:hover {
background: url(/img/icon_read-more.png) no-repeat center center rgba(0,0,0, 0.45);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);
/* IE用
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
/* IE用
}
.btn_read-more a:not(:target) {
filter: none;
-ms-filter: none;
}
.btn_read-more.opened {
}
.btn_read-more.opened a {
background: url(/img/icon_read-more-close.png) no-repeat center center rgba(0,0,0, 0.2);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);
/* IE用
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
/* IE用
}
.btn_read-more.opened a:hover {
background: url(/img/icon_read-more-close.png) no-repeat center center rgba(0,0,0, 0.45);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);
/* IE用
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
/* IE用
}
.btn_read-more.opened a:not(:target) {
filter: none;
-ms-filter: none;
}

.newest {
width: 94%;
height: 50px;
padding: 14px;
line-height: 1.6;
}
.newest p {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
}
.newest p.hide {
display: none;
}
.newest a {
font-weight: normal;
}
.extra {
display: none;
}
.extra table {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.extra table .date {
width: 136px;
}
.extra table .article {
}
.extra table th, .extra table td {
padding: 15px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
line-height: 1.4;
vertical-align: top;
}
.extra table th {
color: #ccc;
}
.extra table td {
}
.extra p.mod_button_12a {
padding: 30px 0;
text-align: center;
}
.extra p.mod_button_12a a {
display: block;
width: 150px;
background: #0F67BA;
padding: 15px 10px 15px 10px;
margin: 0 auto 0px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
color: #FFF;
text-decoration: none;
-moz-transition: all 0.2s ease; /*Firefox
-webkit-transition: all 0.2s ease; /*Safari,Chrome
-o-transition: all 0.2s ease; /*Opera
transition: all 0.2s ease;
}
.extra p.mod_button_12a a:hover {
background: #004D9B;
}
.extra a {
font-weight: normal;
}
*/

/* cols */
.col_index_01 {
	float: left;
	width: 74.5833%; /* 716 */
	margin-top: 26px;
}
.col_index_02 {
	float: left;
	width: 25.4166%; /* 244 */
	padding-left: 1.6666%; /* 16 */
	margin-top: 26px;
}
.col_index_02:after, .col_index_02:after {
	clear: both;
	content: "";
	display: table;
}
article_recommend {
}
.article_recommend {
/zoom : 1;
}
.article_recommend:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
article_timeline {
}
article_timeline {
/zoom : 1;
}
article_timeline:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
.mod_index_article {
	float: left;
	height: 315px;
	margin-bottom: 26px;
	position: relative;
	color: #fff;
	overflow: hidden\9;
}
.mod_index_article {
/zoom : 1;
}
.mod_index_article:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
.mod_index_article a:link, .mod_index_article a:hover, .mod_index_article a:active, .mod_index_article a:visited {
	color: #fff;
	text-decoration: none;
}
/*
716 (  228 -> 31.8435%, 16 -> 2.2346%, 472 -> 65.9217% )
*/
.mod_index_article.col1-3rd {
	width: 31.8435%;
}
.mod_index_article.col2-3rd {
	width: 65.9217%;
}
.mod_index_article.col-1, .mod_index_article.col-3 {
	margin-left: 0;
	clear: left;
}
.mod_index_article.col-2, .mod_index_article.col-4 {
	margin-left: 2.2346%;
}
/* col1-3rd */
.mod_index_article.col1-3rd {
	background: rgba(0,0,0, 0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);/* IE用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";/* IE用 */
	min-height: 315px;
	height: 315px\9;
}
.mod_index_article.col1-3rd:not(:target) {
	filter: none;
	-ms-filter: none;
}
.mod_index_article.col1-3rd:hover {
	background: rgba(0,0,0, 0.7);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);/* IE用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";/* IE用 */
}
.mod_index_article.col1-3rd:hover:not(:target) {
	filter: none;
	-ms-filter: none;
}
.mod_index_article.col1-3rd .pic {
	height: 151px;
	overflow: hidden;
}
.mod_index_article.col1-3rd:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #000;
}
.mod_index_article.col1-3rd dl {
	/*  height:163px;*/
	min-height: 163px;
	/*  padding:10px 4.687% 2em;*/
	padding: 10px 4.687% 3em;
	position: relative;
}
.mod_index_article.col1-3rd dl dt {
	font-size: 128.6%; /* 18px */
	line-height: 1.4;
	word-break: break-all;
}
.mod_index_article.col1-3rd dl dd {
	font-size: 85.7%; /* 12px */
	line-height: 1.4;
}
.mod_index_article.col1-3rd dl dd.datetime {
	position: absolute;
	bottom: 18px;
	color: rgba(255,255,255, 0.7);
	margin-right: 50%;
	text-transform: uppercase;
}
.mod_index_article.col1-3rd dl dd.author {
	position: absolute;
	bottom: 10px;
	right: 60px;
	color: rgba(255,255,255, 0.7);
}
.mod_index_article.col1-3rd dl dd.photo {
	position: absolute;
	bottom: 0;
	right: 0;
}
/* col2-3rd */
.mod_index_article.col2-3rd {
	min-height: 315px;
	height: 315px\9;
}
.mod_index_article.col2-3rd dl {
	position: absolute;
	top: 0;
	z-index: 1;
	min-height: 315px;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(40%, rgba(0,0,0,0)), color-stop(60%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 ); /* IE6-9 */
	background: rgba(0,0,0, 0.3)\9;
}
.mod_index_article.col2-3rd dl:hover {
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(40%, rgba(0,0,0,0.5)), color-stop(60%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000', GradientType=0 ); /* IE6-9 */
	background: rgba(0,0,0, 0.5)\9;
}
.mod_index_article.col2-3rd dl {
	/*padding:35% 4.687% 15px;*/
	padding: 160px 2.118644068% 2em;
	min-height: 315px;
	height: 315px\9;
}
.mod_index_article.col2-3rd dl dt {
	font-size: 200%; /* 28px */
	line-height: 1.25;
}
.mod_index_article.col2-3rd dl dd {
	font-size: 85.7%; /* 12px */
	line-height: 1.4;
}
.mod_index_article.col2-3rd dl dd.datetime {
	position: absolute;
	bottom: 18px;
	color: rgba(255,255,255, 0.7);
	text-transform: uppercase;
}
.mod_index_article.col2-3rd dl dd.author {
	position: absolute;
	bottom: 10px;
	right: 60px;
	color: rgba(255,255,255, 0.7);
}
.mod_index_article.col2-3rd dl dd.photo {
	position: absolute;
	bottom: 0;
	right: 0;
}
.mod_index_article .pic {
}
.mod_index_article .pic img {
	width: 100%;
}
/* aside */
.col_index_aside01 {
}
.col_index_aside02 {
}
.mod_index_bnr {
	margin: 0 0 26px;
}
.mod_index_bnr img {
	width: 100%;
}
.mod_index_stock {
	background: rgba(0,0,0, 0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);/* IE用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";/* IE用 */
	padding: 35px 0;
	margin: 0 0 26px;
	border: none;
	width: 100%;
	color: #fff;
	width: 228px;
	min-height: 228px;
}
.mod_index_stock:not(:target) {
	filter: none;
	-ms-filter: none;
}
.mod_index_stock h2 {
	font-size: 128.6%;/*  18px */
	line-height: 1.3;
	text-align: center;
}
.mod_index_stock .scode {
	font-size: 85.7%;/*  12px */
	line-height: 1.3;
	text-align: center;
}
.mod_index_stock .pvalue {
	font-size: 342.8%;/*  48px */
	line-height: 1.3;
	text-align: center;
}
.mod_index_stock .points {
	font-size: 171.4%;/*  24px */
	line-height: 1.3;
	text-align: center;
	color: #76BF4C;
}
.mod_index_stock .date {
	font-size: 85.7%;/*  12px */
	line-height: 1.3;
	text-align: center;
}
.ticker {
	height: 250px;
}
.mod_index_news {
	background: #fff;
	padding: 30px 6.5789% 20px;
	margin: 0 0 26px;
}
.mod_index_news h2 {
	font-size: 114.3%;/*  16px */
	line-height: 1.4;
	padding-bottom: 20px;
	text-align: center;
}
.mod_index_news dl {
	font-size: 85.7%;/*  12px */
	line-height: 1.4;
}
.mod_index_news dt {
	margin: 0 0 5px;
}
.mod_index_news dd {
	margin: 0 0 15px;
}
.mod_index_news .mod_button_12c {
	text-align: center;
	padding-top: 5px;
}
.mod_index_fb {
	padding: 35px 6.5789% 20px;
	margin: 0 0 26px;
	background: rgba(0,0,0, 0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);/* IE用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";/* IE用 */
	border: none;
	color: #fff;
	height: 440px;/*ここ変更した。直したらコメントアウト消してください*/
	overflow: auto;
}
#facebook-feed {
	word-wrap : break-word;
}
.mod_index_fb:not(:target) {
	filter: none;
	-ms-filter: none;
}
.mod_index_fb h2 {
	font-size: 128.6%;/*  18px */
	line-height: 1.3;
	text-align: center;
	margin: 0 0 5px;
}
.mod_index_fb .fb-like {
	margin: 0 0 0 40px;
	width: 140px!important;
	height: 25px!important;
	overflow: hidden!important;
}
.mod_index_fb #facebook-feed {
}
.mod_index_fb #facebook-feed ul {
	margin: 0 0 15px;
}
.mod_index_fb #facebook-feed ul li {
	padding: 20px 0;
	/*	border-bottom:1px solid rgba(255,255,255, 0.5);*/
	font-size: 85.7% /* 12px */
}
.mod_index_fb #facebook-feed ul li span {
	color: rgba(255,255,255, 0.7);
}
.mod_index_fb .mod_button_12c {
	text-align: center;
	margin-bottom: 20px;
}
.extra table td span.pc {
	display: block;
}
.extra table td span.tb {
	display: none;
}

/******************************************************/
/* for Tablet                                         */
/* 600px-959px                                        */
/******************************************************/

@media only screen and (min-width: 600px) and (max-width: 959px) {
	/* 後で消す
    .extra table td span.pc {
    display: none !important;
    }
    .extra table td span.tb {
    display: block !important;
    }
    */
	#content {
		float: none;
		width: 100%;
		margin: 0;
	}
	/* article */
	.index_article {
		position: relative;
	}
	.photo {
	}
	.photo .pc {
		display: none;
	}
	.photo .smd {
		display: block;
	}
	.index_article_inner {
		position: static;
		top: inherit;
		left: inherit;
		width: 100%;
		margin: 0;
	}
	.article_data {
		padding: 30px 3.2552% 70px;
	}
	.article_data p {
	}
	.article_subtitle {
		padding: 0;
		margin-bottom: 20px;
	}
	.article_data .caption2 {
		overflow: visible;
		text-align: center;
	}
	.article_data .caption2 img {
		float: none;
		margin: 0;
		vertical-align: top;
	}
	.article_data .caption2 .caption2__subtitle {
		padding: 0;
		margin-top: -2px;
	}
	.article_data .caption {
		line-height: 1.2;
		margin: 0 0 15px;
	;
	}
	.article_data .caption a {
		font-size: 257.2%;/* 36px */
	}
	.article_data .summary {
		font-size:114.3%%;/* 16px */
		line-height: 1.6;
		text-align: left;
	}
	.article_data .tags {
		text-align: center;
	}
	.article_data .tags:before {
	}
	.article_data .tags span {
	}
	.read_more {
		text-align: center
	}
	/* 後で消す
    information TB
    .index_information {
    }
    .index_information_inner {
    width: 100%;
    padding: 0 3.2552%;
    }
    .btn_read-more {
    right: 3.2552%;
    }
    */
	.col_index_01 {
		float: none;
		width: 100%;
		padding: 0 3.2552%;
	}
	.col_index_02 {
		clear: both;
		float: none;
		width: 100%;
		padding: 0 3.2552% 60px;
	}
	.mod_index_article. col-1, .mod_index_article. col-2, .mod_index_article. col-3, .mod_index_article. col-4 {
		margin-left:0;
	}
	/* col1-3rd */
	.mod_index_article.col1-3rd {
		/*	  height:315px;*/
	}
	.mod_index_article.col1-3rd dl {
		/*	  height:163px;*/
		padding: 10px 4.687%;
		position: relative;
	}
	/* col2-3rd */
	.mod_index_article.col2-3rd {
		/*	  height:315px;*/
		overflow: hidden;
	}
	.mod_index_article.col2-3rd dl {
		position: absolute;
		top: 0;
		z-index: 1;/*	  height:315px;*/
	}
	.mod_index_article.col2-3rd dl {
		/*	  padding:35% 4.687% 15px;*/
	}
	/* aside */
	.col_index_02 {
	/zoom : 1;
		margin-top: 0;
	}
	.col_index_02:after {
		content : '';
		display : block;
		clear : both;
		height: 0;
	}
	.col_index_aside01 {
		width: 68.1564%;
		float: left;
	}
	.col_index_aside02 {
		float: right;
		width: 31.8435%;
	}
	.col_index_aside03 {
		float: right;
		width: 31.8435%;
	}
	.mod_index_bnr, .mod_index_stock, .mod_index_news {
		width: 46.5%;
		margin-right: 3.5%;
	}
	.mod_index_fb {
	}
	.mod_index_stock {
		float: left;
	}
	.mod_index_news {
		float: left;
		width: 97%;
	}
	.mod_index_bnr {
		width: 100%;
		min-height: 100%;/*ここ変更した。直したらコメントアウト消してください*/
	}
	.article_data ul {
		display: inline;
		list-style: none;
		margin: 0 0 5px;
		padding: 0;
		width: 100%;
		float: left;
		text-align: center;
	}
}

/******************************************************/
/* for SP                                             */
/* 320px-599px                                        */
/******************************************************/

@media only screen and (max-width:599px) {
	/* 後で消す
    .extra table td span.pc {
    display: none !important;
    }
    .extra table td span.tb {
    display: block !important;
    }
    */
	#content {
		float: none;
		width: 100%;
		margin: 0;
	}
	/* article */
	.index_article {
		position: relative;
	}
	.photo {
	}
	.photo .pc {
		display: none;
	}
	.photo .smd {
		display: block;
	}
	.index_article_inner {
		position: static;
		top: inherit;
		left: inherit;
		width: 100%;
		margin: 0;
	}
	.article_data {
		padding: 20px 5.625% 55px;
	}
	.article_data p {
		font-size: 100%;/* 14px */
	}
	.article_data .caption a {
		line-height: 1.4;
		margin-bottom: 20px;
		font-size: 200%;
	}
	.article_subtitle {
		padding: 0;
		margin-bottom: 15px;
	}
	.article_data .caption2 {
		overflow: visible;
		text-align: center;
	}
	.article_data .caption2 img {
		float: none;
		margin: 0;
		vertical-align: top;
	}
	.article_data .caption2 .caption2__subtitle {
		padding: 0;
		margin-top: -2px;
		font-size: 85.7%;/* 12px */
	}
	.article_data .summary {
		font-size:100%%;/* 14px */
		line-height: 1.6;
		margin-bottom: 20px;
	}
	.article_data .tags {
		font-size:85.7%%;/* 12px */
		line-height: 1.2;
		position: relative;
		text-align: center;
	}
	.article_data .tags:before {
		content : '';
		display : inline-block;
		width: 18px;
		height: 16px;
		background-image: url(/img/icon_tags2.png);
	}
	.article_data .tags span {
		margin: 0 5px;
	}
	.read_more {
		text-align: center;
	}
	/* information 後で消す
    .index_information {
    background: #405966;
    }
    .index_information_inner {
    width: 100%;
    }
    h2, .newest, .extra {
    }
    .extra {
    padding-top: 50px;
    }
    .index_information ul {
    }
    .index_information ul li {
    }
    .index_information h2 {
    width: 100%;
    background: #334752;
    height: 50px;
    padding: 0 2.08333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    }
    .btn_read-more {
    display: table-cell;
    width: 70px;
    height: 50px;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    }
    .btn_read-more a {
    display: block;
    vertical-align: top;
    height: 100%;
    width: 100%;
    background: url(/img/icon_read-more.png) no-repeat center center #334752;
    background-size: auto;
    color: rgba(0,0,0, 0);
    position: absolute;
    border-left: 1px solid #405966;
    }
    .btn_read-more a:hover {
    background: url(/img/icon_read-more.png) no-repeat center center rgba(0,0,0, 0.2);
    }
    .btn_read-more.opened a {
    background: url(/img/icon_read-more-close.png) no-repeat center center #334752;
    }
    .btn_read-more.opened a:hover {
    background: url(/img/icon_read-more-close.png) no-repeat center center rgba(0,0,0, 0.2);
    }
    .newest {
    display: table-cell;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    vertical-align: middle;
    padding: 55px 2.08333% 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }
    .newest p {
    display: inline;
    white-space: normal;
    }
    .newest p.hide {
    display: none;
    }
    .newestsp {
    height: 0;
    line-height: 0;
    color: #334752;
    display: none;
    }
    .extra table {
    width: 100%;
    padding: 0 2.08333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    }
    .extra table tr {
    width: 100%;
    }
    .extra table .date {
    width: 100%;
    clear: both;
    }
    .extra table .article {
    width: 100%;
    clear: both;
    }
    .extra table th {
    padding: 15px 2.08333% 0;
    border-bottom: none;
    line-height: 1.4;
    vertical-align: top;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    }
    .extra table td {
    padding: 0 2.08333% 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1.4;
    vertical-align: top;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    }
    */
	.col_index_01 {
		float: none;
		margin-top: 0;
		padding: 0;
	}
	.col_index_02 {
		clear: both;
		float: none;
		width: 100%;
		padding: 0;
	}
	.article_recommend, .article_timeline {
		margin: 0;
		padding: 0;
	}
	.mod_index_article.col1-3rd, .mod_index_article.col2-3rd {
		background: #fff !important;
		margin: 0 0 0 !important;
		padding: 15px 2.08333%;
		border-bottom: 1px solid #C8CDD2;
		color: #4C6471;
		float: none !important;
		clear: both;
		width: 100%;
		height: auto;
		min-height: 1px;
	}
	.mod_index_article a:link, .mod_index_article a:hover, .mod_index_article a:active, .mod_index_article a:visited {
		color: #4C6471;
	}
	.mod_index_article.col1-3rd .pic, .mod_index_article.col2-3rd .pic {
		height: auto;
		float: left;
		width: 28.125%;
	}
	.mod_index_article.col1-3rd dl, .mod_index_article.col2-3rd dl {
		position: static;
		height: auto;
		min-height: 1px;
		margin-left: 32.122%;
		width: 67.877%;
		padding: 0 2.094%;
		padding: 0;
		background: none;
	}
	.mod_index_article.col1-3rd dl, .mod_index_article.col2-3rd dl:hover {
		background: none;
		position: static;
		height: auto;
		min-height: 1px;
		margin-left: 32.122%;
		width: 67.877%;
		padding: 0 2.094%;
		padding: 0;
	}
	.mod_index_article.col1-3rd dl dt, .mod_index_article.col2-3rd dl dt {
		margin: 0;
		padding: 0;
		font-size: 114.3% !important;
		line-height: 1.4;
	}
	.mod_index_article.col1-3rd dl dd.datetime, .mod_index_article.col2-3rd dl dd.datetime {
		position: static;
		bottom: inherit;
		color: #4C6471;
	}
	.mod_index_article dl dd.author, .mod_index_article dl dd.photo {
		display: none;
	}
	.col_index_aside01 {
		margin: auto;
		float: none;
	}
	.csol_index_aside02 {
		width: 228px;
		margin: auto;
		float: none;
	}
	.mod_index_bnr, .mod_index_stock {
	}
	.mod_index_stock {
		float: none;
	}
	.mod_index_bnr {
		float: none;
	}
	.mod_index_news {
		background: #FFF;
		padding: 35px 6.5789% 20px;
		width: 228px;
		margin: 0 auto 26px;
	}
	.mod_index_bnr {
		float: none;
		width: 228px;
		margin: 0 auto 26px;
	}
	.mod_index_fb {
		display: none;
	}
	.col_index_01 {
		float: left;
		width: 100%;
		margin-bottom: 26px;
	}
	.mod_index_fb #facebook-feed ul {
	}
}
.mod_index_contents_title {
	background-color: rgba(255,255,255,0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77FFFFFF, EndColorStr=#77FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77FFFFFF,EndColorStr=#77FFFFFF)";
	color: #fff;
	float: left;
	width: 100%;
	margin-bottom: 25px;
	width: 715px\9;
}
.mod_index_contents_title:not(:target) {
	filter: none;
	-ms-filter: none;
}
.mod_index_contents_title .img {
	width: 278px;
}
.mod_index_contents_title p {
	float: left;
	padding: 20px 0 13px 20px;
	color: #333333;
}
.mod_index_contents_title .tx {
	margin-top: 13px;
}

@media only screen and (max-width:599px) {
	.read_more a {
		padding: 12px 10px;
	}
	.mod_index_contents_title {
		background: #fff;
		margin: 0;
		border-bottom: 1px solid #C8CDD2;
	}
	.mod_index_contents_title .img {
		padding: 40px 0 20px;
		margin: 0 auto;
		float: none;
		width: 210px;
	}
	.mod_index_contents_title .tx {
		display: none;
	}
}
@-moz-document url-prefix() {
	#footer {
		margin-bottom:-25px;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#footer {
		margin-bottom: -28px;
	}
}
/*----------------*
headline style
*-----------------*/
.headlineOuter {
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);/* IE用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";/* IE用 */
}
.headlineInner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.headline__heading {
	font-size: 100%;/* 14px */
	font-weight: bold;
	float: left;
	padding-right: 20px;
	padding-top: 14px;
}
.headlineTicker {
	width: 90%;
	height: 50px;
}
.headlineTicker__inner {
	position: relative;
	overflow: hidden;
	padding-top: 14px;
	height: 50px !important;
}
.headlineTicker__inner ul {
	width: 100%;
	position: relative;
}
.headlineTicker__inner ul li {
	display: none;
	height: 50px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.headlineTicker__inner ul li a {
	color: #fff;
	font-weight: normal;
}
.btn_readmore {
	background-image: url(../img/icon_read-more.png);
	background-color: rgba(0,0,0, 0.2);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);/* IE用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";/* IE用 */
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.btn_readmore.js-btn_opened {
	background-image: url(../img/icon_read-more-close.png);
}
.btn_readmore:hover, .btn_readmore.js-btn_opened:hover {
	background-color: rgba(0,0,0, 0.45);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);/* IE用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";/* IE用 */
}
.headlineList {
	display: none;
}
.headlineList ul li:first-child {
	border-top: 1px solid #888;
}
.headlineList ul li {
	padding: 10px 0;
	border-bottom: 1px solid #888;
	overflow: hidden;
}
.headlineList ul li .list__date {
	color: #ccc;
	float: left;
	width: 160px;
}
.headlineList ul li .list__title {
	color: #aaa;
	width: 800px;
	float: right;
}
.headlineList ul li .list__title a {
	color: #fff;
	font-weight: normal;
}
.btn_list__more {
	margin: 0 auto;
	padding: 20px 0;
	width: 200px;
	text-align: center;
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
	.headlineInner {
		width: 100%;
		padding: 0 3.2552%;
	}
	.btn_readmore {
		right: 3.2552%;
	}
	.headlineList ul li .list__date {
		width: 19%;
	}
	.headlineList ul li .list__title {
		width: 80%;
		padding-left: 1%;
	}
}

@media only screen and (max-width:599px) {
	.headlineOuter {
		background-color: #4b636d;
	}
	.headlineInner {
		width: 100%;
	}
	.headline__heading {
		float: none;
		height: 50px;
		padding-left: 2.08333%;
		background-color: #3c4f59;
	}
	.headlineTicker {
		width: 100%;
	}
	.js-tickerInnerSp {
		display: none;
	}
	.headlineTicker__inner {
		position: relative;
		overflow: hidden;
		padding: 0 2.08333%;
	}
	.headlineTicker__inner ul {
		width: 100%;
		position: relative;
		height: auto;
	}
	.headlineTicker__inner ul li {
		display: none;
		padding-top: 14px;
	}
	.headlineTicker__inner ul li a {
		color: #fff;
		font-weight: normal;
	}
	.btn_readmore {
		background-image: url(../img/icon_read-more.png);
		background-color: rgba(0,0,0, 0.2);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);/* IE用 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";/* IE用 */
		background-repeat: no-repeat;
		background-position: center center;
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.headlineList ul li:first-child {
		border-top: none;
	}
	.headlineList ul li {
		padding: 15px 2.08333%;
		border-bottom: 1px solid #627b88;
	}
	.headlineList ul li .list__date {
		width: 100%;
		float: none;
	}
	.headlineList ul li .list__title {
		width: 100%;
		float: none;
	}
	.btn_list__more {
		padding: 30px 0;
	}
}



.display-none{
	display:none;
}

@media only screen and (max-width:599px) {
	.col_index_aside02{width: 225px; margin:0 auto; }
}



/*TOPのMeetmore*/
.top_more_meet{
	margin-bottom: 26px;
}

.top_more_meet a{
	text-align:center;
	background-color: rgba( 0, 0, 0, 0.55 );
	display:block;
	margin:0 0 0 0;
	text-decoration:none;
	color:#fff;
	font-size: 135%;
	padding:1.5%;
}
.top_more_meet a:after{
	content:'　';
	background:url(/img/top_meet_more.png) no-repeat 7px 7px;
}


.top_more_meet a:hover{
	background-color: rgba( 0, 0, 0, 0.7 );
}




/* 動画 */

.ir_top07 h3.title{
	color:#4b636d;
	margin-bottom:3px;
	padding-top: 30px
}

.ir_top07 .section{
	width: 100%;
	margin: 0 auto;
}
@media only screen and (min-width: 959px) {
	.ir_top07 h3.title,
	.ir_top07 ul{
		padding-left: 20px;
	}
}
@media only screen and (max-width: 959px) {
	.ir_top07 .section{
		width: 90.625%;
		margin: 0 auto;
	}
}


.ir_top07{
	width: 100%;
	margin-top: 55px;
	margin-bottom: 40px;
	background-color: rgba(255,255,255,0.5);
	padding-bottom: 35px;
}
.ir_top07 ul li{
	width: 155px;
	float: left;
	margin-left: 19px;
}
.ir_top07 ul li img{width: 100%; margin-bottom: 10px;}
.ir_top07 ul li:first-child{
	margin-left: 0;
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
	.ir_top07{
		margin-top: 0px
	}
	.ir_top07 ul li{
		width: 48%;
		float: left;
		margin-right: 2%;
		margin-left: 0%;
		margin-bottom: 20px;
	}
	.ir_top07 ul li:first-child{
		margin-left: 0;
	}
	.ir_top07 ul li:nth-child(2n) {
		margin-right: 0;
		margin-left: 2%;
	}
}

@media only screen and (max-width: 599px) {
	.ir_top07{
		margin-top: 0px
	}
	.ir_top07 ul li{
		width: 48%;
		float: left;
		margin-right: 2%;
		margin-left: 0%;
		margin-bottom: 20px;
	}
	.ir_top07 ul li:first-child{
		margin-left: 0;
	}
	.ir_top07 ul li:nth-child(2n) {
		margin-right: 0;
		margin-left: 2%;
	}
}




.popMovieThumb{
	position:relative;
}
.popMovieThumb span.playIco{
	position:absolute;
	top:33%;
	left:41%;
	width:56px;
	height:56px;
	background:url(/ir/img/youtube_play.png) no-repeat left top;
	background:url(/ir/img/youtube_play_ie.png) no-repeat left top\9;
	background-size:56px auto;
	text-indent:-9999px;
}
.popMovieThumb span.playIco2{
	position:absolute;
	top:22%;
	left:30%;
	width:50px;
	height:50px;
	background:url(/ir/img/youtube_play2.png) no-repeat left top;
	background:url(/ir/img/youtube_play2_ie.png) no-repeat left top\9;
	background-size:50px auto;
	text-indent:-9999px;
}
.popMovieThumb span.playIco3{
	position:absolute;
	top:21.5%;
	left:33%;
	width:50px;
	height:50px;
	background:url(/ir/img/youtube_play2.png) no-repeat left top;
	background:url(/ir/img/youtube_play2_ie.png) no-repeat left top\9;
	background-size:50px auto;
	text-indent:-9999px;
}
.popMovieThumb:hover span.playIco,
.popMovieThumb:hover span.playIco2,
.popMovieThumb:hover span.playIco3{
	background-position: bottom;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
	.popMovieThumb span.playIco2{ top:30%; left:38%;}
	.popMovieThumb span.playIco3{ top:40%; left:43%;}
}
@media only screen and (max-width: 599px) {
	.popMovieThumb span.playIco2{ top:19%; left:30%;}
	.popMovieThumb span.playIco3{ top:19%; left:30%;}
}



.pctbKaigyo{display: block;}
.pctbOnly{display: block;}
.pcOnly{display: block;}
.tbOnly{display: none;}
.spOnly{display: none;}
.tbspNone{display: block;}



/*topslider*/
.unslider {
	overflow: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
.unslider-wrap {
	position: relative;
}
.unslider-wrap.unslider-carousel > li {
	float: left;
}
.unslider-vertical > ul {
	height: 100%;
}
.unslider-vertical li {
	float: none;
	width: 100%;
}
.unslider-fade {
	position: relative;
}
.unslider-fade .unslider-wrap li {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 8;
}
.unslider-fade .unslider-wrap li.unslider-active {
	z-index: 10;
}
.unslider ul, .unslider ol, .unslider li {
	list-style: none;
	/* Reset any weird spacing */
	margin: 0;
	padding: 0;
	border: none;
}
.unslider-arrow {
	position: absolute;
	left: 20px;
	z-index: 2;
	cursor: pointer;
	top:0%;
	margin-top: 17%;
}
.unslider-arrow.prev {
	right: auto;
	left: 10px;
	width: 60px;
	height: 60px;
	background:url(/img/top_slider_prev.png) no-repeat center center;
	background-size: 16px 32px;
	text-indent: -9999px;
}
.unslider-arrow.next {
	left: auto;
	right: 10px;
	width: 60px;
	height: 60px;
	background:url(/img/top_slider_next.png) no-repeat center center;
	background-size: 16px 32px;
	text-indent: -9999px;
}

.unslider-nav ol {
	width: 960px;
	margin: -40px auto 10px; height:30px; z-index: 9999; position: relative;
	list-style: none;
	text-align: right;
	z-index: 9999;
}
.unslider-nav ol li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #fff;
	cursor: pointer;
	text-align: left;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	margin-left: 15px;
}
.unslider-nav ol li.unslider-active {
	background: #4c8dcb; cursor: default;
}


@media only screen and (min-width: 600px) and (max-width: 959px) {
	.unslider-nav ol {
		width: 100%;
		margin: 0;
		position: absolute;
		bottom: 20px;
		text-align: center;
	}
	.unslider-nav ol li{margin:0 7.5px;}
	.unslider-arrow { top:0%; margin-top: 30%;}
}

@media only screen and (max-width:599px) {
	.unslider-nav ol {
		width: 100%;
		margin: 0;
		position: absolute;
		bottom: 10px;
		text-align: center;
	}
	.unslider-nav ol li{margin:0 7.5px;}
	.unslider-arrow { top:0%; margin-top: 28%;}
}



/*add 201703 */
.mod_index_contents_title .img2{
	width: 205px;
}
@media only screen and (max-width:599px) {
	.mod_index_contents_title .img2 {padding: 20px 0 20px;margin: 0 auto;float: none;width: 170px;}
}
.topRamdom{
	width:733px;
	margin-left: -17px;
	margin-bottom: 50px;
	float: left;
}
.topRamdom .article{
	background-color: rgba(255,255,255,0.3);
}
.topRamdom .article:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.topRamdom .col_08_1{
	width: 228px;
	margin:0 0 0 16px;
	padding:0;
}
.topRamdom .col_08_1 .info{
	padding: 10px;
}
.topRamdom .col_08_1 .lead{
	line-height: 1.6;
	font-size: 114.3% !important;
}
.topRamdom .col_08_1 .lead a{
	color: #333333;
	text-decoration: none;
}
.topRamdom .col_08_1 .date{
	padding-top: 20px;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
	.topRamdom{
		width:102%;
		margin-left:-1%;
	}
	.topRamdom .col_08_1{
		width: 31.3%!important;
		margin:0 1% 0 1%!important;
		padding:0%!important;
		box-sizing: border-box;
	}
}

@media only screen and (max-width:599px) {
	.topRamdom{
		width:100%;
		margin-left: 0px;
		background: #fff;
		float: left;
		margin-bottom: 0px;
	}
	.topRamdom .col_08_1{
		width: 100%;
		margin:0 0 0 0%;
		padding: 10px 3.2552%;
		border-bottom: 1px solid #C8CDD2;
	}
}

@media only screen and (max-width: 599px) {
	.topRamdom .col_08_1 .pic{
		height: auto;
		float: left;
		width: 28.125%;
		padding-top: 5px;
	}
	.topRamdom .col_08_1 .info{
		overflow: auto;
		zoom: 1;
		padding:0 0 0 10px;
	}
	.topRamdom .col_08_1 .info .lead.{
		line-height: 1.4!important;
		font-size: 114.3% !important;
		height: auto!important;
	}
	.topRamdom .col_08_1 .date{
		padding-top: 0px;
	}
	.topRamdom .col_08_1 .info .lead a{
		color: #4c6471;
	}


}




/*201707*/
.top_trend{
	width: 100%;
	margin-top: 55px;
	margin-bottom: 40px;
	background-color: rgba(0,0,0,0.5);
	padding-bottom: 35px;
	color: #fff;
	overflow: hidden;
}
.top_trend .section{
	width: 100%;
	margin: 0 auto;
}
.top_trend h3{
	width: 715px;
	font-size: 157%;/*22px*/
	color: #fff;
	text-align: center;
	padding-top: 15px;
	font-weight: bold;
}
.top_trend ul{
	padding:10px;
}
.top_trend ul li{
	width: 211px;
	float: left;
	padding:0 10px 10px;
	border-right:1px solid rgba(255,255,255,0.2);
	box-sizing: content-box;
}
.top_trend ul li:nth-child(4n) {
	border-right:none;
}
.top_trend ul li .tag{
	font-size: 114%;
	text-align: center;
	padding-bottom: 14px;
}
.top_trend ul li .tag a{
	color: #fff;
	text-decoration: none;
}
.top_trend ul li .date{
	font-size: 84%;
	padding-top: 10px;
	color: rgba(255,255,255,0.7);
}
.top_trend ul li .img{
	margin-bottom: 10px;
}
.top_trend ul li .img a img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.top_trend ul li .linkArea:hover .img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.top_trend ul li .tx a{
	font-size: 114%;
	color: #fff;
	text-decoration: none;
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
	.top_trend ul li{
		width: 33.3333%;
		float: left;
		padding:0 10px 10px;
		border-right:1px solid rgba(255,255,255,0.2);
		box-sizing: border-box;
	}
	.top_trend h3{width: 100%;}
}

@media only screen and (max-width: 599px) {
	.top_trend{
		margin-top: 55px;
		margin-bottom: 60px;
		background-color: rgba(0,0,0,0.5);
		padding-bottom: 15px;
		color: #fff;
	}
	.top_trend .section{
		width: 100%;
		margin: 0 auto;
		padding: 0 2.08333%;
		box-sizing: border-box;
	}
	.top_trend h3{width: 100%;}
	.top_trend ul{
		padding:0px;
	}
	.top_trend ul li{
		width: 100%;
		padding:10px 0px 10px;
		border-right:none;
		box-sizing: border-box;
		border-bottom:1px solid rgba(255,255,255,0.2);
		height: auto!important;
		margin-bottom: 5px;
	}
	.top_trend ul li:last-child{
		border-bottom:none;
	}
	.top_trend ul li .img{
		margin-bottom: 15px;
		width: 28.125%;
		float: left;
		margin-right: 3.997%;
		padding-top: 6px;
	}
	.top_trend ul li .tag{
		float: right;
		width: 67.848%;
		text-align: left;
		padding-bottom:5px;
		font-size: 84%;
	}

	.top_trend ul li .tx,
	.top_trend ul li .date{
		float: right;
		width: 67.848%;
	}
	.top_trend ul li .date{
		padding-top: 0px;
	}
	.top_trend ul li .tx{
		line-height: 1.4;
	}
	.top_trend ul li .tx a{
		height: auto!important;
	}
}