@charset "UTF-8";
/*
京都アニメーション
Copyright (C) Kyoto Animaion Co.,Ltd. All Rights Reserved.
*/

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

/* ---------- cd ---------- */

.cdLink {
	display: block;
	text-decoration: none;
	background-color: rgba(255,255,255,0.7);
	-webkit-transition: .5s ease-out;
	-moz-transition: .5s ease-out;
	transition: .5s ease-out;
}
.cdLink:hover, #cd .cdSideCur {
	background-color: rgba(197,255,253,0.7);
}
.cdContents {
	float: left;
	position: relative;
	width: 640px;
	height: 100%;
	margin-right: 20px;
}
.cdContents .cdLink {
	padding: 20px 10px;
	border-bottom: 1px #00a2ff solid;
}
.cdContents .date {
	display: none;
}
.cdContents .state {
	display: table-cell;
	width: 70px;
	height: 70px;
	vertical-align: middle;
}
.cdContents .cdLink h3 {
	display: table-cell;
	width: 360px;
	padding: 0 30px 0 20px;
	color:#00a2ff;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2em;
	vertical-align: middle;
}
.cdContents .cdLink h3 span {
	display: block;
}
.cdContents .thumb {
	display: table-cell;
	width: 180px;
	height: 90px;
	vertical-align: middle;
}
.cdSideList {
	float: left;
	width: 200px;
	height: 100%;
}
.cdSideList .cdLink {
	padding: 10px;
}
.cdSideList h3 {
	font-size: 125%;
	font-weight: bold;
}
.cdSideList .date {
	color: #6a88a9;
	font-size: 92%;
}
.cdSideList .state, .cdSideList .thumb {
	display: none;
}
.cdTitle {
	display: table;
}
.cdTitle .title {
	display: table-cell;
	padding-left: 20px;
	color:#00a2ff;
	font-size: 184%;
	font-weight: bold;
	line-height: 1.2em;
	vertical-align: middle;
}
.cdDetail {
	padding: 15px 20px;
}
.cdDetail ul {
	width: 584px;
	height: 30px;
}
.cdDetail ul li {
	width: 192px;
	float: left;
	font-size: 125%;
	text-align: center;
}
.cdCaption {
	font-size: 150%;
	font-weight: bold;
}
.cdImg {
	margin: 15px 0;
}
.cdImg img {
	border: 1px #00a2ff solid;
}
.cdInfo {
	margin: 10px 0;
	font-size: 133%;
}
.cdInfo dt {
	float: left;
}
.cdInfo dd {
	padding-left: 5em;
}
.cdNotice {
	margin: 10px 0;
}
.cdNotice li {
	text-indent: -1em;
	padding-left: 1em;
}