<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, figure, img{margin: 0;padding: 0;}
ul,ol{list-style: none;}
img{vertical-align: middle;}

/* ----- structure ----- */
.contentsWrapper{
	background: linear-gradient(to right, #fff 0%, #fff 33%, #af1f24 33%, #af1f24 66%, #231816 66%) repeat-x center top, url(./img/bg.jpg) repeat-x center top;
	background-size: 75px 76px, 512px auto;
}
.container{
	width: 960px;
	margin: 0 auto;
}
.mainContents{
	position: relative;
	width: 616px;
	padding-bottom: 230px;
	font-family: "Sawarabi Mincho";
}
#topBtn{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 73px;
	height: 55px;
	background: url(./img/btn_top.png) no-repeat 0 0;
	background-size: 73px 55px;
}
.sideDodora{
	display: none;
}
@media screen and (min-width: 768px) {
	#topBtn:hover{
		opacity: .9;
		cursor: pointer;
	}
}
@media screen and (max-width: 1280px) {
	.container{
		width: 1024px;
	}
	.mainContents{
		width: 700px;
	}
}
@media screen and (max-width: 768px) {
	.contentsWrapper{
		background: none;
	}
	.container{
		width: 100%;
	}
	.mainContents{
		width: 100%;
		padding: 0 2.5% 70px;
		box-sizing: border-box;
	}
	.sideContents{
		padding-top: 0;
	}
}

/* header */
.header{
	position: relative;
	overflow: hidden;
	width: 960px;
	margin: 0 auto 40px;
}
.headerLogo{
	position: absolute;
	bottom: 44px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: 572px;
}
.headerOa{
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: 496px;
}
@media screen and (max-width: 768px) {
	.header{
		width: 100%;
		margin-bottom: 20px;
	}
	.headerLogo{
		bottom: 14%;
		width: 61%;
	}
	.headerOa{
		bottom: 2.5%;
		width: 80%;
	}
}

/* maincontents */
.sectionTitle{
	padding: 10px 0 7px;
	border-bottom: 1px solid #a39200;
	color: #a39200;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	background: url(./img/title_bg.png) no-repeat 14px bottom;
	background-size: 63px auto;
}
.cast{
	margin-bottom: 70px;
}
.cast .sectionTitle{
	margin-bottom: 6px;
}
.cast ul{
	font-size: 24px;
	text-align: center;
	line-height: 2;
}
.introduction{
	margin-bottom: 40px;
}
.introduction .sectionTitle{
	margin-bottom: 12px;
}
.introduction p{
	margin-bottom: 44px;
	font-size: 16px;
	line-height: 2.5;
}
.commentBox{
	margin-bottom: 78px;
}
.commentBox .sectionTitle{
	margin-bottom: 32px;
}
.commentBox figure{
	margin-bottom: 24px;
	text-align: center;
}
.commentBox p{
	font-size: 16px;
	line-height: 2.5;
}
.present p{
	margin-bottom: 30px;
	line-height: 1.25;
	font-size: 20px;
}
.present p span{
	color: #c20000;
}
.present a{
	display: block;
	max-width: 290px;
	margin: 0 auto;
}
.bottomBnr{
	padding-top: 50px;
	border-top: 1px solid #a39200;
}
.bottomBnr a{
	display: block;
	max-width: 450px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.sectionTitle{
		padding: 10px 4px 2px 58px;
		font-size: 20px;
		text-align: left;
		background-position: 7px bottom;
		background-size: 50px auto;
	}
	.cast{
		margin-bottom: 5%;
	}
	.cast .sectionTitle{
		margin-bottom: 0;
	}
	.cast ul{
		font-size: 20px;
	}
	.introduction{
		margin-bottom: 4%;
	}
	.introduction .sectionTitle{
		margin-bottom: 6px;
	}
	.introduction p{
		margin-bottom: 20px;
		line-height: 2;
	}
	.commentBox{
		margin-bottom: 6%;
	}
	.commentBox .sectionTitle{
		margin-bottom: 16px;
	}
	.commentBox figure{
		margin-bottom: 8px;
		padding: 0 10%;
	}
	.commentBox p{
		line-height: 2;
	}
	.present p{
		margin-bottom: 20px;
		line-height: 1.5;
		font-size: 18px;
	}
	.bottomBnr{
		padding-top: 25px;
	}
}</pre></body></html>