@charset "UTF-8";

	
/* example4
----------------------------------------------- */
	

.anim{
	-moz-transition: -moz-all 300ms cubic-bezier(.50,.0,.50,1);
    -webkit-transition: -webkit-all 300ms cubic-bezier(.50,.0,.50,1);
    -o-transition: -o-all 300ms cubic-bezier(.50,.0,.50,1);
    -ms-transition: -ms-all 300ms cubic-bezier(.50,.0,.50,1);
    transition: all 300ms cubic-bezier(.50,.0,.50,1);
}

.fixed{transition: all 0ms !important;}

p:nth-of-type(2){}


p:last-child{}


ol{ list-style:decimal;padding-left:1.5em; margin-bottom:2em;}
ol li{ margin-bottom:10px;}


/* class
----------------------------------------------- */
a.btn{ display:block;  text-indent: 200%; white-space: nowrap;overflow: hidden;height:inherit;}


ul.sns{}
ul.sns li{ display:inline-block;}

ul.sns li.facebook {}
ul.sns li.twitter {}


ul.sns li.facebook a{ }
ul.sns li.twitter a{ }


ul.sns li{ width: 30px; height: 30px; display:inline-block;}
ul.sns li.twitter{}
ul.sns li.facebook{ margin-left: 5px;}

ul.sns li.twitter a{background: url(img/common/icon_sns_twitter.png) center center no-repeat; background-size:contain;}
ul.sns li.facebook a{background: url(img/common/icon_sns_facebook.png) center center no-repeat; background-size:contain;}



h2.contentsTitle{ width: 100%; height: 82px; position: absolute; top: 95px; left: 50%;transform: translate(-50%, 0); }


article.areaBox{ background: #fefef6; border-radius: 15px; padding: 30px; margin-bottom: 30px; position: relative; box-shadow:0px 3px 0px 3px rgba(0,0,0,0.2);}

nav.categoryList{ text-align: center; margin-bottom: 26px;}
nav.categoryList ul{height: 30px;overflow: hidden;}
nav.categoryList ul li{ display: inline-block; height: 30px; margin: 0 10px; border-radius: 15px;overflow: hidden;}
nav.categoryList ul li a{background: #d4e200;display:block; height: 30px; line-height: 30px; color: #fff;transition: all 300ms cubic-bezier(0,0,.5,1);}
nav.categoryList ul li a:hover{ background-color: #7ca9e1;}



.entryBody img:not(.noResize){ width: 100%; height: auto;}


.flexBox{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	align-content:flex-start;

	
}


.bgPink{ background-color: #7ca9e1;}

.red,
.pink{color:#7ca9e1}

.bgBtn{ display: inline-block; padding: 10px 20px;  background-color: #d4e200; color: #fff !important; text-decoration: none !important; border-radius: 5px;transition: all 300ms cubic-bezier(0,0,.5,1);}
.bgBtn:hover{ background-color: #7ca9e1;}

a.bgBtn[target="_blank"]:after{ background:url(img/common/icon_blank_white.png) no-repeat;}




img.size-full:not(.noResize){ width: 100%; height: auto;}

img.noResize{ margin: auto; display: table;}
img.noResize.onlySP{ display: none;}


a[target="_blank"]:after{ content:''; display:inline-block; width: 17px; height: 12px; margin-left: 2px; background:url(img/common/icon_blank.png) no-repeat; position: relative; bottom: 2px;}
a.anchor:after{ display: none !important;}

a.iconBlank:after{ content:''; display:inline-block; width: 17px; height: 12px; margin-left: 2px; background:url(img/common/icon_blank_red.png) no-repeat; position: relative; bottom: 2px;}



.iconZoom:before{ content:''; display:inline-block; width: 24px; height: 24px; background:url(img/common/icon_zoom.png) no-repeat; background-size:contain;position:absolute; bottom: 10px; right: 10px; z-index: 10;transition: all 300ms cubic-bezier(0,0,.5,1);}

.iconNew:before{ content:''; display:inline-block; width: 60px; height: 36px; background:url(img/common/icon_new.png) no-repeat; background-size:contain;  position:absolute; top: 10px; right: 10px; z-index: 10;transform-origin:left bottom;
	
	 -webkit-animation: newpoyon 2500ms linear infinite;
	  animation: newpoyon 2500ms linear infinite;}


header.global .iconNew:before{width: 30px; height: 18px; top: -7px; right: -28px;}

.iconTitle:before{ content:''; display:inline-block; width: 30px; height: 20px; background:url(img/common/icon_neko_mark.png) no-repeat; background-size:contain;  position:absolute; top: 0px; left: 0px; z-index: 10;}



table, th, td {
  border-collapse: collapse;
  border: 1px solid #530000;
  line-height: 1.5;
	font-size:0.95em; 
	text-align: center;
	
}

table.normal{margin-bottom: 2em;}

table.normal th {
  width: 150px;
  padding: 5px ;
  font-weight: bold;
  vertical-align: top;
	background-color: #530000;
	color: #fff;
}
table.normal td {
  width: 350px;
  padding: 10px;
  vertical-align: top;
 }

table.normal tr:nth-child(even) {
  background: #f5eee3;
 }

table.normal tr td:nth-of-type(1){
  width: 200px;
	white-space: nowrap;
 }


table.normal tr td:nth-of-type(2){
  width: 230px;
	white-space: nowrap;
 }

table.normal tr td:nth-of-type(3){
  text-align: left;
 }



nav.pager{ text-align: center;}

nav.pager .page-numbers{display: inline-block; width: 40px; height: 27px;overflow:hidden; margin: 0 5px; background: url(img/common/pager_bg.png) center center no-repeat; background-size:contain;text-align: center; line-height: 28px; color: #fff;font-size: 0.8em; text-decoration: none;}
nav.pager .page-numbers.current,
nav.pager .page-numbers:hover{background: url(img/common/pager_bg_active.png) center center no-repeat; background-size:contain;}

nav.pager .prev,
nav.pager .next{display:inline-block; width: 86px; height: 0px; padding-top: 30px; border-radius:15px; margin: 0 5px; overflow:hidden;} 

nav.pager .prev{background: url(img/common/pager_prev.png) center center no-repeat #687e94; background-size:contain;} 
nav.pager .next{background: url(img/common/pager_next.png) center center no-repeat #687e94; background-size:contain; } 

nav.pager .prev:hover{background: url(img/common/pager_prev.png) center center no-repeat #fe726d; background-size:contain;} 
nav.pager .next:hover{background: url(img/common/pager_next.png) center center no-repeat #fe726d; background-size:contain; } 




table.data{margin-bottom: 2em; border: 0;}

table.data th {
  min-width: 50px;
  padding:10px 0;
  font-weight: normal;
  vertical-align: top;
	white-space: nowrap;
	text-align: center;
	border: 0;
}

table.data th img{ width: 300px; height: auto; margin-bottom: 2em;}
table.data td {
  width: auto;
  padding: 10px;
  vertical-align: top;
	text-align: left;
	border: 0;
 }



table.item{margin-bottom: 2em;}

table.item th {
  width: 80px;
  padding: 10px ;
  font-weight: bold;
  vertical-align: top;
	background-color: #f5eee3;
	color: #720000;
}
table.item td {
  width: auto;
  padding: 10px;
  vertical-align: top;
	text-align: left;
 }






/* header & footer
----------------------------------------------- */


body:not(#top) header.global{ position: absolute; top: 0; left: 0; z-index: 100; width: 100%; transform: translate(0, -200px); transition: all 400ms cubic-bezier(0,0,.5,1);height: 122px;}
body:not(#top).pageIn header.global{transform: translate(0, 0px);}



header.global nav{ width: 1000px; height: 122px; position: absolute; top: 0px; left: 50%;z-index: 8;
   transform: translate(-50%, 0px); border: solid 0px #f30; text-align: center; background: url(img/common/menu/bg.png) no-repeat; opacity: 1; transition: all 400ms cubic-bezier(0,0,.5,1);}
	body#top header.global nav{transform: translate(-50%, -200px);opacity: 0; }

body#top header.global nav.show,
header.global nav.show{ opacity: 1;transform: translate(-50%, 0); transition: all 400ms cubic-bezier(0,0,.5,1);}

header.global nav h1.contents{ position: absolute; top: 20px; left: 50px; z-index: 10; width: 150px; height: 150px; opacity: 1; }
header.global nav h1.contents img.logo{ width: 100%; height: auto;}



header.global nav ul.menu{ padding-top: 15px;}
header.global nav ul.menu li{ display: inline-block; margin: 0 12px 12px 12px;border: solid 0px #f30; }
header.global nav ul.menu li a{ display: block; height: 32px; text-indent: -999px; overflow: hidden;}


header.global nav ul.menu li a:before{ content: ''; display: block; width: 44px; height: 32px; background: url(img/common/icon_cat.png) no-repeat; background-size:contain;  opacity:0; position: absolute; top: 0; left: 50%; transform:scale(0,0) translate(-50%,0); transform-origin: left center; transition: all 100ms cubic-bezier(0,0,.5,1); }

header.global nav ul.menu li a:after{ content: ''; display: block; width: 100%; height: 32px; opacity:0; position: absolute; top: 0; left: 0;  transition: all 100ms cubic-bezier(0,0,.5,1);}




header.global nav ul.menu li.active a:before,
body#news header.global nav ul.menu li:nth-of-type(1) a:before,
body#onair header.global nav ul.menu li:nth-of-type(2) a:before,
body#cast_staff header.global nav ul.menu li:nth-of-type(3) a:before,
body#story header.global nav ul.menu li:nth-of-type(4) a:before,
body#character header.global nav ul.menu li:nth-of-type(5) a:before,
body#goods header.global nav ul.menu li:nth-of-type(6) a:before,
body#bluray header.global nav ul.menu li:nth-of-type(7) a:before,
body#cd header.global nav ul.menu li:nth-of-type(8) a:before,
body#movie header.global nav ul.menu li:nth-of-type(9) a:before,
body#special header.global nav ul.menu li:nth-of-type(10) a:before,
header.global nav ul.menu li a:not(.nolink):hover:before{opacity: 1; transform: scale(1,1) translate(-50%,0)}



/*header.global nav ul.menu li a:not(.nolink):hover:before{transform:scale(1,1) translate(-50%,0); opacity: 1;}*/

header.global nav ul.menu li a:not(.nolink).hover:before{
  -webkit-animation: menuMark 300ms linear both;
  animation: menuMark 300ms linear both;
}


header.global nav ul.menu li.active a:after,
body#news header.global nav ul.menu li:nth-of-type(1) a:after,
body#onair header.global nav ul.menu li:nth-of-type(2) a:after,
body#cast_staff header.global nav ul.menu li:nth-of-type(3) a:after,
body#story header.global nav ul.menu li:nth-of-type(4) a:after,
body#character header.global nav ul.menu li:nth-of-type(5) a:after,
body#goods header.global nav ul.menu li:nth-of-type(6) a:after,
body#bluray header.global nav ul.menu li:nth-of-type(7) a:after,
body#cd header.global nav ul.menu li:nth-of-type(8) a:after,
body#movie header.global nav ul.menu li:nth-of-type(9) a:after,
body#special header.global nav ul.menu li:nth-of-type(10) a:after,
header.global nav ul.menu li a:not(.nolink):hover:after{ opacity: 1;}


header.global nav ul.menu li a.nolink{ opacity:.25;}

header.global nav ul.menu li:nth-of-type(1){width: 67px;}
header.global nav ul.menu li:nth-of-type(1) a{background: url(img/common/menu/news.png) center center no-repeat; }
header.global nav ul.menu li:nth-of-type(1) a:after{background: url(img/common/menu/news_on.png) center center no-repeat; }

header.global nav ul.menu li:nth-of-type(2){width: 101px;}
header.global nav ul.menu li:nth-of-type(2) a{background: url(img/common/menu/onair.png) center center no-repeat; }
header.global nav ul.menu li:nth-of-type(2) a:after{background: url(img/common/menu/onair_on.png) center center no-repeat; }

header.global nav ul.menu li:nth-of-type(3){width: 137px;}
header.global nav ul.menu li:nth-of-type(3) a{background: url(img/common/menu/cast_staff.png) center center no-repeat; }
header.global nav ul.menu li:nth-of-type(3) a:after{background: url(img/common/menu/cast_staff_on.png) center center no-repeat; }

header.global nav ul.menu li:nth-of-type(4){width: 84px;}
header.global nav ul.menu li:nth-of-type(4) a{background: url(img/common/menu/story.png) center center no-repeat; }
header.global nav ul.menu li:nth-of-type(4) a:after{background: url(img/common/menu/story_on.png) center center no-repeat; }

header.global nav ul.menu li:nth-of-type(5){width: 96px; margin-right: 0px;}
header.global nav ul.menu li:nth-of-type(5) a{background: url(img/common/menu/character.png) center center no-repeat; }
header.global nav ul.menu li:nth-of-type(5) a:after{background: url(img/common/menu/character_on.png) center center no-repeat; }

header.global nav ul.menu li:nth-of-type(6){width: 54px; margin-left: 135px;}
header.global nav ul.menu li:nth-of-type(6) a{background: url(img/common/menu/goods.png) center center no-repeat; }
header.global nav ul.menu li:nth-of-type(6) a:after{background: url(img/common/menu/goods_on.png) center center no-repeat; }

header.global nav ul.menu li:nth-of-type(7){width: 74px;}
header.global nav ul.menu li:nth-of-type(7) a{background: url(img/common/menu/bluray.png) center center no-repeat; }
header.global nav ul.menu li:nth-of-type(7) a:after{background: url(img/common/menu/bluray_on.png) center center no-repeat; }

header.global nav ul.menu li:nth-of-type(8){width: 42px;}
header.global nav ul.menu li:nth-of-type(8) a{background: url(img/common/menu/cd.png) center center no-repeat; }
header.global nav ul.menu li:nth-of-type(8) a:after{background: url(img/common/menu/cd_on.png) center center no-repeat; }

header.global nav ul.menu li:nth-of-type(9){width: 69px;}
header.global nav ul.menu li:nth-of-type(9) a{background: url(img/common/menu/movie.png) center center no-repeat; }
header.global nav ul.menu li:nth-of-type(9) a:after{background: url(img/common/menu/movie_on.png) center center no-repeat; }

header.global nav ul.menu li:nth-of-type(10){width: 85px; margin-right: 110px;}
header.global nav ul.menu li:nth-of-type(10) a{background: url(img/common/menu/special.png) center center no-repeat; }
header.global nav ul.menu li:nth-of-type(10) a:after{background: url(img/common/menu/special_on.png) center center no-repeat; }




header.global nav ul.sns{ position: absolute; top: auto;bottom: 0px; right: 95px; z-index: 100;}
header.global nav ul.sns li{  }

@media screen and (max-width: 1000px) {
	html.touchDevice header.global nav {background: none;}
	html.touchDevice header.global nav ul.menu{ display: none; }
}

/* fixedMenu
----------------------------------------------- */
#fixedMenuBtn{ display: none;position:fixed; z-index: 1001; top: 20px; right: 20px; width: 190px; height: 140px; background: url(img/common/btn_sp_menu.png) center center no-repeat;background-size:contain cursor: pointer; opacity: 0; pointer-events: none;}

.iPad #fixedMenuBtn{ top: 10px; right: 10px;width: 120px; height: 88px; background: url(img/common/btn_sp_menu.png) center center no-repeat; background-size:contain;}

#fixedMenuBtn.close{background: url(img/common/btn_sp_menu_close.png) center center no-repeat; background-size:contain}

#fixedMenu{ display: none; opacity: .01; position:relative; z-index:1000;top: 0px; left: 0px; width: 100%; min-height: 100vh;background: #f5eee3; overflow: hidden;}


#fixedMenu nav{}
#fixedMenu nav ul.menu br{display: none;}
#fixedMenu nav ul.menu{ padding: 100px 0 80px 0; text-align: center;}
#fixedMenu nav ul.menu li{ height: 120px;}
#fixedMenu nav ul.menu li a{ display: block; height:120px; }
#fixedMenu nav ul.menu li a.nolink{ opacity: .25;}


#fixedMenu nav ul.menu li:nth-of-type(1) a span.text{background: url(img/common/menu_sp/news.png) center center no-repeat; }
#fixedMenu nav ul.menu li:nth-of-type(2) a span.text{background: url(img/common/menu_sp/onair.png) center center no-repeat; }
#fixedMenu nav ul.menu li:nth-of-type(3) a span.text{background: url(img/common/menu_sp/cast_staff.png) center center no-repeat; }
#fixedMenu nav ul.menu li:nth-of-type(4) a span.text{background: url(img/common/menu_sp/story.png) center center no-repeat; }
#fixedMenu nav ul.menu li:nth-of-type(5) a span.text{background: url(img/common/menu_sp/character.png) center center no-repeat; }
#fixedMenu nav ul.menu li:nth-of-type(6) a span.text{background: url(img/common/menu_sp/goods.png) center center no-repeat; }
#fixedMenu nav ul.menu li:nth-of-type(7) a span.text{background: url(img/common/menu_sp/bluray.png) center center no-repeat; }
#fixedMenu nav ul.menu li:nth-of-type(8) a span.text{background: url(img/common/menu_sp/cd.png) center center no-repeat; }
#fixedMenu nav ul.menu li:nth-of-type(9) a span.text{background: url(img/common/menu_sp/movie.png) center center no-repeat; }
#fixedMenu nav ul.menu li:nth-of-type(10) a span.text{background: url(img/common/menu_sp/special.png) center center no-repeat; }

#fixedMenu nav ul.menu li.iconNew:before{ display: none !important;}

#fixedMenu nav ul.menu li a span{ display: inline-block; height:120px;  position: absolute; top: 0; left: 50%; transform: translate(-50%,0)}
#fixedMenu nav ul.menu li:nth-of-type(1) a span.text{ width: 200px;}
#fixedMenu nav ul.menu li:nth-of-type(2) a span.text{ width: 280px;}
#fixedMenu nav ul.menu li:nth-of-type(3) a span.text{ width: 400px;}
#fixedMenu nav ul.menu li:nth-of-type(4) a span.text{ width: 240px;}
#fixedMenu nav ul.menu li:nth-of-type(5) a span.text{ width: 280px;}
#fixedMenu nav ul.menu li:nth-of-type(6) a span.text{ width: 200px;}
#fixedMenu nav ul.menu li:nth-of-type(7) a span.text{ width: 200px;}
#fixedMenu nav ul.menu li:nth-of-type(8) a span.text{ width: 200px;}
#fixedMenu nav ul.menu li:nth-of-type(9) a span.text{ width: 200px;}
#fixedMenu nav ul.menu li:nth-of-type(10) a span.text{ width: 240px;}


#fixedMenu nav ul.menu li.iconNew span.text:before{ content:''; display:inline-block; width: 60px; height: 36px; background:url(img/common/icon_new.png) no-repeat; background-size:contain;  position:absolute; top: 5px; right: -30px; z-index: 10;transform-origin:left bottom;
	
	 -webkit-animation: newpoyon 2500ms linear infinite;
	  animation: newpoyon 2500ms linear infinite;}

#fixedMenu nav ul.menu li a span i{ display: none;}

@media screen and (max-width: 1000px) {
	html.touchDevice #fixedMenuBtn{ display: block;opacity: 1; pointer-events: auto;}
	html.touchDevice body#top #fixedMenuBtn{ display: none;}
	
	html.touchDevice #fixedMenu ul.sns{ display: block !important; height: 200px; padding-bottom: 100px; text-align: center; position: relative; margin: auto;transform-origin:center top;transform: scale(3,3); padding-right: 5px;}
	html.touchDevice #fixedMenu ul.sns li{ margin: 0 5px !important;}
	
	
}



#pageTop{ position: fixed; bottom: -100px; right: 100px; z-index: 500; width: 116px; height: 76px; cursor: pointer;background: url(img/common/btn_pagetop.png) center center no-repeat; background-size:contain;  opacity:.001; pointer-events: none;transition: all 300ms cubic-bezier(.50,.0,.50,1);}

#pageTop.show{ opacity:1; pointer-events: auto;bottom: 0px;}

@media screen and (max-width: 1000px) {
	html.touchDevice #pageTop{ position: fixed; bottom: -53px; right: 50px; z-index: 500; width: 176px; height: 113px; }
	html.touchDevice #pageTop.show{ opacity:1; pointer-events: auto;bottom: 0px;}
}


/* page default
----------------------------------------------- */
h2.contentsTitle{ position: relative; top: 0; left: 0; background: none;  opacity:0; }

h2.contentsTitle.show{ opacity:1;

-webkit-animation: title_anime 1000ms linear both;
  animation: title_anime 1000ms linear both;
}

#main section.mainDetail{}




body.pageLayout #main section article.areaBox{ min-height: 300px;}
body.pageLayout #main section article.areaBox .entryMeta{ position: absolute; top: 30px; left: 30px; z-index: 3; text-align: center; width: 100px;}

	body.pageLayout #main section article.areaBox .entryMeta a{ display: block; height: 20px; line-height:0.8rem; font-size:0.8rem; padding: 5px; border-radius:  10px; margin-bottom: 10px; color: #fff;background: #7ca9e1; text-decoration: none;}

	
body.pageLayout #main section article.areaBox .entryShare{ position: absolute; width: 100px; bottom: 70px; left: 30px; font-size:0; line-height: 0; z-index: 3;}
	
body.pageLayout #main section article.areaBox .entryShare ul{}
body.pageLayout #main section article.areaBox .entryShare ul li{}
body.pageLayout #main section article.areaBox .entryShare ul li:nth-of-type(1){ margin-bottom: 10px;}

body.pageLayout #main section article.areaBox .entryShare.horizon ul{ padding-top: 30px;}
body.pageLayout #main section article.areaBox .entryShare.horizon ul li{ display: inline-block; margin-right: 10px;}
body.pageLayout #main section article.areaBox .entryShare.horizon ul li:nth-of-type(1){ margin-bottom: 0px;}


body.pageLayout #main section article.areaBox .entryContents{ padding-left: 130px; position: relative; z-index: 2;}

	body.pageLayout #main section article.areaBox .entryContents h3.area{ padding: 20px 0; margin-bottom: 30px; border-bottom: solid 2px #b3bec5; line-height: 1.5; font-size: 1.5rem;font-family:"rounded B";}

	body.pageLayout #main section article.areaBox .entryContents .entryBody{ padding-bottom: 0px;}
	body.pageLayout #main section article.areaBox .entryContents .entryBody img:not(.noResize){ width: 100%;height: auto;}
	body.pageLayout #main section article.areaBox .entryContents .entryBody a{ text-decoration: underline;}

	body.pageLayout #main section article.areaBox .entryContents .entryBody hr{ height: 0px; border-bottom:dashed 2px #b3bec5; margin-bottom: 30px;}

	body.pageLayout #main section article.areaBox .entryContents .entryBody h1,
	body.pageLayout #main section article.areaBox .entryContents .entryBody h2{font-family:"rounded B"; margin-bottom: 10px;}

	body.pageLayout #main section article.areaBox .entryContents .entryBody h1{font-size: 1.4em; color: #7ca9e1;}
	body.pageLayout #main section article.areaBox .entryContents .entryBody h2{font-size: 1.2em;}



body.pageLayout #main section article.areaBox.fullBox .entryShare{ position:relative; width: auto; bottom: auto; left: auto; font-size:0; line-height: 0; z-index: 3;}
body.pageLayout #main section article.areaBox.fullBox .entryContents{ padding-left: 0; position: relative; z-index: 2;}


/* teaser
----------------------------------------------- */

body#top{}




#topLogo{ position: fixed; top: 50%; left: 50%;transform: translate(-50%, -55%); width: 400px; height: 400px; background: url(img/common/logo.png) center center no-repeat; background-size: contain; opacity: 0; transition: all 1000ms cubic-bezier(0,0,.5,1); pointer-events: none;}
#topLogo.show{ opacity: 1;}

section#topWrap{ height: 100vh;}
section#topWrap header{ height: 100vh;}
section#topWrap h1{position: absolute; top: 40px; left: 40px; z-index: 10; width: 280px; height: 240px; opacity: 0;  transition: all 500ms cubic-bezier(0,0,.5,1);}
section#topWrap h1 img.logo{ width: 100%; height: auto;}

section#topWrap h1.show{ opacity: 1;}
section#topWrap h1.show2{ opacity: 1;}
section#topWrap h1.show2_fix{ opacity: 1;}


section#topWrap h1 .onAirTitle{ width: 100%; height: 80px;background: url(img/common/2018_1_on_air.png) center center no-repeat; background-size: contain;opacity: 1;}



section#topWrap .collabo{ position: absolute; top: 145px; left: 50%;
   transform: translate(-50%, 0); width: 500px; height: 22px;  background: url(img/top/collabo.png) center center no-repeat; background-size: contain;  opacity: 0; transition: all 400ms cubic-bezier(0,0,.5,1);}

section#topWrap .collabo.show{ opacity: 1;}





section#topWrap .viewBtn{position: absolute; top: 20px; right: 30px;width: 60px; height: 75px; cursor: pointer;opacity: 0;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;

}

section#topWrap .viewBtn.show{opacity: 1;}

section#topWrap .viewBtn:after{
	content: '';
	display: block;
	position: absolute; top: 0px; right: 0px;
	width: 60px; height: 75px;  
	background: url(img/common/btn_view_zoom.png) center center no-repeat; 
	background-size: contain; 
-webkit-animation: bound 2500ms ease-in-out infinite both;
animation: bound 2500ms ease-in-out infinite both;
	
}





#widgetArea{ position:absolute; z-index: 10; bottom: 0; left: 0; width: 100%; min-width: 1100px; max-width: 1600px; height: 395px; border: solid 0px #f30;}


	#widgetArea .onAir{ position:absolute; top: 160px; left: 50%;
	   transform: translate(-50%, 0px); width: 526px; height: 130px; opacity: 0;transition: all 400ms cubic-bezier(0,0,.5,1); background: url(img/top/ad_title.png) center center no-repeat; background-size:contain;border: solid 0px #f30;}

	/*#widgetArea .onAir{ position:absolute; top: 100px; left: 50%;
	   transform: translate(-50%, 0px); width: 526px; height: 130px; opacity: 0;transition: all 400ms cubic-bezier(0,0,.5,1); background: url(img/top/ad_title.png) center center no-repeat; border: solid 0px #f30;}*/

		#widgetArea .onAir.show{opacity: 1; transform: translate(-50%, 0px); }





	#widgetArea #widgetBanner{ position:absolute; z-index: 5; top: 290px; left: 50%;
	   transform: translate(-50%, 0); width: 530px; height: 130px;transition: all 400ms cubic-bezier(0,0,.5,1);opacity: 0; font-size: 0; line-height: 0; text-align: center;}
		#widgetArea #widgetBanner.show{opacity: 1;}

	#widgetArea #widgetBanner a,
	#widgetArea #widgetBanner img{ width: 170px; height: 52px;}

	#widgetArea #widgetBanner a{ display:inline-block; margin:0 10px 10px 0;}
	#widgetArea #widgetBanner a:nth-child(3n) {
		 margin-right: 0;
	}

	#widgetArea .copyright{position: absolute; bottom: 10px; left: 50%;
	   transform: translate(-50%, 0); width: 310px; height: 23px;background: url(img/common/copyright.png) center center no-repeat; background-size: contain;transition: all 400ms cubic-bezier(0,0,.5,1);opacity: 0;}

		#widgetArea .copyright.show{opacity: 1;}

#widgetMovie{width: 300px; height: 300px;position:absolute; top: 0px; left: 0px; background: url(img/top/bg_movie_widget.png) center top no-repeat; background-size: contain; opacity: 0;
}

#widgetMovie a{
	cursor: pointer;
	width: 250px;
    height: 180px;
    top: 25px;
    left: 25px;
}



#widgetMovie a:before{ content: ''; display: block;position: absolute; top: 50%; left: 50%;
	   margin: -26px 0 0 -37px; width: 75px; height: 52px;background: url(img/top/icon_play.png) center center no-repeat; background-size: contain; transform-origin: center center;transition: all 300ms cubic-bezier(.50,.0,.50,1);transform: scale(0.9,0.9);}

#widgetMovie a:hover:before{transform: scale(1,1);}


#widgetMovie.show {
  -webkit-animation: widgetAnim2 1500ms linear both;
  animation: widgetAnim2 1500ms linear both;
}




#widgetTwitter{width: 320px; height: 300px;position:absolute; top: 200px; left: -10px;background: url(img/top/bg_twitter_widget.png) center top no-repeat; background-size: contain; opacity: 0;
}

#widgetTwitter.show {
  -webkit-animation: widgetAnim2 1500ms linear both;
  animation: widgetAnim2 1500ms linear both;
}



#widgetTwitter .inner{ background: rgba(255, 255, 255, 0.35); width: 210px; height: 160px; position: relative;top: 25px; left: 55px; overflow: none;}

#widgetTwitter .inner iframe{ min-height: 160px !important;}








#widgetNews{width: 250px; height: 315px;position:absolute; top: 60px; right: 20px; opacity: 0; }

#widgetNews.show {
  -webkit-animation: widgetAnim2 1500ms linear both;
  animation: widgetAnim2 1500ms linear both;
}

#widgetArea #widgetNews:before{ content: ''; display: block; width: 130px; height: 200px; background: url(img/top/news_title.png) center top no-repeat; background-size:contain; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);}

#widgetNews .inner{ width: 250px; height: 250px; position: relative;top: 65px; left: 0px; padding:30px 20px 50px 20px; box-sizing: border-box;overflow: none; margin: auto; border-radius: 20px; background-color: #fffff7; border: solid 5px #520100; }

/*#widgetNews .inner{ width: 230px; height: 200px; position: relative;top: 90px; left: 90px; padding:10px 20px; box-sizing: border-box;overflow: none; }*/

#widgetNews dl{
	color: #520100;
	font-size: 0.8rem;
	line-height: 1.2;
	margin-bottom: 20px;
}
#widgetNews dl dt{margin-bottom: 5px;background: url(img/common/icon_cat.png) left top no-repeat; background-size: contain; padding-left: 25px; height: 14px;}
#widgetNews dl dd{ display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#widgetNews a{font-family:"rounded B";}
#widgetNews a,
#widgetNews a:active,
#widgetNews a:link,
#widgetNews a:visited{text-decoration: none !important;}
#widgetNews a:hover dl dt{color: #7ca9e1; text-decoration: none !important;}
#widgetNews a:hover dl dd{color: #7ca9e1; text-decoration: underline;}

#widgetNews .more{ width: 100px; height: 30px; border-radius: 15px; overflow: hidden; position: absolute; bottom: 20px; left: 50%;transform: translate(-50%, 0); }
#widgetNews .more a{ display: block; height: 30px; background: url(img/common/btn_more.png) center center no-repeat #7ca9e1; background-size:35% auto;}







/* news
----------------------------------------------- */
body#news h2.contentsTitle{ background: url(img/news/title.png@v=1) center center no-repeat; background-size:contain;}

body#news #main.entryList{}
	  
body#news #main.entryList section.mainDetail{}

body#news #main.entryList section.mainDetail nav.categoryList{ }
body#news #main.entryList section.mainDetail nav.categoryList ul{}
body#news #main.entryList section.mainDetail nav.categoryList ul li{ width: 132px;}
body#news #main.entryList section.mainDetail nav.categoryList ul li a:hover{}



body#news.post-type-archive-news #main.entryList section.mainDetail nav.categoryList ul li:nth-of-type(1) a,
body#news.term-media #main.entryList section.mainDetail nav.categoryList ul li:nth-of-type(2) a,
body#news.term-event #main.entryList section.mainDetail nav.categoryList ul li:nth-of-type(3) a,
body#news.term-other #main.entryList section.mainDetail nav.categoryList ul li:nth-of-type(4) a{ background: #7ca9e1; }



#main.entryList section.mainDetail article.news{ }
#main.entryList section.mainDetail article.news .entryMeta{ position: absolute; top: 30px; left: 30px; text-align: center; width: 100px;}

	#main.entryList section.mainDetail article.news .entryMeta .date,
	#main.entryList section.mainDetail article.news .entryMeta .category{ display: block; height: 20px; line-height:0.8rem; font-size:0.8rem; padding: 5px; border-radius:  10px; margin-bottom: 10px; color: #fff;}

	#main.entryList section.mainDetail article.news .entryMeta .date{ background: #d4e200; }

	#main.entryList section.mainDetail article.news .entryMeta .category{ background: #7ca9e1; }

#main.entryList section.mainDetail article.news .entryShare{ position: absolute; width: 100px; bottom: 70px; left: 30px; font-size:0; line-height: 0;}
	
#main.entryList section.mainDetail article.news .entryShare ul{}
#main.entryList section.mainDetail article.news .entryShare ul li{}
#main.entryList section.mainDetail article.news .entryShare ul li:nth-of-type(1){ margin-bottom: 10px;}


#main.entryList section.mainDetail article.news .entryContents{ padding-left: 130px;}

	#main.entryList section.mainDetail article.news .entryContents .entryTitle{ padding: 30px 0; margin-bottom: 30px; border-bottom: solid 2px #b3bec5; line-height: 1.5; font-size: 2rem;}

	#main.entryList section.mainDetail article.news .entryContents .entryBody{ padding-bottom: 0px;}
	#main.entryList section.mainDetail article.news .entryContents .entryBody img{}
	#main.entryList section.mainDetail article.news .entryContents .entryBody a{ text-decoration: underline;}

	#main.entryList section.mainDetail article.news .entryContents .entryBody hr{ height: 0px; border-bottom:dashed 2px #b3bec5; margin-bottom: 30px;}

	#main.entryList section.mainDetail article.news .entryContents .entryBody h1,
	#main.entryList section.mainDetail article.news .entryContents .entryBody h2{font-family:"rounded B"; margin-bottom: 10px;}

	#main.entryList section.mainDetail article.news .entryContents .entryBody h1{font-size: 1.4em; color: #7ca9e1;}
	#main.entryList section.mainDetail article.news .entryContents .entryBody h2{font-size: 1.2em;}


#main.entryList section.mainDetail article.news .entryContents .entryBody ul{ margin-bottom: 2em; list-style: disc; margin-left: 1.5em;}
#main.entryList section.mainDetail article.news .entryContents .entryBody ul li{ position: relative; margin-bottom: 0.5em;}

#main.entryList section.mainDetail article.news .entryContents .entryBody ul.kome{ list-style: none;margin-left: 0em;}
#main.entryList section.mainDetail article.news .entryContents .entryBody ul.kome li{padding-left: 1.5em;}
#main.entryList section.mainDetail article.news .entryContents .entryBody ul.kome li:before{content:'※'; display: inline-block; position: absolute; top: 0; left: 0;}

#main.entryList section.mainDetail article.news .entryContents .entryBody ol{}
#main.entryList section.mainDetail article.news .entryContents .entryBody ol li{}


#main.entryList section.mainDetail article.news .entryContents .entryBody .t_center{ text-align: center;}


#main.entryList section.mainDetail article.news .entryContents .entryBody .imgSet{ overflow: hidden; margin-bottom: 18px;}

#main.entryList section.mainDetail article.news .entryContents .entryBody .imgSet.col_1 img{ width:100% !important; height: auto; margin:0px;}

#main.entryList section.mainDetail article.news .entryContents .entryBody .imgSet.col_2 img{ width:calc(50% - 9px); height: auto; margin-right: 18px;}
#main.entryList section.mainDetail article.news .entryContents .entryBody .imgSet.col_2 img:last-child{ margin-right: 0;}

#main.entryList section.mainDetail article.news .entryContents .entryBody .imgSet.col_3 img{ width:calc(33.333% - 12px); height: auto; margin-right: 18px;}
#main.entryList section.mainDetail article.news .entryContents .entryBody .imgSet.col_3 img:last-child{ margin-right: 0;float: right;}


#main.entryList section.mainDetail article.news .entryContents .entryBody .imgSet.col_4 img{ width:calc(25% - 13.5px); height: auto; margin-right: 18px;}
#main.entryList section.mainDetail article.news .entryContents .entryBody .imgSet.col_4 img:last-child{ margin-right: 0;float: right;}

#main.entryList section.mainDetail article.news .entryContents .entryBody .indent{ padding-left: 1.5em; margin-bottom: 2em;}




/* onair
----------------------------------------------- */
body#onair h2.contentsTitle{ background: url(img/onair/title.png@v=1) center center no-repeat; background-size:contain;}

body#onair .read{ text-align:center; margin-bottom: 0px; padding-top: 20px; font-size: 1.8em;    font-family: "rounded B";}

/* cast staff
----------------------------------------------- */
body#cast_staff h2.contentsTitle{ background: url(img/cast_staff/title.png@v=1) center center no-repeat; background-size:contain;}


body#cast_staff #main.entryList section.mainDetail nav.categoryList ul li{ width: 360px;}

body#cast_staff #main.entryList section.mainDetail nav.categoryList ul li:nth-of-type(1) { margin:0 10px 0 0;}
body#cast_staff #main.entryList section.mainDetail nav.categoryList ul li:nth-of-type(2) { margin:0 0px 0 10px;}



/* story
----------------------------------------------- */
body#story h2.contentsTitle{ background: url(img/story/title.png@v=1) center center no-repeat; background-size:contain;}

body#story #main.entryList{}
	  
body#story #main.entryList section.mainDetail{}

body#story #main.entryList section.mainDetail .introBtn {
    display: block;
	width: 310px;
    height: 30px;
    margin:0 auto 15px auto !important;
    border-radius: 15px;
    overflow: hidden;
	text-align: center;
}

body#story #main.entryList section.mainDetail .introBtn a {
    background: #d4e200;
    display: block;
    height: 30px;
    line-height: 30px;
	padding: 0 15px;
    color: #fff;
	position: relative;
}
body#story #main.entryList section.mainDetail .introBtn a:before{content: ''; display: block; width: 13px; height: 10px; position: absolute; top: 10px; left: 12px;background: url(img/parts/arrow_down_white.png) no-repeat; background-size: contain;}
body#story #main.entryList section.mainDetail .introBtn a:hover{ background: #fc7f7c;}


section.mainDetail .seasonList{ text-align: center; margin-bottom: 30px;}
section.mainDetail .seasonList li{ width: 170px; height: 54px; display: inline-block; margin: 0 10px; border-radius: 10px; overflow: hidden;}

section.mainDetail .seasonList li:nth-of-type(1) a{ background: url(img/story/btn_season_1.png) center center no-repeat;}
section.mainDetail .seasonList li:nth-of-type(2) a{ background: url(img/story/btn_season_2.png) center center no-repeat;}


#main.entryList .seasonList li a{ display: block; height:0; padding-top: 54px; overflow: hidden; background-color: #a98080 !important;}

body#story #main .seasonList li a:hover,
body#story #main.season_2 .seasonList li:nth-of-type(2) a,
body#story #main.season_1 .seasonList li:nth-of-type(1) a{ background-color: #530000 !important;}


body#onair #main .seasonList li a:hover,
body#onair.season_2 #main .seasonList li:nth-of-type(2) a,
body#onair.season_1 #main .seasonList li:nth-of-type(1) a{ background-color: #530000 !important;}






body#story #main.entryList section.mainDetail nav.categoryList{ }
body#story #main.entryList section.mainDetail nav.categoryList ul{ height: auto; width: 740px; overflow: hidden; margin: auto;}
body#story #main.entryList section.mainDetail nav.categoryList ul li{ width: 92px; margin: 0 16px 15px 0; float: left; opacity: .5;}

body#story #main.entryList section.mainDetail nav.categoryList ul li:nth-of-type(1){width: 100%;}
body#story #main.entryList section.mainDetail nav.categoryList ul li:nth-of-type(1) a{width: 310px; margin: auto;}

body#story #main.entryList section.mainDetail nav.categoryList ul li:nth-child(7n+1) {
		 margin-right: 0;
}
body#story #main.entryList section.mainDetail nav.categoryList ul li a{ cursor: default;pointer-events: none; padding-left: 13px;border-radius: 15px;}
body#story #main.entryList section.mainDetail nav.categoryList ul li a:before{content: ''; display: block; width: 13px; height: 10px; position: absolute; top: 50%; margin-top: -5px; left: 12px;background: url(img/parts/arrow_down_white.png) no-repeat; background-size: contain;}

body#story #main.entryList section.mainDetail nav.categoryList ul li.active{ opacity:1;}
body#story #main.entryList section.mainDetail nav.categoryList ul li.active a{ position: relative;cursor: pointer; pointer-events: auto;}

body#story #main.entryList section.mainDetail nav.categoryList ul li.active a:hover{ }




body#story #main.entryList section.mainDetail article.story{margin-bottom: 75px !important;}
body#story #main.entryList section.mainDetail article.story header{ border-bottom: solid 2px #b3bec5 !important; margin-bottom: 40px !important; padding-bottom: 10px !important; overflow: hidden;}
body#story #main.entryList section.mainDetail article.story .entryMeta{  text-align: left;    position:relative;
    top: auto;
    left: auto;}

	body#story #main.entryList section.mainDetail article.story .entryMeta .no{ background: #7ca9e1; display:inline-block; padding: 0 20px; height: 20px; line-height:20px; font-size:0.8rem; border-radius:  10px; margin-bottom: 10px; color: #fff;}

	

body#story #main.entryList section.mainDetail article.story h3.entryTitle,
body#story #main.entryList section.mainDetail article.story .onair{ color: #530000;}

body#story #main.entryList section.mainDetail article.story h3.entryTitle{float: left;  width: 520px; }
body#story #main.entryList section.mainDetail article.story .onair{ float: right; width: 180px; font-size: 0.8em;text-align: right;}



body#story #main.entryList section.mainDetail article.story .entryContents{ padding-left: 0px; overflow: hidden;}

	
	body#story #main.entryList section.mainDetail article.story .entryContents .entryBody img{ }
	body#story #main.entryList section.mainDetail article.story .entryContents .entryBody a{ text-decoration: underline;}



body#story #main.entryList section.mainDetail article.story .entryContents .entryBody .col2{ overflow: hidden; margin-bottom: 2em;}
body#story #main.entryList section.mainDetail article.story .entryContents .entryBody .col2 br{ display: none;}
body#story #main.entryList section.mainDetail article.story .entryContents .entryBody .col2 img{ width: 48%; height: auto; margin:0 2% 2% 0; float: left;}
 
  

body#story #main.entryList section.mainDetail article.story .entryContents .profile{ position: relative; width: 562px; min-height: 150px;background: url(img/story/profile.png) no-repeat;  margin:0 auto 80px auto !important;}
body#story #main.entryList section.mainDetail article.story .entryContents .profile:nth-child(odd) { }

body#story #main.entryList section.mainDetail article.story .entryContents .profile .image{ position: absolute; top: 30px; z-index: 100; left: 80px;transform: translate(-50%, 0); width: 100px; height: auto;}
body#story #main.entryList section.mainDetail article.story .entryContents .profile .inner{ padding: 50px 50px 0 160px;}

body#story #main.entryList section.mainDetail article.story .entryContents .profile h3{ font-size: 1.2em; margin-bottom: 0px;}
body#story #main.entryList section.mainDetail article.story .entryContents .profile h4{ padding-bottom: 10px;margin-bottom: 20px;}
body#story #main.entryList section.mainDetail article.story .entryContents .profile p{ margin-bottom: 0;}

body#story #main.entryList section.mainDetail article.story .entryContents .profile:after{ content: ''; display: block; position: absolute;bottom: auto; left: 0; width: 562px; height: 49px; background: url(img/story/profile_footer.png) no-repeat;}




body#story #main.entryList section.mainDetail article .introImage{ width: auto; height: auto;margin-left:-67px;}


/* character
----------------------------------------------- */
body#character h2.contentsTitle{ background: url(img/character/title.png@v=1) center center no-repeat; background-size:contain;}


body#character #main img.mainChara{ position: relative; top: -35px; left: -115px; margin-bottom: 0px;}
body#character #main h3.titleSenpai{ height: 60px;  background: url(img/character/title_senpai.png) center top no-repeat; text-indent: -9999px; overflow: hidden;}			
			
body#character #main h3.titleOther{ height: 60px;  background: url(img/character/title_other.png) center top no-repeat; text-indent: -9999px; overflow: hidden;}			
			

body#character #main .areaMain{ position: relative;
    
    perspective: 1500px;
    -webkit-perspective: 1500px;}

body#character #main .areaMain .chara{ background-color: #ccc; opacity: .01; position: absolute;
	transition: all 400ms cubic-bezier(.50,.0,.50,1);
	-webkit-transition: all 400ms cubic-bezier(.50,.0,.50,1);
	
	
	}

.pcDevice body#character #main .areaMain .chara{
	
	transform: rotateY(15deg) translate(20px,0px) scale(1.1,1.1); 
	-webkit-transform: rotateY(15deg) translate(20px,0px) scale(1.1,1.1); 
	
		    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    
}

body#character #main .areaMain .chara.show{
	
	opacity: 1;
}

.pcDevice body#character #main .areaMain .chara.show{
	transform: rotateY(0deg) translate(0,0px) scale(1,1);
	-webkit-transform: rotateY(0deg) translate(0,0px) scale(1,1);
}

body#character #main .areaMain .chara_1{ top: -30px;left: -100px; width: 210px; height: 350px;transform-origin: right center;background: url(img/character/season_2/main_chara_1.png) center center no-repeat; background-size:contain;}
body#character #main .areaMain .chara_2{ top: -30px; right: -80px;  width: 210px; height: 350px;transform-origin: right center;background: url(img/character/season_2/main_chara_2.png) center center no-repeat; background-size:contain;}
body#character #main .areaMain .chara_3{ top: 365px; left: -110px; width: 170px; height: 210px;transform-origin: right center;background: url(img/character/season_2/main_chara_3.png) center center no-repeat; background-size:contain;}

body#character #main .areaMain .chara_4{ top: 370px; right: -70px; width: 170px; height: 210px;transform-origin: right center;background: url(img/character/season_2/main_chara_4.png) center center no-repeat; background-size:contain;}




body#character #main .areaBox_v2 .areaMain .chara_1{ top: -30px;left: -100px; width: 210px; height: 350px;transform-origin: right center;background: url(img/character/season_1/main_chara_1.png) center center no-repeat; background-size:contain;}
body#character #main .areaBox_v2 .areaMain .chara_2{ top: -30px; right: -80px;  width: 210px; height: 350px;transform-origin: right center;background: url(img/character/season_1/main_chara_2.png) center center no-repeat; background-size:contain;}
body#character #main .areaBox_v2 .areaMain .chara_3{ top: 310px; left: -100px; width: 170px; height: 210px;transform-origin: right center;background: url(img/character/season_1/main_chara_3.png) center center no-repeat; background-size:contain;}
body#character #main .areaBox_v2 .areaMain .chara_4{ top: 310px;  right: -80px;  width: 170px; height: 210px;transform-origin: right center;background: url(img/character/season_1/main_chara_4.png) center center no-repeat; background-size:contain;}


body#character #main .areaBox_v2.show .areaMain .chara_1{
	transition-delay:0ms;
}

body#character #main .areaBox_v2.show .areaMain .chara_2{
	transition-delay:300ms;
}

body#character #main .areaBox_v2.show .areaMain .chara_3{
	transition-delay:600ms;
}

body#character #main .areaBox_v2.show .areaMain .chara_4{
	transition-delay:900ms;
}

body#character #main .areaBox_v2.show .chara{
	transform: rotateY(0deg) translate(0,0px) scale(1,1);
	-webkit-transform: rotateY(0deg) translate(0,0px) scale(1,1);
	opacity: 1;
}



body#character #main .seasonTabs{}
body#character #main .seasonTabs.mainChara{ margin-bottom: 50px;}

body#character #main .seasonTabs ul.season{ }
body#character #main .seasonTabs:not(.noFrame) ul.season li{ background: #f5eee3; border: solid 8px #000; border-radius: 15px; box-shadow:0px 3px 0px 0px rgba(0,0,0,0.2); display: none; padding: 20px 46px;overflow: hidden;}
	
body#character #main .seasonTabs ul.season li:nth-of-type(1) { border-color: #fe726d; display: block;}

body#character #main .seasonTabs ul.season li.items{ }

body#character #main .seasonTabs ul.season li.items{
  display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	align-content:flex-start;
	padding-bottom: 50px
	
}
 

body#character #main .seasonTabs.otherChara ul.season li.items{
	justify-content: center;/* 3 */
    align-items: center;    /* 4 */
}
body#character #main .seasonTabs ul.season li dl{ width: 138px; min-height: 230px; margin:0 26px 0px 0; color: #687e94; line-height: 1.5;}

	body#character #main .seasonTabs ul.season li dl:nth-child(4n) {
		margin-right: 0;
		
	}

body#character #main .seasonTabs ul.season li dl dt.image{ text-align: center; height: 188px; }
body#character #main .seasonTabs ul.season li dl dt{ margin-bottom: 5px; text-align: center;}
	body#character #main .seasonTabs ul.season li dl dt .cv{ font-size: 0.8em;}
body#character #main .seasonTabs ul.season li dl dd{ border-top:dashed 1px #687e94; padding-top: 5px;font-size: 0.75em;}

body#character #main .seasonTabs ul.season li dl dd p{ margin-bottom: 0;}

body#character #main .seasonTabs ul.season li dl.comingsoon dt.image{ padding-top: 60px;}


body#character #main .seasonTabs ul.season li.comingsoon{}


body#character #main .seasonTabs ul.tabMenu{ width: 50px; height: 400px; position: absolute; top: 20px; left: -50px; display: none;}
body#character #main .seasonTabs ul.tabMenu li{ width: 50px;height: 205px; margin-bottom: 5px; background: #ccc;}

body#character #main .seasonTabs ul.tabMenu li:nth-of-type(1) {background: url(img/character/tab_1.png) no-repeat; }









body#character #main .seasonTabs2{ min-height: 1000px;}
body#character #main .seasonTabs2 ul.season{ position: relative; z-index: 11; pointer-events: none; }
body#character #main .seasonTabs2 ul.season li{ display: none; box-sizing: border-box; width: 794px; min-height: 800px; padding: 20px 46px 20px 110px;position: absolute; top: 0; left: -52px; }


body#character #main .seasonTabs2 ul.season li:nth-of-type(1) { background:url(img/character/tab_2.png) no-repeat; z-index: 1;}
body#character #main .seasonTabs2 ul.season li:nth-of-type(2) { background:url(img/character/tab_1.png) no-repeat; z-index: 2;}

body#character #main .seasonTabs2 ul.season li:nth-of-type(3) { background:url(img/character/tab_3.png) no-repeat; z-index: 3;}
body#character #main .seasonTabs2 ul.season li:nth-of-type(4) { background:url(img/character/tab_4.png) no-repeat; z-index: 4;}

body#character #main .seasonTabs2 ul.season li:after{ content:''; display: block; width: 794px; height: 23px; position: absolute; bottom:-23px;left: 0;}

body#character #main .seasonTabs2 ul.season li:nth-of-type(1):after { background:url(img/character/tab_2_footer.png) no-repeat;}
body#character #main .seasonTabs2 ul.season li:nth-of-type(2):after { background:url(img/character/tab_1_footer.png) no-repeat;}


body#character #main .seasonTabs2 ul.season li:nth-of-type(3):after { background:url(img/character/tab_3_footer.png) no-repeat;}
body#character #main .seasonTabs2 ul.season li:nth-of-type(4):after { background:url(img/character/tab_4_footer.png) no-repeat;}

body#character #main .seasonTabs2 ul.season li.items{ }

body#character #main .seasonTabs2 ul.season li.items{
  display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:none;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	align-content:flex-start;
	
}


body#character #main .seasonTabs2 ul.season li.active{ z-index: 10; display: flex;}

body#character #main .seasonTabs2 ul.season li dl{ width: 138px; min-height: 230px; margin:0 26px 26px 0; color: #687e94; line-height: 1.5;}

	body#character #main .seasonTabs2 ul.season li dl:nth-child(4n) {
		margin-right: 0;
		
	}

body#character #main .seasonTabs2 ul.season li dl dt.image{ text-align: center; height: 188px; }
body#character #main .seasonTabs2 ul.season li dl dt{ margin-bottom: 5px; text-align: center;}
body#character #main .seasonTabs2 ul.season li dl dt .cv{ font-size: 0.8em;}
body#character #main .seasonTabs2 ul.season li dl dd{ border-top:dashed 1px #687e94; padding-top: 5px;font-size: 0.75em;}

body#character #main .seasonTabs2 ul.season li dl.comingsoon dt.image{ padding-top: 60px;}


body#character #main .seasonTabs2 ul.season li.comingsoon{}


body#character #main .seasonTabs2 ul.tabMenu{ width: 50px; height: 400px; position: absolute; top: 0px; left: -50px; z-index: 10; display: block;}
body#character #main .seasonTabs2 ul.tabMenu li{ width: 50px;height: 200px;}

body#character #main .seasonTabs2 ul.tabMenu li span{ display: block; width: 50px; height: 160px; position: relative; top: 20px; cursor: pointer;}



body#character #main .seasonTabs2 ul.tabMenu li:nth-of-type(1) { position: absolute; top: 210px; left: 0px; background:url(img/character/tab_2.png) 0px -210px no-repeat;}

body#character #main .seasonTabs2 ul.tabMenu li:nth-of-type(2) { position: absolute; top: 30px; left: 0px;  background:url(img/character/tab_1.png) 0px -30px no-repeat;}

body#character #main .seasonTabs2 ul.tabMenu li:nth-of-type(3) { position: absolute; top: 390px; left: 0px;  background:url(img/character/tab_3.png) 0px -390px no-repeat;}

body#character #main .seasonTabs2 ul.tabMenu li:nth-of-type(4) { position: absolute; top: 570px; left: 0px;  background:url(img/character/tab_4.png) 0px -570px no-repeat;}







/* goods
----------------------------------------------- */
body#goods h2.contentsTitle{ background: url(img/goods/title.png@v=1) center center no-repeat; background-size:contain;}


body#goods section.mainDetail article.thumb{ width: 250px;  margin: 0 23px 23px 0;border-radius: 20px; background: #f5eee3;box-shadow:0px 3px 0px 3px rgba(0,0,0,0.2);}

body#goods section.mainDetail article.thumb:nth-child(3n) {
		 margin-right: 0;
	}


body#goods section.mainDetail article.thumb .inner{ display: block;  width: 250px;  
padding: 20px 20px 70px 20px;

	text-decoration: none;
}

body#goods section.mainDetail article.thumb .image{ width:100%; height: 0px; padding-top: 100%; border: solid 1px #dcdcdc; background: #fff; margin-bottom: 5px;}

body#goods section.mainDetail article.thumb .image:not(.noZoom){ cursor: pointer;}
body#goods section.mainDetail article.thumb .image:not(.noZoom):after{ content: ''; display: block; width: 100%; height: 100%; box-sizing: border-box; border:solid 0px #7ca9e1; display: block;transition: all 300ms cubic-bezier(0,0,.5,1); position: absolute;top: 0; left: 0; z-index: 5;}

body#goods section.mainDetail article.thumb .image.noZoom:before{ display: none !important;}

body#goods section.mainDetail article.thumb .image .thumbImg{ width:100%;  height: 0px; padding-top: 100%; position: absolute;top: 0; left: 0; z-index: 1;transition: all 300ms cubic-bezier(0,0,.5,1); }


body#goods section.mainDetail article.thumb .image:not(.noZoom):hover .thumbImg{ opacity: .5;}
body#goods section.mainDetail article.thumb .image:not(.noZoom):hover:after{border:solid 4px #7ca9e1;}

body#goods section.mainDetail article.thumb .image:not(.noZoom):hover:before{transform-origin:right bottom;transform: scale(1.5,1.5);}

body#goods section.mainDetail article.thumb .title{ display: table; margin:0 auto 5px auto; height: 50px; text-align: center;}
body#goods section.mainDetail article.thumb h3{
	display: table-cell;
	margin: auto;
	text-align: center;
	height: 50px;
	font-family:"rounded B";
	line-height: 15px;
	vertical-align: middle;
	padding: 1px;
	line-height: 1.3;
	
	
}

body#goods section.mainDetail article.thumb h3 a{ display: inline-block; color: #7ca9e1;font-family:"rounded B";transition: all 300ms cubic-bezier(0,0,.5,1); }
body#goods section.mainDetail article.thumb h3 a:hover{ opacity:.5;}


body#goods section.mainDetail article.thumb .price{ text-align: center; line-height: 1; margin-bottom: 5px;}
body#goods section.mainDetail article.thumb .price span{ font-size: 0.8em;}

body#goods section.mainDetail article.thumb .data{ position: absolute; bottom: 0; left: 20px;width: calc(100% - 40px); font-size: 0.8em;background: #fff; padding: 8px 5px 6px 7px; border-radius: 10px; margin-bottom: 20px; overflow: hidden;}


body#goods section.mainDetail article.thumb .data dt{clear: both; float: left; width: 58px;font-family:"rounded B";}
body#goods section.mainDetail article.thumb .data dd{float: left; width: 140px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}

body#goods section.mainDetail article.thumb .data dt:after{content: '：'; display: inline-block; float: right;}

       

/* movie
----------------------------------------------- */
body#movie h2.contentsTitle{ background: url(img/movie/title.png@v=1) center center no-repeat; background-size:contain;}


body#movie section.mainDetail article.thumb{ width: 385px; min-height: 300px; margin: 0 30px 30px 0;border-radius: 20px; background: #f5eee3;box-shadow:0px 3px 0px 3px rgba(0,0,0,0.2);border: solid 4px #f5eee3; transition: all 300ms cubic-bezier(0,0,.5,1);}

body#movie section.mainDetail article.thumb:nth-child(2n) {
		 margin-right: 0;
	}


body#movie section.mainDetail article.thumb a{ display: block;  width: 100%;  

padding: 16px 16px 26px 16px;
	 font-size: 0.8em;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	transition: all 300ms cubic-bezier(0,0,.5,1);
}

body#movie section.mainDetail article.thumb .image{ width:100%; height: 192px; border: solid 1px #dcdcdc; background: #fff; margin-bottom: 8px;transition: all 300ms cubic-bezier(0,0,.5,1);}

body#movie section.mainDetail article.thumb .title{ color: #7ca9e1; padding: 0px; min-height: 50px;vertical-align: middle; display: table; margin:0 auto 15px auto;}
body#movie section.mainDetail article.thumb h3{
font-family:"rounded B";
	position: relative;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	line-height: 1.3;
	font-size: 1.5em;
}



body#movie section.mainDetail article.thumb .date{ text-align: center; line-height: 1; position: absolute; bottom: 15px; left: 50%; transform: translate(-50%, 0); white-space: nowrap;}
body#movie section.mainDetail article.thumb .date span{color: #7ca9e1;}

body#movie section.mainDetail article.thumb:hover{ border-color: #7ca9e1;}
body#movie section.mainDetail article.thumb:hover a{ opacity: .5;}
body#movie section.mainDetail article.thumb:hover .title{}
body#movie section.mainDetail article.thumb:hover .title h3:before{ }


       







/* special
----------------------------------------------- */
body#special h2.contentsTitle{ background: url(img/special/title.png@v=1) center center no-repeat; background-size:contain;}


body#special section.mainDetail article.thumb{ width: 250px; margin: 0 23px 23px 0;border-radius: 20px; background: #f5eee3;box-shadow:0px 3px 0px 3px rgba(0,0,0,0.2);border: solid 4px #f5eee3;transition: all 300ms cubic-bezier(0,0,.5,1);}

body#special section.mainDetail article.thumb:nth-child(3n) {
		 margin-right: 0;
}

body#special section.mainDetail article.thumb.iconNew:before {
    top: -10px;
    right: -10px;
}

body#special section.mainDetail article.thumb a{ display: block;  width: 100%;  

padding: 16px 16px 16px 16px;
	 font-size: 0.8em;
	text-decoration: none;
	cursor: pointer;
	 font-size: 0.8em;
	box-sizing: border-box;
	transition: all 300ms cubic-bezier(0,0,.5,1);
}



body#special section.mainDetail article.thumb .title{background: #fff; color: #7ca9e1; padding: 10px 15px; border-radius: 10px; margin-bottom: 15px;}
body#special section.mainDetail article.thumb h3{
font-family:"rounded B";
	position: relative;
	height: 35px;
	overflow: hidden;
	line-height: 1.3em;
}
body#special section.mainDetail article.thumb h3:after{ content: ''; display: block; width: 5em; height: 1.3em; position: absolute; bottom: 0; right: 0; z-index: 5; background: url(img/common/mask_text.png) no-repeat; background-size:cover; }

body#special section.mainDetail article.thumb .image{ width:100%; height: 0px; padding-top: 75%; border: solid 1px #dcdcdc; background: #fff; margin-bottom: 8px;}

body#special section.mainDetail article.reportThumb .image:after{ content: ''; display: block; width: 59px; height: 42px; position: absolute; top:-10px; right: -10px; z-index: 5; background: url(img/special/icon_report.png) no-repeat; background-size:cover;}

body#special section.mainDetail article.thumb .date{ text-align: center; line-height: 1;}
body#special section.mainDetail article.thumb .date span{color: #7ca9e1;}

body#special section.mainDetail article.thumb:hover{ border-color: #7ca9e1;}
body#special section.mainDetail article.thumb:hover a{opacity: .5;}
body#special section.mainDetail article.thumb:hover .title{ }
body#special section.mainDetail article.thumb:hover .title h3:before{ }



body#special section.mainDetail .reportThumbs{ margin-bottom: 100px; padding-top: 50px;}
body#special section.mainDetail .reportThumbs:after { content: ''; display: block; clear: both; }
body#special section.mainDetail .reportThumbs article.thumb{ width: calc(50% - 10px); float: left; margin-right: 20px;}
body#special section.mainDetail .reportThumbs article.thumb:nth-child(2n) {
	 margin-right: 0px;
}

body#special section.mainDetail .reportThumbs article.thumb a{padding: 15px 16px 20px 150px;}
body#special section.mainDetail .reportThumbs article.thumb a:after{ content:''; display: block; position: absolute; bottom: 2px; right: 5px; z-index: 5; width: 59px; height: 42px; background: url(http://www.hataoni.jp/wp/wp-content/themes/hataoni_v5/img/special/icon_report/png) no-repeat;}
body#special section.mainDetail .reportThumbs article.thumb .image{ width:120px; height: 90px; padding-top: 0; border: solid 1px #dcdcdc; background: #fff; margin-bottom: 8px; position: absolute; top: 15px; left: 15px;}
body#special section.mainDetail .reportThumbs article.thumb .title{background:transparent;padding: 10px 0px 0px 0px; min-height: 60px; border-radius: 10px; margin-bottom: 10px;}
body#special section.mainDetail .reportThumbs article.thumb h3{ height: 52px;}
body#special section.mainDetail .reportThumbs article.thumb h3:after{ display: block;    background: url(img/common/mask_text_beige.png) no-repeat; background-size: cover;}
body#special section.mainDetail .reportThumbs article.thumb .date{ text-align: left; line-height: 1;}
body#special section.mainDetail .reportThumbs article.thumb .date span{color: #7ca9e1;}






body#special section.mainDetail article.report{ padding: 0;}
body#special section.mainDetail article.report header{ min-height: 100px;position: relative; z-index: 2; top: 30px; border-bottom: solid 2px #b3bec5; margin: 0 30px 100px 30px;}

body#special section.mainDetail article.report header .entryMeta{ margin-bottom: 10px;font-family:"rounded B"; text-align: center; position: absolute; top: 0; left: 0; width: 100px;}

	body#special section.mainDetail article.report header .entryMeta .no,
body#special section.mainDetail article.report header .entryMeta .date{ display:inline-block; width: 100px; height: 20px; line-height:0.8rem; font-size:0.8rem; padding: 5px 10px; border-radius:  10px;color: #fff;}

	body#special section.mainDetail article.report header .entryMeta .no{ background: #7ca9e1; margin-bottom: 10px;}
	body#special section.mainDetail article.report header .entryMeta .date{ background: #d4e200;}

	

body#special section.mainDetail article.report header .entryTitle{  padding:100px 0 0px 120px;height: 0; overflow: hidden; background: url(img/special/title_senpai.png) 120px 0 no-repeat;}
body#special section.mainDetail article.report header .job{  padding:10px 0 0px 140px;font-size: 1.1em; display: none;}

 
body#special section.mainDetail article.report header .profileArea{position:absolute; top: 0px; right: 0px;width: 262px;}
body#special section.mainDetail article.report header .profileArea .photo{ position:absolute;width: 262px; height: 310px;  transform: rotate(5deg) translate(55px, -75px);}

body#special section.mainDetail article.report header .profileArea .photo:after{ content: ''; position:absolute; top: 0px; left: 0px; z-index: 2;display: block;width: 262px; height: 310px;  background: url(img/special/photo_frame.png) center center no-repeat ;}

body#special section.mainDetail article.report header .profileArea .photo:before{content: '';display: block;width: 222px; height: 205px; position:absolute; top: 49px; left: 20px; z-index: 1;  background: url(img/special/interview_profile_bg.png) center center no-repeat ; background-size:cover; }


body#special section.mainDetail article.report header .profileArea .photo .image{width: 222px; height: 205px; position:absolute; top: 49px; left: 20px; z-index: 1; }


body#special section.mainDetail article.report header .profileArea .photo .text{ display: table;width: 250px; height: 50px; position:absolute; bottom: 7px; left: 5px; z-index: 3; text-align: center; line-height: 1.5; font-size: 1.2em;color: #530000; }
body#special section.mainDetail article.report header .profileArea .photo .text .inner{ display: table-cell; height: 50px; vertical-align: middle; margin: auto;}
body#special section.mainDetail article.report header .profileArea .photo .text .support{ font-size: 0.7em;}





body#special section.mainDetail article.report .entryContents{ position: relative; z-index: 1;}

body#special section.mainDetail article.report .entryContents .todayJobs{ text-align: center; background: url(img/special/bg_pattern.png) #fff; border-radius: 10px; padding: 30px; margin: 0 30px 120px 30px; border: solid 1px #c7cfd2;}

body#special section.mainDetail article.report .entryContents .todayJobs h3{background: url(img/special/title_todays_job.png) center top no-repeat; background-size:200px auto;  height: 0px; padding-top: 50px; overflow: hidden;}
body#special section.mainDetail article.report .entryContents .todayJobs h4{ margin-bottom: 25px; display: block; text-align: center; padding: 0px 30px; border-radius: 20px; min-width: 250px; height: 40px; line-height: 40px; background-color: #7ca9e1; color: #fff; font-size: 1.3em; letter-spacing: 0.25em;}
body#special section.mainDetail article.report .entryContents .todayJobs .text{ text-align: left; margin-bottom: 20px;}
body#special section.mainDetail article.report .entryContents .todayJobs ul.photo{ overflow: hidden;}
body#special section.mainDetail article.report .entryContents .todayJobs ul.photo li{ width:calc(33.3% - 6px); margin-right: 9px; float: left; background: #ccc;}
body#special section.mainDetail article.report .entryContents .todayJobs ul.photo li:last-child{ margin-right: 0;}
body#special section.mainDetail article.report .entryContents .todayJobs ul.photo li img{ width: 100%; height: auto;}

body#special section.mainDetail article.report .entryContents .entryBody{ padding:0 30px;}

body#special section.mainDetail article.report .entryContents .reportBody{ position: relative;padding:0px 30px 30px 30px; margin-bottom: 110px;min-height: 750px; text-align: center; color: #d4e200; background: url(img/special/bg_entrybody.png) ;}

body#special section.mainDetail article.report .entryContents .reportBody:before,
body#special section.mainDetail article.report .entryContents .reportBody:after{ content:''; display: block; position: absolute; z-index: 1; width: 64px; height: 47px;}

body#special section.mainDetail article.report .entryContents .reportBody:before{ top: -70px; left: 30px; background: url(img/special/mark_top.png) no-repeat;}
body#special section.mainDetail article.report .entryContents .reportBody:after{ bottom: -60px; right: 30px; background: url(img/special/mark_bottom.png) no-repeat;}

body#special section.mainDetail article.report .entryContents .reportBody h3{ width: 100%; height:0px; padding-top: 40px; overflow: hidden; background: url(img/special/title_arekore.png) center center no-repeat; margin-bottom: 0px; position: absolute; top: -50px; left: 0px; z-index: 2;}

body#special section.mainDetail article.report .entryContents .reportBody .supporterData{ color: #530000; text-align: cemter; padding: 0 30px;}

body#special section.mainDetail article.report .entryContents .reportBody dl.qa:not(.image){ padding: 40px 30px 0 30px; text-align: left; margin-bottom: 10px;}
body#special section.mainDetail article.report .entryContents .reportBody dl.qa.image{ padding-top: 10px; }
body#special section.mainDetail article.report .entryContents .reportBody dl.qa:first-child{ padding-top: 0;}
body#special section.mainDetail article.report .entryContents .reportBody dl.qa dt{ padding-left: 67px; margin-bottom: 20px; margin-right: 65px;}
body#special section.mainDetail article.report .entryContents .reportBody dl.qa dd.a{ padding-right: 65px;margin-left: 65px; margin-bottom: 20px;}

body#special section.mainDetail article.report .entryContents .reportBody dl.qa dt .inner,
body#special section.mainDetail article.report .entryContents .reportBody dl.qa dd.a .inner{ background: #fff; border-radius: 20px; padding: 20px; color: #fff;}

body#special section.mainDetail article.report .entryContents .reportBody dl.qa dt .inner{ background: #d4e200; }
body#special section.mainDetail article.report .entryContents .reportBody dl.qa dd.a .inner{background: #7ca9e1; }

body#special section.mainDetail article.report .entryContents .reportBody dl.qa dt:before,
body#special section.mainDetail article.report .entryContents .reportBody dl.qa dd.a:before{ content: ''; display: block; width: 74px; height: 40px; position: absolute; bottom: 0; z-index: 10;}

body#special section.mainDetail article.report .entryContents .reportBody dl.qa dt:before{ left: 0;background: url(img/special/icon_q.png) center center no-repeat;}
body#special section.mainDetail article.report .entryContents .reportBody dl.qa dd.a:before{ right: 0;background: url(img/special/icon_a.png) center center no-repeat;}


body#special section.mainDetail article.report .entryContents .reportBody dl.qa dt:after,
body#special section.mainDetail article.report .entryContents .reportBody dl.qa dd:after{}

body#special section.mainDetail article.report .entryContents .reportBody dl.qa dd.image{ text-align: right; padding-right: 65px;}
body#special section.mainDetail article.report .entryContents .reportBody img{ display: table;  border-radius: 25px; width: 360px; height: auto; margin: 0 0 10px auto;}

body#special section.mainDetail article.report .entryContents .reportBody a[target="_blank"]:after{ background:url(img/common/icon_blank_white.png) no-repeat; color: #fff;}
body#special section.mainDetail article.report .entryContents .reportBody a,
body#special section.mainDetail article.report .entryContents .reportBody a:link,
body#special section.mainDetail article.report .entryContents .reportBody a:visited{color:#fff;}

body#special section.mainDetail article.report .entryContents .thankyou{ width: 383px; height: 38px; background:url(img/special/title_thankyou.png) no-repeat; position: absolute; bottom:-30px; right: 60px; z-index: 10;}

body#special section.mainDetail article.report .entryContents .jobBanner{ width: 740px;  margin: 0 30px 40px 30px; }
body#special section.mainDetail article.report .entryContents .jobBanner a{ display: block; height: 0; padding-top: 120px; overflow: hidden; background: url(img/special/banner.png) no-repeat; background-size:contain; }

body#special section.mainDetail article.report .entryContents .entryShare{ overflow: hidden;  margin: 0 30px 0px 30px; padding-bottom: 40px; line-height: 0; }
body#special section.mainDetail article.report .entryContents .entryShare li{ float: left; margin-right: 10px;}


body#special .backList{ display: table; margin: auto;}
body#special .backList .bgBtn{ display:inline-block; width: auto; height: 30px; border-radius:15px; padding: 0 40px 0 20px; margin: auto; line-height: 30px; } 
body#special .backList .bgBtn:after{ content:''; display: block; width: 20px; height: 14px; position: absolute; top: 8px; right: 15px; background:url(img/parts/arrow_white.png) center center no-repeat; background-size:contain; }









/* cd bluray
----------------------------------------------- */
body#cd h2.contentsTitle{ background: url(img/cd/title.png) center center no-repeat; background-size:contain;}
body#bluray h2.contentsTitle{ background: url(img/bluray/title.png) center center no-repeat; background-size:contain;}



#main.entryList section.mainDetail article.info{margin-bottom: 75px !important;}
#main.entryList section.mainDetail article.info header{ border-bottom: solid 2px #b3bec5 !important; margin-bottom: 40px !important; padding-bottom: 10px !important; overflow: hidden;}

#main.entryList section.mainDetail article.info h3.entryTitle{  font-size: 1.8em; line-height: 1.5;}


#main.entryList section.mainDetail article.info .entryContents{ padding-left: 0px; overflow: hidden;}

	
	#main.entryList section.mainDetail article.info .entryContents .entryBody img{ }
	#main.entryList section.mainDetail article.info .entryContents .entryBody a{ text-decoration: underline;}

#main.entryList section.mainDetail article.info .entryContents .entryBody .data{ position: relative; overflow: hidden;}


#main.entryList section.mainDetail article.info .entryContents .entryBody .data .image{ width: 310px; float: left;}

#main.entryList section.mainDetail article.info .entryContents .entryBody .data .text{width: calc(100% - 350px); float: right;}
#main.entryList section.mainDetail article.info .entryContents .entryBody .data .text h3{font-family: "rounded B"; margin-bottom: 20px; font-size: 1.2em;}

#main.entryList section.mainDetail article.info .entryContents .entryBody h4{font-family: "rounded B"; margin-bottom: 20px; font-size: 1.2em; padding-top: 20px;}

#main.entryList section.mainDetail article.info .entryContents .entryBody h4.iconTitle{ padding-left: 35px; position: relative;}
#main.entryList section.mainDetail article.info .entryContents .entryBody h4.iconTitle:before{ top:23px;}





/* vote
----------------------------------------------- */
body#vote2 h2.contentsTitle{ background: url(img/cd/title.png) center center no-repeat; background-size:contain;}

body#vote .entryContents{ padding-top:0px;}
body#vote .entryContents h2{ text-align:center; margin-bottom: 30px; padding-top: 20px; font-family: 'rounded B'; font-size: 2.2em;}

body#vote .entryContents h4{ text-align:center; margin-bottom: 10px; font-size:1.6em; font-family: 'rounded B';}

body#vote .entryContents p.read{ font-size:1.15em; font-family: 'rounded B'; margin-bottom: 40px;}

body#vote .entryContents .entryDates{ text-align: center;}
body#vote .entryContents .entryDates .box{ display: block;margin:0 auto 120px;  background: transparent; border: solid 3px #530000; box-sizing: border-box; padding:20px 40px; border-radius: 10px; }
body#vote .entryContents .entryDates h4{}
body#vote .entryContents .entryDates h5{ font-size: 1.8em;font-family: 'rounded B';}



body#vote .entryContents #chart{ margin-bottom: 80px; border: solid 3px #ccc; background: #fff; box-sizing: border-box; padding:100px 20px 40px 20px; border-radius: 10px; position: relative;}
body#vote .entryContents #chart h4{ text-align: center; position: absolute; top:-35px; left: 50%; transform: translate(-50%,0);}
body#vote .entryContents ul.rank{ display: flex;flex-wrap: wrap; }
body#vote .entryContents ul.rank li{ width:32.666%; margin: 0 1% 0px 0; text-align: center; font-family: 'rounded B'; }
body#vote .entryContents ul.rank li:last-child{ margin-right:0 !important;}
body#vote .entryContents ul.rank li img.thumb{ width: 100% !important; height: auto !important; margin-bottom: 10px;}
body#vote .entryContents ul.rank li h3{ margin-bottom: 5px;} 




body#vote .entryContents ul.story{ display: flex;flex-wrap: wrap;margin-bottom: 40px; }
body#vote .entryContents ul.story li{ width: 25%; margin: 0 0 20px 0; padding: 1%; border-radius: 5px; box-sizing: border-box; text-align: center;cursor: pointer;font-size:0.84em;  font-family: 'rounded B'; letter-spacing: -0.04em;}
body#vote .entryContents ul.story li:nth-child(4n){ margin-right:0 !important;}
body#vote .entryContents ul.story li img.thumb{ width: 100% !important; height: auto !important; margin-bottom: 5px;}

body#vote .entryContents ul.story li:hover,
body#vote .entryContents ul.story li.selected{ background-color:#7ca9e1;}

body#vote .entryContents ul.story li input{ display:none;} 

body#vote .entryContents textarea#message{ width:100%; height: 80px; padding: 10px; box-sizing: border-box; border: solid 3px #ccc; margin-bottom: 40px; border-radius: 10px; font-size: 1.3em;}
 
body#vote .entryContents .question-btn-submit{ margin:auto; width: 250px; height: 60px;  box-sizing: border-box; text-align: center; background: #687e94; color: #fff; font-size: 2.0rem; line-height: 60px; cursor: pointer; border-radius: 30px; pointer-events: none; opacity: .2;}

body#vote .entryContents .seigen{ padding-top: 20px; color: #c00; font-size: 0.8em; text-align: center;margin-bottom: 40px;}


body#vote .entryContents .question-btn-submit.active{ pointer-events:auto; opacity: 1;}

body#vote .entryContents .question-btn-submit:hover{ background-color: #fe726d;}

body#vote .entryContents .yourSelected{ text-align: center;margin-bottom: 30px;}

body#vote .entryContents .yourSelected .thumb{margin-bottom: 20px; width: 500px; height: auto;}
body#vote .entryContents .yourSelected  h4{margin-bottom: 30px; font-size: 1.4em;}

body#vote .entryContents .yourSelected  h5{margin-bottom: 10px; font-family: 'rounded B';font-size: 1.2em; }

body#vote .entryContents .yourSelected .share{text-align: center;}

body#vote .entryContents .yourSelected .share li{ margin: 0 10px; display: inline-block; border-radius: 5px; overflow: hidden;}
body#vote .entryContents .yourSelected .share li a{  font-family: 'rounded B';display:inline-block; padding: 0 20px; min-width: 200px; height: 60px; line-height: 60px; text-align: center; font-size: 1.2em; color: #fff; white-space: nowrap;}
body#vote .entryContents .yourSelected .share li a:after{ display:none;}

body#vote .entryContents .yourSelected .share li.twitter a{ background-color: #1ea4f1;}
body#vote .entryContents .yourSelected .share li.facebook a{ background-color: #3b5a9c;}

body#vote .entryContents .syukei{ text-align:center; font-size: 2.0em; padding: 50px 0;font-family: 'rounded B'; }




@-webkit-keyframes widgetAnim2 { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 400, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 400, 0, 1); }
  4.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 180.29, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 180.29, 0, 1); }
  8.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.357, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.357, 0, 1);  opacity: 1;  }
  12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.861, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.861, 0, 1); }
  16.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -25.322, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -25.322, 0, 1); }
  27.73% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.139, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.139, 0, 1); }
  38.84% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.014, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.014, 0, 1); }
  61.06% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.041, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.041, 0, 1); }
  83.28% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.002, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);  opacity: 1;  } 
}

@keyframes widgetAnim2 { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 400, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 400, 0, 1); }
  4.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 180.29, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 180.29, 0, 1); }
  8.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.357, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 46.357, 0, 1);  opacity: 1;  }
  12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.861, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.861, 0, 1); }
  16.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -25.322, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -25.322, 0, 1); }
  27.73% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.139, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.139, 0, 1); }
  38.84% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.014, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.014, 0, 1); }
  61.06% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.041, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.041, 0, 1); }
  83.28% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.002, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);  opacity: 1;  } 
}



@-webkit-keyframes scrollDown {
	0%{-webkit-transform: translate(-50%, 0);}
	25%{-webkit-transform: translate(-50%, 20px);}
	50%{-webkit-transform: translate(-50%, 0);}
	100%{-webkit-transform: translate(-50%, 0);}
}
@keyframes scrollDown {
	0%{transform: translate(-50%, 0);}
	25%{transform: translate(-50%, 20px);}
	50%{transform: translate(-50%, 0);}
	100%{transform: translate(-50%, 0);}
}




@-webkit-keyframes newpoyon {
  0%   { -webkit-transform:scale(1.0,1.0) translate(0%, 0%); }
  5%  { -webkit-transform:scale(1.1,1.1) translate(2%, -10%); }
  20%  { -webkit-transform:scale(1.0,1.0) translate(0%, 0%); }
  100% { -webkit-transform:scale(1.0,1.0) translate(0%, 0%); }
}

@keyframes newpoyon {
  0%   { transform:scale(1.0,1.0) translate(0%, 0%); }
  5%  { transform: scale(1.1,1.1) translate(2%, -10%); }
  20%  { transform:scale(1.0,1.0) translate(0%, 0%); }
  100% { transform:scale(1.0,1.0) translate(0%, 0%); }
}




@-webkit-keyframes menuMark {
	0%  { -webkit-transform:scale(0,0) translate(-50%,0); }
	40%  { -webkit-transform:scale(0,0) translate(-50%,0); }
	60%  { -webkit-transform:scale(1,1) translate(-50%,0); }
	80%  { -webkit-transform:scale(0.9,0.9) translate(-50%,0); }
	100%  { -webkit-transform:scale(1,1) translate(-50%,0); }
}



@keyframes menuMark {
	0%  { transform:scale(0,0) translate(-50%,0); }
	20%  { transform:scale(0,0) translate(-50%,0); }
	40%  { transform:scale(1,1) translate(-50%,0); }
	60%  { transform:scale(0.9,0.9) translate(-50%,0); }
	100%  { transform:scale(1,1) translate(-50%,0); }
}




 





.title_anime {
  -webkit-animation: title_anime 1000ms linear both;
  animation: title_anime 1000ms linear both;
}

/* Generated with Bounce.js. Edit at https://goo.gl/tR9hes */

@-webkit-keyframes title_anime { 
  0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% { -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% { -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% { -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% { -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% { -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% { -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.72% { -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.32% { -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% { -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% { -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% { -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% { -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% { -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% { -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% { -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% { -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes title_anime { 
  0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% { -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% { -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% { -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% { -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% { -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% { -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.72% { -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.32% { -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% { -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% { -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% { -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% { -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% { -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% { -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% { -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% { -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}