@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : add.css
Description : 個別番組用
===================================================================== */

/* 0415放送用 */

.bn-box {
		border: 2px solid #204495;
		border-radius: 10px;
		background-color: #fff;
		padding: 2em;
		line-height: 2;
		width: 86%;
		margin: 4rem auto 0;

}

.bangumi-logo {
 width: 55%;
margin:0 auto;
}

.sub-title {
	font-size:2rem;
	font-weight: 700;
	line-height:4rem;
	text-align: center;
	background-color: #000;
	color: #fff;
	width: 15em;
	margin:1rem auto;
	padding: 1rem;
	font-family:sans-serif;
}

.change-movie {
	width: 100%;
	margin:3rem auto;
	position: relative;

}

.btn-nav {
	display: flex;
	flex-direction:row;
flex-wrap:wrap;
justify-content: center;
}
.btn-nav button {
display:block;
width: 30%;
color: #000;
font-size:1.6rem;
border-radius: 1rem;
text-align: center;
margin:.5rem;
}
.btn-title {
	font-size:3rem;
	font-weight: 700;
	text-align: center;
}
.akiyama {
	background-color: #4efe4e;
}
.takeuchi {
	background-color: #fd7ca7;
}
.aozora {
	background-color: #ffff4d;
}
.iwahashi {
	background-color: #6894ff;
}
.rosshy {
	background-color: #af78ff;
}

@media screen and (min-width: 768px) {
.bn-box {
	width: calc(1060 / 1920 * 100%);
	margin: 6rem auto 6rem;
	padding: 2em 4em;
	border: 4px solid #204495;
}
.bangumi-logo {
	width: 300px;
}
}