@charset "utf-8";

#kaihen {
	background-size: 12px 12px, 100% 100%;
	line-height: 1.7;
	background-color: #f4f4f4;
}
#kaihen .clrTxt {
	text-indent:-10000px;
	text-decoration:none;
	overflow:hidden;
    position:absolute;
}
#kaihen .sp{
	display: none;
}
#kaihen #wrap {
	position:relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
#kaihen .header{
	display:block;
	margin:0 auto;
}
#kaihen .flex_wrap{
	background: #FFF695;
}
#kaihen .flex_wrap:after{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 50px;
	background: url("../images/202507/wave.png") no-repeat;
	background-size: cover;
}
#kaihen .flex_wrap_sub{
	background: url("../images/202507/sub_bg.jpg") no-repeat;
	background-size: cover;
	padding: 7% 0 3%;
}
#kaihen .flex_inner{
	width: 93%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}

#kaihen .drama_image{
	width: 48.7%;
	margin-bottom: 2%;
}
#kaihen .subdrama_image{
	width: 31.7%;
	margin-bottom: 2%;
}
#kaihen .drama_image:hover,.subdrama_image:hover{
	opacity:0.5;
	transition:0.4s;
}

#kaihen .archive{
	background: #913e20;
	padding: 2%;
	font-weight:bold;
}
#kaihen .archive_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
h2 {
	text-align:center;
	font-size:2.5rem;
	color: #ffffff;
} 
#kaihen .kaihen_btn_main{
    display: block;
    text-align: center;
	padding:1.5% 0;
	margin:1% auto 2.5%;
	font-size: 2.5rem;
    width: 40%;
    color: #913e20;
    border-radius:5px;
	background-image: linear-gradient(0deg, #fff826 10%, rgba(255, 255, 255, 1) 90%);
}
#kaihen .kaihen_btn{
	display: block;
	margin: 0.6%;
	width: 23.8%;
	padding: 0.7% 0;
	text-align: center;
	font-size: 1.8rem;
	color: #913e20;
	background-color: #ffffff;
	border-radius:5px;
}
#kaihen .kaihen_btn_main:hover{
	opacity:0.8;
	transition:0.3s;
}
#kaihen .kaihen_btn:hover{
	opacity:0.8;
	transition:0.3s;
}
#footer {
	margin:0 !important;
}