@charset "utf-8";

body {

}
#contents {
	position: absolute;
	top: 111px;
}
#keyvisual {
	position: relative;
	margin: -111px auto 0 auto;
	width: 1200px;
	height: 1450px;
}
#keyvisual span {
	display: none;
	position: absolute;
}
#character {
	top: 109px;
	left: -148px;
	z-index: 100;
	width: 906px;
	height: 1154px;
	background: url(/images/keyvisual-chara-img01-pc.png) center top no-repeat;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

#title {
	position: relative;
	z-index: 500;
	display: none;
	margin: 0 0 30px 532px;
	width: 660px;
	height: 541px;
}
#title h1 {
	text-align: center;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
}
#title p {
	display: block;
}

#cover_caption {
	position: relative;
	z-index: 500;
	display: none;
	position: absolute;
	top: 930px;
	left: 5px;
	width: 261px;
	height: 34px;
	background: url(/images/cover_note-pc.png) center top no-repeat;
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-o-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
}

#main_banner {
	position: relative;
	z-index: 500;
	display: none;
	margin: 0 0 47px 570px;
	-webkit-animation-delay: 3.2s;
	animation-delay: 3.2s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
#main_banner ul li{
	margin-bottom:10px;
}
#main_banner a:hover {
	opacity: 0.85!important;
}

#news {
	position: relative;
	z-index: 500;
	display: none;
	margin: 0 0 0 600px;
	width: 500px;
	-webkit-animation-delay: 3.4s;
	-moz-animation-delay: 3.4s;
	-o-animation-delay: 3.4s;
	animation-delay: 3.4s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
#news h2 {
	text-align: center;
}
#news dl dt {
	color: #727292;
	font-weight: bold;
}
#news dl dd {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #999;
}


#twitter_timeline {
	display: none;
	margin: 0 0 60px 600px;
	width: 500px;
	-webkit-animation-delay: 3.6s;
	animation-delay: 3.6s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
#twitter_note {
	margin: -20px 0 0 0;
	text-align: center;
	line-height: 1;
}
#twitter_timeline h2 {
	text-align: center;
}

.mini_contents {
	padding: 25px 0 0 20px;
	width: 500px;
	height: 190px;
	background: url(/images/mini-contents-bg01-pc.png) center top no-repeat;
}
.mini_contents strong {
	color: #00a06f;
}
.mini_contents .inner {
	width: 480px;
	height: 140px;
	overflow: auto;
}

.mini_contents .inner dl {
	padding: 0 15px;
}

#footer {
	display: none;
}


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

html {
	background: none;
	background-size: contain;
}
#contents {
	position: relative;
	top: 0;
	background: none;
}
#keyvisual {
	display: none;
}
#character_bg {
	display: none;
	position: absolute;
	width: 100%;
	background: none;
}
#character {
	position: absolute;
	width: 100%;
	background: none;
}
#cover_caption {
	display: none !important;
}

#title {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	background: none;
}
#title h1 {
	display: block;
	margin: 0;
	padding: 0;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

#main_banner {
	display: block !important;
	margin: 20px auto;
	width: 96%;
}

#news {
	display: block;
	margin: 0 10px 20px 10px;
	width: auto;
}
#news h2 {
	margin: 0 auto;
	width: 56%;
	text-align: center;
}
#news dl dt {
	color: #727292;
	font-weight: bold;
}
#news dl dd {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #999;
}


#twitter_timeline {
	display: block;
	margin: 0 10px 50px 10px;
	width: auto;
}
#twitter_note {
	margin: 3px 0 0 0;
	text-align: center;
	line-height: 1;
}
#twitter_timeline h2 {
	margin: 0 auto;
	width: 56%;
	text-align: center;
}

.mini_contents {
	margin: 0;
	padding: 0;
	width: auto;
	height: 250px;
	background: none;
	background-color: rgba(255, 255, 255, 0.3);
	background-image: url(/images/mini-contents-courner-bg01-sp.png), url(/images/mini-contents-courner-bg02-sp.png), url(/images/mini-contents-courner-bg03-sp.png), url(/images/mini-contents-courner-bg04-sp.png);
	background-position: left top, right top, left bottom, right bottom;
	background-repeat: no-repeat;
	background-size: 22px 22px;
	border: 2px solid #b8a050;
}
.mini_contents .inner {
	margin: 3px;
	padding: 22px 0;
	width: auto;
	height: 198px;
	border: 1px solid #b8a050;
	overflow: hidden;
}
.mini_contents .sp_inner {
	margin: 0;
	padding: 0 10px;
	height: 198px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#footer {
	display: block;
}

.mini_contents .inner dl {
	padding: 0;
}
}

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