/*------------------------------------------
  news
------------------------------------------*/

body.news {
	background: url(../img/bg/bg_dot01.png),
				url(../img/bg/bg_header01.png) repeat center top;
	color: #fff;
}

body.news h1 {
	text-align: center;
}

.mt40{
	margin-top: 40px;
}

/*
	記事
---------------------------*/
.box_topic {
	max-width: 840px;
	padding: 60px 0 20px;
	margin: 0 auto;
}
.box_topic a{
	color: #fcfc08;
}
.box_topic * {
	font-size: 14px;
	line-height: 2;
}

.box_topic .heading {
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: 1px solid #fff;
}
.box_topic .heading .date {
	color: #fcfc08;
}
.box_topic .heading h2 {
	font-size: 18px;
}

.box_topic .detail a {
	word-break: break-all;
}

.box_topic .box {
	display: block;
	padding: 25px 20px;
	background: rgba(0,0,0,0.2);
	border: 1px solid #fff;
}

.box_topic .ttl {
	display: inline-block;
	padding: 3px 5px;
	margin-bottom: 15px;
	background: #000;
	line-height: 1.7;
}

.box_topic .btn {
	display: inline-block;
	padding: 2px 2em;
	background: #fff;
	border: 2px solid #000;
	color: #000;
	font-weight: bold;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}
.box_topic .btn:hover, .box_topic .btn:active {
	background: #fd0066;
	border-color: #fd0066;
	color: #fff;
	opacity: 1;
}

.box_topic .box_movie {
	position: relative;
	width: 80%;
	padding-top: 45%;
}

.box_topic .box_movie iframe, .box_topic .box_movie video {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	body.news {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}

	body.news h1 {
		margin-top: 108px;
	}

	.box_topic {
		width: auto;
		padding: 0 12px;
	}
	.box_topic:not(:first-child) {
		padding: 12% 12px 0;
	}

	.box_topic .heading {
		margin-bottom: 20px;
	}

	.box_topic .detail img {
		width: 100%;
	}

	.box_topic .box {
		padding: 20px 12px;
	}

	.box_topic .box_movie {
		width: 100%;
		padding-top: 56.25%;
	}
}