@charset "utf-8";
/* CSS Document */


/* core	================================================	*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	line-height: 1.5em;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

br{
	letter-spacing:0;
}

img {
	vertical-align: bottom;
}
/* Clearfix */
.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-Mac */

html, body {
	width:100%;
	height:100%;
}

body {
	font-family:"メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", sans-serif;
	background: #000000;
}

a {
	color: #ff39aa;
	text-decoration: none;
	font-size:15px;
}

a:hover {
	text-decoration: underline;
}



#footer {
	text-align: center;
	color:#D7D7D7;
	padding:10px 0 20px;
	font-size: 14px;
}
.modal-content {
	width: 98%!important;
	height: 90%;
	background-image: url(../images/secondary/common/bg_modal_frame_top.png), url(../images/secondary/common/bg_modal_frame_bottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	background-size: 100% auto, 100% auto;
}
.modal-content .inner {
	width: auto;
	height: auto;
	padding: 0;
	margin: 58px 0;
	overflow: auto;
	background-image: url(../images/secondary/common/bg_modal_frame_repeat.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
}
.modal-content .inner .content-area {
	position: relative;
	width: 84%;
	padding: 0 8%;
	margin: 0;
	overflow: auto;
}
.modal-content .inner .content-area img {
	width: 100%;
}
.modal-content .inner .modal-close-btn {
	position: absolute;
	top: 16px;
	right: 13px;
	width: 12%;
}
.modal-content .inner .modal-close-btn img {
	width: 100%;
}

/* header
------------------------------------------------*/
.headerWrap {
	background: url(../images/common/bg_header.png) no-repeat center top;
	background-size:contain;
	position: relative;
	height: 70px;
}
.headerWrap #burgerMenuBtn {
	position: fixed;
	top: 16px;
	right: 10px;
	width: 55px;
	z-index: 20;
}
.headerWrap #burgerMenuBtn img {
	width: 100%;
}

/* burgerMenu
------------------------------------------------*/
#burgerMenu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000 url(../images/common/bg_burger_menu.jpg) no-repeat center top;
	z-index: 19;
}
#burgerMenu .menu {
	margin-top: 70px;
}
#burgerMenu .menu img {
	width: 100%;
}
body.top #burgerMenu .menu li.top {
	display: none;
}

/* navBottom
------------------------------------------------*/
.navBottom {
	background-image: url(../images/secondary/common/bg_content_border_bottom.png), url(../images/secondary/common/bg_bottom.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: center bottom, center bottom;
	background-size: 100% auto, 100% auto;
	padding: 30px 3% 20px;
}
.navBottom .nav li {
	margin-bottom: 1%;
}
.navBottom .nav li img {
	width: 100%;
}
body.top .navBottom .nav li.top {
	display: none;
}
.navBottom .sns-btn {
	position: relative;
}
.navBottom .sns-btn ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
}
.navBottom .sns-btn ul li {
	margin:7% 10px 4%;
	width: 13%;
}

/* body.secondary
------------------------------------------------*/
body.secondary .site-logo-area {
	position: relative;
	z-index: 10;
	margin-bottom: 20px;
}
body.secondary .site-logo-area img {
	width: 100%;
}
body.secondary .secondary-contents-area .frame-area {
	background-image: url(../images/secondary/common/bg_local_navi_ornament_top.png), url(../images/secondary/common/bg_content_border_top.png), url(../images/secondary/common/bg_content_border_bottom.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: center top, center top, center bottom;
	background-size: 100% auto, 100% auto, 100% auto;
	padding-top: 12%;
	padding-bottom: 18px;
}
body.top.secondary .secondary-contents-area .frame-area {
	background-image: url(../images/secondary/common/bg_content_border_top.png), url(../images/secondary/common/bg_content_border_bottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	background-size: 100% auto, 100% auto;
	padding-top: 5%;
}
body.secondary.episode .secondary-contents-area .frame-area,
body.secondary.character .secondary-contents-area .frame-area,
body.secondary.onair .secondary-contents-area .frame-area,
body.secondary.music .secondary-contents-area .frame-area {
	background-image: url(../images/secondary/common/bg_local_navi_ornament_top_2.png), url(../images/secondary/common/bg_content_border_top.png), url(../images/secondary/common/bg_content_border_bottom.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: center top, center top, center bottom;
	background-size: 100% auto, 100% auto, 100% auto;
	padding-top: 15%;
}
body.secondary .secondary-contents-area .content-area {
	background-image: url(../images/secondary/common/bg_repeat_frame.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	padding: 20px 0;
}
body.secondary.news.detail .secondary-contents-area .content-area,
body.secondary.music .secondary-contents-area .content-area {
	padding: 20px 15px;
}
body.secondary.news.detail .secondary-contents-area .content-area .youtubeWrap {
	position: relative;
  width: 100%;
  padding-top: 56.25%;
	margin: 10px 0;
}
body.secondary.news.detail .secondary-contents-area .content-area .youtubeWrap iframe {
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
body.secondary .secondary-contents-area .frame-area {
	position: relative;
}
body.secondary .secondary-contents-area .frame-area .local-navi-area {
	background-image: url(../images/secondary/common/bg_local_navi_ornament_bottom.png), url(../images/secondary/common/bg_local_navi_border.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center bottom, center bottom;
	background-size: 100% auto, 100% auto;
	padding-bottom: 10.2%;
	margin-bottom: 5px;
}
body.secondary .secondary-contents-area .frame-area .local-navi-area .local-navi {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 1%;
}
body.secondary .secondary-contents-area .frame-area .local-navi-area .local-navi li {
	width: 49%;
	margin-right: 1%;
	margin-bottom: 0.5%;
}
body.secondary .secondary-contents-area .frame-area .local-navi-area .local-navi li:last-child {
	margin-right: 0;
}
body.secondary .secondary-contents-area .frame-area .local-navi-area .local-navi li a img {
	width: 100%;
}
body.secondary .secondary-contents-area .frame-area .local-navi-area .local-navi li a.active img {
	opacity: 0;
}
body.secondary .secondary-contents-area .frame-area .local-navi-area .local-navi li a {
	display: block;
}
body.secondary.news .secondary-contents-area .frame-area .local-navi-area .local-navi li.all a.active {
	background:url(../images/secondary/news/btn_localnavi_1_on.png) no-repeat center center;
	background-size: contain;
}
body.secondary.news .secondary-contents-area .frame-area .local-navi-area .local-navi li.other a.active {
	background:url(../images/secondary/news/btn_localnavi_2_on.png) no-repeat center center;
	background-size: contain;
}
body.secondary.news .secondary-contents-area .frame-area .local-navi-area .local-navi li.event a.active {
	background:url(../images/secondary/news/btn_localnavi_3_on.png) no-repeat center center;
	background-size: contain;
}
body.secondary.news .secondary-contents-area .frame-area .local-navi-area .local-navi li.goods a.active {
	background:url(../images/secondary/news/btn_localnavi_4_on.png) no-repeat center center;
	background-size: contain;
}
body.secondary.information .secondary-contents-area .frame-area .local-navi-area .local-navi li.introduction a.active {
	background:url(../images/secondary/information/btn_localnavi_1_on.png) no-repeat center center;
	background-size: contain;
}
body.secondary.information .secondary-contents-area .frame-area .local-navi-area .local-navi li.cast_staff a.active {
	background:url(../images/secondary/information/btn_localnavi_2_on.png) no-repeat center center;
	background-size: contain;
}
body.secondary .secondary-contents-area .frame-area .main-title {
	position: absolute;
	top:-13px;
	left: 0;
	width: 100%;
}
body.secondary .secondary-contents-area .frame-area .main-title img {
	width: 74%;
	margin: 0 auto;
	display: block;
}
body.secondary .secondary-contents-area .frame-area .text-center {
	padding: 0 10px;
}
body.secondary .secondary-contents-area .frame-area .list li {
	background-image: url(../images/secondary/bg_list_border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-right: 10px;
	margin-left: 10px;
}
body.secondary .secondary-contents-area .frame-area .list li:last-child {
	background-image: none;
	padding-bottom: 0;
}
body.secondary.onair .secondary-contents-area .frame-area .list li {
	background-image: url(../images/secondary/bg_list_border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	padding-bottom: 15px;
}
body.secondary .secondary-contents-area .frame-area .list li a {
	display: block;
	text-decoration: none;
	background-image: url(../images/secondary/bg_arrow_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 45px auto;
	padding: 0 45px 0 0;
}
body.secondary .secondary-contents-area .frame-area .list li .date {
	display: block;
}
body.secondary .secondary-contents-area .frame-area .list li .date .text,
body.secondary .secondary-contents-area .frame-area .list li .date .category {
	display: inline-block;
	font-size: 14px;
	margin-bottom: 5px;
}
body.secondary .secondary-contents-area .frame-area .list li .gold-text {
	display: block;
	margin-bottom: 10px;
}

body.secondary .secondary-contents-area .frame-area .list li .text,
body.secondary .secondary-contents-area .frame-area .list li a .text {
	color: #333;
}
body.secondary .secondary-contents-area .frame-area .list li .date .category,
body.secondary .secondary-contents-area .frame-area .list li a .date .category {
	color: #313069;
	font-weight:bold;
}
body.secondary .secondary-contents-area .frame-area .list li .gold-text,
body.secondary .secondary-contents-area .frame-area .list li a .gold-text {
	color: #9C5B20;
	font-weight: bold;
	font-size: 18px;
}
body.secondary .secondary-contents-area .frame-area .scroll-area {
	margin-top: 15px;
}
body.secondary .modal-content .inner .content-area .title-header,
body.secondary .secondary-contents-area .content-area .title-header {
	background-image: url(../images/secondary/bg_list_border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	margin-bottom: 30px;
}
body.secondary .modal-content .inner .content-area .title-header .text,
body.secondary .modal-content .inner .content-area .title-header .gold-text,
body.secondary .secondary-contents-area .content-area .title-header .text,
body.secondary .secondary-contents-area .content-area .title-header .gold-text {
	display: block;
	margin-bottom: 10px;
}
body.secondary .modal-content .inner .content-area .title-header .text,
body.secondary .secondary-contents-area .content-area .title-header .text {
	color: #333;
}
body.secondary .modal-content .inner .content-area .title-header .text .pink,
body.secondary .secondary-contents-area .content-area .title-header .text .pink {
	color: #E3007F;
}
body.secondary .modal-content .inner .content-area .title-header .gold-text,
body.secondary .secondary-contents-area .content-area .title-header .gold-text {
	color: #9C5B20;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 15px;
}
body.secondary .modal-content .inner .content-area .title-header .category,
body.secondary .secondary-contents-area .content-area .title-header .category {
	color: #313069;
	font-weight:bold;
}
body.secondary .modal-content .inner .content-area .text-area {
	color: #333333;
}
body.secondary .modal-content .inner .content-area .text-area p,
body.secondary.music .secondary-contents-area .content-area .text-area p {
	margin-bottom: 10px;
}
body.secondary.information .secondary-contents-area .content-area,
body.secondary.character .secondary-contents-area .content-area{
	padding: 80px 15px;
	background-image: url(../images/secondary/common/bg_ornament_top.png), url(../images/secondary/common/bg_ornament_bottom.png), url(../images/secondary/common/bg_repeat_frame.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center 12px, center 99%, center top;
	background-size:95% auto, 95% auto, 100% auto;
}
body.secondary .secondary-contents-area .content-area .text-block {
	margin-bottom: 20px;
}
body.secondary .secondary-contents-area .content-area .text-block:last-child {
	margin-bottom: 0;
}
body.secondary .secondary-contents-area .content-area .text-block p {
	margin-bottom: 5px;
}
body.secondary .secondary-contents-area .content-area .text-block p:last-child {
	margin-bottom: 0;
}
body.secondary .secondary-contents-area .content-area .text-block p img {
	width: 100%;
}
body.secondary .secondary-contents-area .content-area.cast_staff .text-block p {
	margin-bottom: 40px;
}
body.secondary .secondary-contents-area .content-area .text-block .subttl {
	position: relative;
	margin-bottom: 20px;
}
body.secondary .secondary-contents-area .content-area .text-block .subttl img {
	width:80%;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 1;
}
body.secondary .secondary-contents-area .content-area .text-block.liner .subttl:before {
	content:"";
	width: 100%;
	height: 1px;
	background: #CCAD89;
	position: absolute;
	top: 48%;
	left: 0;
	z-index: 0;
}
body.secondary .secondary-contents-area .content-area .subttl-chara {
	position: relative;
	margin-top: 4px;
}
body.secondary .secondary-contents-area .content-area .subttl-chara:after {
	position: absolute;
	top: 30%;
	right: 15px;
	content: "";
	width: 17px;
	height: 17px;
	overflow: hidden;
	background: url(/lib/images/secondary/character/bg_accordion.png) no-repeat center 0;
	background-size: 17px auto;
}
body.secondary .secondary-contents-area .content-area .subttl-chara.active:after {
	background: url(/lib/images/secondary/character/bg_accordion.png) no-repeat center -17px;
	background-size: 17px auto;
}
body.secondary .secondary-contents-area .content-area .subttl-chara img {
	width: 100%;
}

body.secondary.news.detail .secondary-contents-area .content-area p {
	margin-bottom: 2%;
}
body.secondary.news.detail .secondary-contents-area .content-area .news-image {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
body.secondary.news.detail .secondary-contents-area .content-area .news-image .img {
	max-width: 100%;
	margin-right: 2%;
	margin-bottom: 2%;
}
body.secondary.news.detail .secondary-contents-area .content-area .news-image .img:nth-of-type(2n) {
	margin-right: 0;
}
body.secondary.news.detail .secondary-contents-area .content-area .news-image .img img {
	width: 100%;
}
body.secondary.news.detail .secondary-contents-area .content-area .returnBtn {
	text-align: center;
	margin: 20px 0;
}
body.secondary.news.detail .secondary-contents-area .content-area .returnBtn a {
	display: inline-block;
	padding: 12px 24px 12px 38px;
	background: #9C5B20;
	color: #fff;
	position: relative;
}
body.secondary.news.detail .secondary-contents-area .content-area .returnBtn a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 14px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-135deg) translate3d(0, 80%, 0);
	transform: rotate(-135deg) translate3d(0, 80%, 0);
}
body.secondary .secondary-contents-area .content-area .episode-list .episode img,
body.secondary .secondary-contents-area .content-area .character-list .character img {
	width: 100%;
}
body.secondary .secondary-contents-area .content-area .character-list {
	display: none;
}
body.secondary .secondary-contents-area .content-area .character-list .character {
	background-image: url(../images/secondary/bg_list_border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	padding-bottom: 42px;
	margin-bottom: 30px;
}
body.secondary .secondary-contents-area .content-area .character-list .character .image {
	width: 60%;
	margin: 30px auto 10px;
}
body.secondary .secondary-contents-area .content-area .character-list .character .text {
	color: #333;
}
body.secondary .secondary-contents-area .content-area .character-list .character .text .name {
	margin: 10px 0 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	text-align: center;
}
body.secondary .secondary-contents-area .content-area .character-list .character .text .name:after {
	content: "";
	display: block;
	clear: both;
}
body.secondary .secondary-contents-area .content-area .character-list .character .text .name .label {
	font-size: 20px;
	font-weight: bold;
}
body.secondary .secondary-contents-area .content-area .character-list .character .text .name .cv_name {
	font-size: 16px;
	font-weight: bold;
	padding-top: 4px;
}
body.secondary .secondary-contents-area .content-area .character-list .character .text .detail {
	text-align: right;
}
body.secondary .secondary-contents-area .content-area .character-list .character .text .detail a {
	display: inline-block;
	width: 50%;
}
body.secondary .secondary-contents-area .content-area .character-list .character .chara-image {
	width: 100%;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: left;
	-ms-justify-content: left;
	justify-content: left;
	align-items: center;
	margin-top: 10px;
}
body.secondary .secondary-contents-area .content-area .character-list .character .chara-image .img:nth-child(odd) {
	margin-right: 5px;
	margin-bottom: 2%;
	width:calc(50% - 17px);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9300+0,f1da36+100 */
	background: #ff9300; /* Old browsers */
	background: -moz-linear-gradient(left, #ff9300 0%, #f1da36 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff9300 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff9300 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9300', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 */	
		
	/*background: url(../images/secondary/character/bg_chara_frame.png) no-repeat center center;
	background-size: cover;*/
	padding: 6px 6px 6px 6px;
}

body.secondary .secondary-contents-area .content-area .character-list .character .chara-image .img:nth-child(even) {
	margin-left: 5px;
	margin-bottom: 2%;
	width:calc(50% - 17px);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9300+0,f1da36+100 */
	background: #ff9300; /* Old browsers */
	background: -moz-linear-gradient(left, #ff9300 0%, #f1da36 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff9300 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff9300 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9300', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 */	
		
	/*background: url(../images/secondary/character/bg_chara_frame.png) no-repeat center center;
	background-size: cover;*/
	padding: 6px 6px 6px 6px;
}



body.secondary .secondary-contents-area .content-area .episode-list {
	padding: 20px 15px 0;
}
body.secondary.character .secondary-contents-area .content-area .episode-list {
	padding: 20px 0 0;
}
body.secondary .secondary-contents-area .content-area .episode-list .episode {
	background-image: url(../images/secondary/bg_list_border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	padding-bottom: 40px;
	margin-bottom: 30px;
}
body.secondary .secondary-contents-area .content-area .episode-list .episode:last-child {
	background-image: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
body.secondary .secondary-contents-area .content-area .episode-list .episode .image {
	margin-bottom: 10px;
}
body.secondary .secondary-contents-area .content-area .episode-list .episode .text {
}
body.secondary .secondary-contents-area .content-area .episode-list .episode .text .name {
	text-align: center;
	margin: 0 0 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
	font-weight: bold;
}
body.secondary .secondary-contents-area .content-area .episode-list .episode .text .name .num {
	font-size: 16px;
	color: #A97949;
}
body.secondary .secondary-contents-area .content-area .episode-list .episode .text .name .title {
	font-size: 20px;
}
body.secondary .secondary-contents-area .content-area .episode-list .episode .episode-image {
	width: 100%;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: left;
	-ms-justify-content: left;
	justify-content: left;
	margin: 20px 0 0;
	flex-wrap: wrap;
}
body.secondary .secondary-contents-area .content-area .episode-list .episode .episode-image .img:nth-child(odd)  {

		margin-right: 5px;
    margin-bottom: 10px;
    width: calc(50% - 5px);
}
body.secondary .secondary-contents-area .content-area .episode-list .episode .episode-image .img:nth-child(even) {
		margin-left: 5px;
		margin-bottom:10px;
		width:calc(50% - 5px);
}
body.secondary .secondary-contents-area .content-area .episode-list .episode .episode-image .img:last-child {
	margin-right: 0;
}
body.secondary .secondary-contents-area .content-area .saintia-box {
	background: url(../images/secondary/information/bg_saintia_box.png) no-repeat left top;
	background-size: 100% auto;
	padding: 48px 48px 38px 48px;
	position: relative;
}







body.secondary .secondary-contents-area .content-area .saintia-box {
	background: url(../images/secondary/information/bg_saintia_box.png) no-repeat center top;
	background-size: 290px auto;
	padding: 33px 14px;
	position: relative;
}
body.secondary .secondary-contents-area .content-area .saintia-box p {
	text-align: center;
}
body.secondary .secondary-contents-area .content-area .saintia-box .subttl-saintia {
	position: absolute;
	top: -11px;
	left: 0;
	text-align: center;
	width: 100%;
}
body.secondary .secondary-contents-area .content-area .saintia-box .subttl-saintia img {
	display: inline-block;
	width: 254px;
}

/* body.top
-----------------------------------------------------------------------*/
body.top #main-image-area {
	position: relative;
	margin-bottom: 20px;
	
	opacity: 0;
	animation-name: mainImageFade;
	animation-duration: 800ms;
	animation-delay: 300ms;
	animation-fill-mode: forwards;
}
@-webkit-keyframes mainImageFade {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes mainImageFade {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
body.top #main-image-area .top-main-image img {
	width: 100%;
	vertical-align: top;
}
body.top #main-image-area .top-logo-area {
	position: absolute;
	bottom: 9%;
	left: 0;
	width: 100%;
}
body.top #main-image-area .top-logo-area .logo {
	width: 66%;
	display: block;
	margin: 0 auto;
}
body.top #main-image-area .top-logo-area .logo img {
	width: 100%;
}
body.top .top-banner-area {
	padding: 0 10px 40px;
}
body.top .top-banner-area div {
	margin-bottom: 20px;
}
body.top .top-banner-area div:last-child {
	margin-bottom: 0;
}
body.top .top-banner-area img {
	width: 100%;
}
body.top .bottom-cast-staff {
	padding: 60px 20px 40px;
	text-align: center;
}
body.top .bottom-cast-staff img {
	width: 100%;
}
body.top #wrapper {
	position: relative;
}
body.top header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

body.top .modal-content {
	height: auto;
}
body.top #modal-content-auther-coment.modal-content,
body.top #modal-content-kurumada-coment.modal-content {
	background-image: none;
	height: auto;
}
body.top #modal-content-auther-coment.modal-content .inner,
body.top #modal-content-kurumada-coment.modal-content .inner {
	background-image: none;
	margin: 0;
}
body.top #modal-content-auther-coment.modal-content .inner .auther-coment img,
body.top #modal-content-kurumada-coment.modal-content .inner .auther-coment img {
	width: 100%;
}

.icoLink {
	background-image: url(../images/secondary/ico_mark.png)!important;
	background-repeat: no-repeat!important;
	background-position: left center!important;
	background-size:18px auto!important;
	padding: 0 0 0 20px!important;
	color:#9C5B20;
	display:inline!important;
	text-decoration:underline!important;
}

#colorbox {
	top: 200px!important;
}

/* font
-----------------------------------------------------------------------*/
.text-strong {
	color: #FF0000;
}
.font-small {
	font-size: 12px;
}



/**微調整*/

/*music*/
body.music .text-area img {
	max-width:100%;
}


/*character*/
.character.secondary.sp .secondary-contents-area .frame-area .content-area .accordionSp{
	margin-bottom:0px;
}


.bnrArea ul {
	text-align:center;
	margin:5% 0 0;
}
.bnrArea ul li {
	width:96%;
	margin:2% auto 0;
}
.bnrArea ul li img{
	width:100%;
}