@charset "utf-8";

.container {
	background:url(../img/bg.jpg) center top;

}

.container h1 {
	width:128px;
	margin:0 auto;
}
.container h1 img {
	width:100%;
}

.container dl {
	margin:60px 0 0;
}

.container dt {
	padding:80px 0 20px;
	font-size:20px;
	font-family: 'Crimson Text', serif;
	color:#fff;
}

.container dt:nth-of-type(1) {
	margin-top:-80px;
}

.container dt span {
    display: flex;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
	letter-spacing:2px;
}

/*.container dt span:before,*/
.container dt span:after {
    border-top: 1px solid rgba(255,255,255,0.5);
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}

/*.container dt span:before {
    margin-right: 0.5em;
}*/

.container dt span:after {
    margin-left: 1em;
}

.container dd {
	padding:0;
	font-size:14px;
	color:#fff;
	line-height:1.5em;
}
.container dd:nth-last-of-type(1) {
	padding:0;
}

.container dd h2 {
	margin:0 0 20px;
	font-size:24px;
	line-height:1.4em;
}

@media screen and (max-width: 768px) {

.container dd {
	font-size:13px;
}
.container dd h2 {
	font-size:20px;
}

}

.container dd a {
	color:#f9be00;
	text-decoration:none;
}

.container dd .pub a {
    color:#000;
    text-decoration:underline;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;	
}

.container dd .pub a:hover {
    color:#40a;
}

.container dd span{
	color:#eed405;
}


.repeat_table {
	width:100%;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:5px 5px;
}

.repeat_table th,td {
	padding:10px;
	color:#fff;
	text-align:center;
}
.repeat_table th {
	background:#3C2578;
}
.repeat_table td {
	border:none;
	background:rgba(255,255,255,1);
	color:#27293d;
	line-height:1.6em
}

.container .caption {
	width:100%;
	margin:10px auto 20px;
	color:#fff;
	font-size:12px;
	text-align:right;
}


.stitle {
	font-size:115%;
	font-weight:400;
	letter-spacing:2px;
}
.stitle2 {
	font-size:100%;
	font-weight:400;
	letter-spacing:2px;
}
.stitle > span {
	font-size:90%;
	font-weight:400;
	color:#fff !important;
}
	
.kanbai {
	color:#ef2332 !important;
}

.item {
	text-indent:-1em;
	margin-left:1em;
}
.list {
	display:inline-block;
}


.soundtrack_set {
	display:flex;
	margin:30px 0 0;
	flex-wrap: wrap;
}
.soundtrack_set .cover {
	width:40%;
	margin:0;
}
.soundtrack_set .cover img {
	display:block;
	width:94%;
}
.soundtrack_set .data {
	width:60%
}

@media screen and (max-width: 480px) {
.soundtrack_set .cover {
	width:100%;
	margin:0 0 20px;
}
.soundtrack_set .cover img {
	width:100%;
}
.soundtrack_set .data {
	width:100%
}
}

a.btn {
	display:block;
	width:22em;
	margin:0;
	padding:3px;
	text-align:center;
	border:1px solid #fff;
	color:#fff !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
a.btn:hover {
	color:#f9be00 !important;
	border:1px solid #f9be00;
}

@media screen and (max-width: 480px) {
a.btn {
	width:96%;
	margin:0 auto;
}

}