@charset "utf-8";

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}

html,
body{ background: #FFF; color: #333; height: 100%; line-height: 1.4; font-size: 18px; font-family: sans-serif; }

a,a:visited {color: #FF007F;}
a:hover,a:active {color: #FF007F;}

.ilink,
.ilink:visited,
.ilink:active{ background: #FABF15; color: #FFF; }
.ilink:hover{ background: #FFF; color: #FABF15; }
a.ilink-fr{ display: inline-block; padding: 4px; background: #FABF15; line-height: 0; margin-bottom: 10px; }
a.ilink-fr:hover{ background: #f7d672; }

.ac1{ color: #FAC000; } /* yellow */
.ac2{ color: #c2d92c; } /* green */
.ac3{ color: #B5B292; } /* sand */
.ac4{ color: #C479B2; } /* purple */
.ac5{ color: #94D1B5; } /* blue-green */
.ac6{ color: #EF787E; } /* pink */
.ac7{ color: #7ECCDC; } /* light-blue */
.ac8{ color: #F38F4F; } /* orange */
.ac9{ color: #915607; } /* brown */

.hr-ac1dot{ border-color: #FAC000; border-width: 1px 0px 0px 0px; border-style: dashed; height: 1px;}
.frame-ac1r{ border: #FAC000 dotted 1px;  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }



/* style */
.ttl1{ font-size:30px; margin: 0 0 5px 0;  }
.ttl2{ font-size:20px; color: #EF787E; border-bottom: #EF787E solid 1px; margin-bottom: 1em; }
.ttl2-2{ font-size:20px; color: #FFF; font-weight: bold; border-left: #FFF solid 3px; padding-left: 2px; margin-bottom: 1em; }
.ttl3{ font-size:20px; font-weight: bold; border-top: #222 solid 2px; border-bottom: #222 solid 2px; padding: 7px 0px;  }
.ttl4{ font-size:14px; background:#666; padding:2px; margin-bottom:8px; color: #FFF;}
.ttl5{ font-size: 1.1em; font-weight: bold; color: #EF787E; background: #FFF; padding: 5px 5px 5px 10px; border-left:#EF787E 3px solid; border-right:#c7c7c7 1px solid; border-bottom:#c7c7c7 1px solid;  }
.ttl5-ac1{ color: #FAC000; border-left:#FAC000 3px solid; }
.ttl5-ac2{ color: #C3DA2C; border-left:#C3DA2C 3px solid; }
.ttl5-ac3{ color: #B5B292; border-left:#B5B292 3px solid; }
.ttl5-ac4{ color: #C479B2; border-left:#C479B2 3px solid; }
.ttl5-ac5{ color: #94D1B5; border-left:#94D1B5 3px solid; }
.ttl5-ac6{ color: #EF787E; border-left:#EF787E 3px solid; }
.ttl5-ac7{ color: #7ECCDC; border-left:#7ECCDC 3px solid; }
.ttl5-ac8{ color: #F38F4F; border-left:#F38F4F 3px solid; }
.ttl5-ac9{ color: #915607; border-left:#915607 3px solid; }
/*.ttl5{ color: #e880d7; border-bottom: #e880d7 solid 1px; margin-bottom: 1em; }*/
.ttl6{ font-size:14px; border-bottom: #222 dotted 1px; margin-bottom: 1em; }
.ttl6-2{ font-size:16px; font-weight: bold; color: #FF4A40; border-bottom: #FF4A40 dotted 3px; margin-bottom: 20px; position: relative; }
.ttl6-2 span{ display: inline-block; background:#FFF; padding-right: 10px; position: relative; bottom:-13px; }

.balloon1 { border: #EF787E solid 4px; padding: .7em; position: relative;}
.balloon1:after { border-top: 20px solid #EF787E; border-right: 20px solid transparent; border-left: 20px solid transparent; content: ''; margin-left: -20px; position: absolute; bottom: -20px; left: 5%;}

.tbl-a{ border-collapse: separate; border-spacing: 1px; }
.tbl-a th,
.tbl-a td{ padding:0.5em; vertical-align: top; color: #EF787E;}
.tbl-a th{ background:#EF787E; color: #FFF; }
.tbl-a td{ background: #FFF; color: #EF787E; border: #EF787E solid 1px; }

.tbl-b{ border-collapse: collapse; border-spacing: 0px; border-top: #222 solid 1px; font-size: 14px; }
.tbl-b th,
.tbl-b td{ padding:0.5em; vertical-align: top; border-bottom: #222 solid 1px; }
.tbl-b th{ color: #666; text-align: left; font-weight: normal;  }
.tbl-b td{  }
.tbl-b .dt th,
.tbl-b .dt td{  }
.tbl-b .nt th,
.tbl-b .nt td{ border-bottom: none; }

.tbl-c{ border-collapse: separate; border-spacing: 3px; }
.tbl-c th{ padding:0.2em 0.5em; border-bottom: #000 solid 1px; border-left: #000 solid 3px; font-size: 0.8em; line-height: 2; font-weight: bold; text-align: inherit; vertical-align: top; color: #000; text-align: left; }
.tbl-c td{ padding:0.2em 0.5em; border-bottom: #000 dotted 1px; vertical-align: top; }

.frame-a{ background: #FFF; border:#F38F4F dotted 1px; padding: 10px;  }

.ttl-ctrl-dot{ background: url(../images/common_footer_line.png) repeat-x center 50px; }
.ttl-ctrl-dot2{ background: url(../images/common_footer_line.png) repeat-x center center; }

#EntryList{ }
.entry{  margin: 0 ; padding: 30px;  }
.entry .entry-head{ border-bottom: #FABF15 dotted 6px; padding: 0 0 5px 0 ; margin-bottom: 1.5em;}
.entry .entry-date{ font-weight: bold; font-size: 14px; color: #FABF15; line-height: 1.8; letter-spacing: 2px; }
.entry .entry-cat{ font-weight: bold; font-size: 16px; color: #FABF15; line-height: 1.8; letter-spacing: 1px;  }
.entry .entry-title{ font-weight: bold; font-size: 26px; color: #A16F28; line-height: 1.2;  }
.entry .entry-body{ padding: 0 ; line-height: 1.4; }

.tbl-tt2{ }
.tbl-tt2 tr th,.tbl-tt2 tr td{ font-size: 12px; text-align: center; }
.tbl-tt2 tr td.thm{ text-align: center; color: #999; }
.tbl-tt2 tr.spacer td{ width: 24%; border: none; background: none; }

.benefits-block{ padding: 0px; margin: 1px; border: #EF787E solid 1px; background-color: rgba(255,255,255,.7); text-align: center; }
.benefits-block .b-title{ display: block; background-color: #EF787E; color: #FFF; font-weight: bold; padding: 3px; margin-bottom: 0.2em; }
.benefits-block  div p{ border-bottom: #EF787E solid 1px; padding-bottom: 0.2em; margin:0 2px 0.2em 2px; }
.benefits-block  div p:nth-child(3){ color: #EF787E;}
.benefits-block  div p.thumb{ border-bottom: none; margin-bottom: 0; min-height: 127px; display: inline-block; }
.benefits-block  div p.thumb-np{ border-bottom: none; margin-bottom: 0; min-height: 127px; }

.grid-pc{display: block; list-style-type: none; margin: 0; padding: 0; vertical-align: top; letter-spacing: -0.5em; }
.grid-pc .col1{ display: inline-block; margin: 0; padding: 0; letter-spacing: normal; vertical-align: top; width: 100%; }
.grid-pc .col2{ display: inline-block; margin: 0; padding: 0; letter-spacing: normal; vertical-align: top; width: 50%; }
.grid-pc .col3{ display: inline-block; margin: 0; padding: 0; letter-spacing: normal; vertical-align: top; width: 33.33%; }
.grid-pc .col4{ display: inline-block; margin: 0; padding: 0; letter-spacing: normal; vertical-align: top; width: 25%; }
.grid-pc .col5{ display: inline-block; margin: 0; padding: 0; letter-spacing: normal; vertical-align: top; width: 20%; }
.grid-pc .col2-3{ display: inline-block; margin: 0; padding: 0; letter-spacing: normal; vertical-align: top; width: 66.66%; }
.grid-pc .col3-4{ display: inline-block; margin: 0; padding: 0; letter-spacing: normal; vertical-align: top; width: 75%; }
.grid-pc .col2-5{ display: inline-block; margin: 0; padding: 0; letter-spacing: normal; vertical-align: top; width: 40%; }
.grid-pc .col3-5{ display: inline-block; margin: 0; padding: 0; letter-spacing: normal; vertical-align: top; width: 60%; }
.grid-pc .col4-5{ display: inline-block; margin: 0; padding: 0; letter-spacing: normal; vertical-align: top; width: 80%; }

/* ---- Structure ---- */
body > #Wrap { height: auto;}
#Wrap{ min-width:1100px; width:100%; min-height: 100%; height: auto !important; margin: 0 auto; position: absolute; top:0; z-index: 50; }
body > #BG { height: auto;}
#BG{ width:100%; min-height: 100%; height: auto !important; margin: 0 auto; position: absolute; top:0; z-index: -1; }
body > #BG .vfit { height: auto;}
#BG .vfit{ width:100%; min-height: 100%; height: auto !important; margin: 0 auto; position: absolute; top:0; }

/*#Background .bg-base{ min-width:1200px; height: 1400px; margin: 0 auto; background:url(../images/common/background.jpg) no-repeat center top;}*/
/* Navibar Area */
#Navibar{ width: 100%; padding: 0; margin: 0;}
#Navibar .inner{ width: 1100px; height: 100px; margin: 0 auto; padding: 0; line-height: 0; vertical-align: top; position: relative;}

#Logo{ width: 300px; height: 20.667%; margin:0; padding: 0 0 0 0; display: inline-block; position: absolute ; top:25px; left: 5px; }
#Logo a{ width: 100%; height: 0px; margin:0; padding: 20.667% 0 0 0; background: url(../images/s2/common_logo.png) no-repeat; background-size: cover; display: block; overflow: hidden; font-size: 0; }

#MainNavi{ width: 560px; margin: 0; padding: 0; display: inline-block; position: absolute ; top:25px; left: 350px; }
#MainNavi li{ margin: 0; padding: 0 15px 15px 14px; }
#MainNavi li a{ display: inline-block; padding: 0; margin: 0; color: #FFF; text-decoration: none; line-height: 1;letter-spacing: 2px; font-size: 16px; font-weight: bold; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; }
#MainNavi li a:hover{ color:#222;  }
#MainNavi li.cr{ background: url(../images/common_mnavi_marker.png) no-repeat left 3px; }
#MainNavi li.cs a,
#MainNavi li.cs a:hover{ color:#CCC; cursor: default;  }


#Social{ width: 180px; height: 50px; padding:0; margin: 0; display: inline-block; position: absolute ; top:25px; left: 910px; }
#Social ul{ text-align: center; }
#Social ul > li{ width: 50px; height: 50px; margin-left: 5px; overflow: hidden; }
#Social ul > li a{ display: block; width: 50px; height: 0px; padding-top: 53px; overflow: hidden; background: url(../images/common_social.png) no-repeat left top;  }
#Social .tw a{ background-position: 0px 0px; }
#Social .tw a:hover{ background-position: 0px -50px; }
#Social .fb a{ background-position: -50px 0px; }
#Social .fb a:hover{ background-position: -50px -50px; }
#Social .gp a{ background-position: -100px 0px; }
#Social .gp a:hover{ background-position: -100px -50px; }

/* Header Area */
#Header{ min-height: 180px; }
#Header .inner{ width: 1100px; min-height: 180px; margin: 0 auto; position: relative; }


#SeasonNavi{ height: 66px; margin: 0 auto; text-align: center;}
#SeasonNavi li{ width: 167px; height: 66px; margin: 0; padding: 0; display: inline-block; }
#SeasonNavi li a{ width: 157px; height: 0; padding: 66px 0 0 0; margin: 0 auto; display: block;overflow: hidden; background: url(../images/s2/common_season_navi.png) no-repeat left top; }
#SeasonNavi li:nth-child(1) a{ background-position: 0 0; }
#SeasonNavi li:nth-child(1).cr a,
#SeasonNavi li:nth-child(1) a:hover{ background-position: 0 -66px; }
#SeasonNavi li:nth-child(2) a{ background-position: -175px 0; }
#SeasonNavi li:nth-child(2).cr a,
#SeasonNavi li:nth-child(2) a:hover{ background-position: -175px -66px; }

#PageCat{ width: 650px; height: 60px; text-align: right; position: absolute ; top:110px; left: 430px; }
#PageTitle{ width: 650px; height: 50px; text-align: right; position: absolute ; top:180px; left: 430px; line-height: 1; font-size: 40px; font-family: serif; }

/* Content Area */
#Content{ margin-bottom: 1em; margin: 0; }
#Content .inner{ width: 1100px;  margin: 0 auto; position: relative; }
#ContentSub{ display: none; vertical-align: top; }
#ContentMain{ width: 1100px; min-height: 300px; vertical-align: top; }

.frm-ctt{ border: #FFF solid 6px; background-color: #FFF; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px;}
.frm-ctt > .inr{ border: #666 solid 6px; background-color: #FFF; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }

#SubNavi{ display: block; padding: 0px;}
#SubNavi ul li{ width: 100px; height: 100px; padding: 6px; margin-bottom: 10px; background-color: #FFF; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; text-align: center; font-weight: bold;}
#SubNavi ul li a{ display: block; width: 88px; height: 88px; padding: 0px; border: #CCC solid 6px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; text-decoration: none; }
#SubNavi ul li span{ display: inline-block; margin-top: 30px; }
#SubNavi ul li.chld{ width: 100px; height: inherit; padding: 6px; margin-bottom: 10px; background-color: #FFF; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; text-align: left; font-weight: normal; font-size: 16px;}
#SubNavi ul li.chld a{ display: block; width: 100px; height: inherit; padding: 0px; text-decoration: none; border: none; }
#SubNavi ul li.chld span{ display: inline-block; margin: 0; }

.pager{ height: 40px; padding: 20px 150px; margin: 0; }
.pager div{ width: 75px; height: 40px; float: left; }
.pager div.next{ right:0px; float: right; }
.pager div.hide{ display: none; }
.pager div a{ display: block; width: 75px; height: 0px; padding-top: 40px; overflow: hidden; line-height: 0; background: url(../images/common_pg_nb.png) no-repeat 0px 0px; }
.pager .back a{ background-position: 0px 0px;}
.pager .next a{ background-position: -75px 0px;}
.pager .back a:hover{ background-position: 0px -40px;}
.pager .next a:hover{ background-position: -75px -40px;}


/* Footer Area */
#Footer{  }

#Footer .inner{ width: 1100px; margin: 0 auto; padding: 20px 0 40px 0; text-align: center; }

#Footer #Pagetop{ width: 1100px; background: url(../images/common_footer_line.png) repeat-x center 48px; text-align: center; padding: 0px;}
#Footer #Pagetop a.pgtop{ width: 87px; height: 0px; padding-top: 87px; background: url(../images/common_footer_pgtop.png) no-repeat center center; display: inline-block; }
#Footer #FooterBanner{ width: 1100px;  text-align: center; padding: 0px;}
#Footer #Copyright{ color: #FFF; font-size: 10px; display: inline-block; }

/* Background */
#Wrap.bg{  }
/*
.sub-page #BG{ min-height: 1000px; background: url(../images/dmm_kv_star.png) repeat-y center top; }
*/
#BG > div{width: 100%; min-height: 1000px; position: absolute; }
#BG .l0{ display: none;}
/*
#BG .sub0{ background: url(../images/dmm_kv_prop.png) no-repeat center top; z-index: 1;}
*/
#BG .sub0{ z-index: 1; width: 98%; margin: 0 auto;}
#BG .sub0 .prp_all{ background: url(../images/dmm_kv_prop.png) no-repeat center top;}
.season2 #BG .sub0 .prp_all,
#Page_News #BG .sub0 .prp_all,
#Page_Character #BG .sub0 .prp_all{ background: url(../images/s2/common_kv_prop.png) no-repeat center top;}



/* Top .season2 */
#Page_Top.season2{ background:#FD6775 url(../images/s2/top_bgimg170401.jpg) no-repeat center top ; background-size: cover; }
#Page_Top.season2 #Wrap{ background: url(../images/s2/top_bgptn.png) ; }
#Page_Top.season2 #Header,
#Page_Top.season2 #Navibar{ display: none; }
#Page_Top.season2 #ContentSub{ width: 320px; display: block; float: left; vertical-align: top; }
#Page_Top.season2 #ContentMain{ width: 780px; min-height: 1130px; float: right; vertical-align: top; }
#Page_Top.season2 #Footer{ border-top: rgba(255,255,255,0.4) 1px solid; }

#Page_Top.season2 #Logo{ width: 280px; height: 20.667%; position: relative ; left: 10px; }
#Page_Top.season2 #MainNavi{ width: 280px; position: relative ; left: 10px; }
#Page_Top.season2 #MainNavi li{ margin: 0; padding: 0 10px 10px 4px; }
#Page_Top.season2 #MainNavi li a{ letter-spacing: 1px; }

#Page_Top.season2 #Social{ width: 180px; height: 50px; padding:0; margin: 0; display: inline-block; position: relative ; top:0px; left: 0px; }
#Page_Top.season2 #Onair{ width: 280px; height: 50px; margin: 0; padding:  10px 0 0 0; position: relative ; left: 10px; }

#Page_Top.season2 #Topic{ width: 280px; height: 140px; margin: 0; padding: 10px 0 10px 0; position: relative ; left: 10px; background: url(../assets/top/s2/topic_shadow.png) no-repeat center center; }

#Page_Top.season2 #News{ width: 280px; height: 210px; display: block; position: relative ; left: 10px; }
#Page_Top.season2 #News .ttl{ }
#Page_Top.season2 .news-list{ width: 280px; height: 160px; padding: 0; overflow: auto; line-height: 1.2; font-size: 12px; background: rgba(255,255,255,0.4);}
#Page_Top.season2 .news-list dl{ margin: 0 0 5px 0 ; padding:5px 0 0 5px; list-style-type: none; color: #000; }
#Page_Top.season2 .news-list dl dt{ display: block; padding:0 0 2px 0; font-weight: bold; color: #fff700; }
#Page_Top.season2 .news-list dl dd{ display: block;  margin: 0 0 0 0; padding: 0 0 2px 0; }
#Page_Top.season2 .news-list dl dd a{ color: #222;}
#Page_Top.season2 .news-list dl dd a:hover{color: #fff700;}

#Page_Top.season2 #Twitter{ width: 280px; height: 240px;  display: block;  position: relative ; left: 10px; }
#Page_Top.season2 #Twitter .ttl{ }
#Page_Top.season2 #Twitter .twt-widget{ width: 280px; height: 200px; padding: 5px 0; background: rgba(255,255,255,0.4); }
#Page_Top.season2 #Twitter #twitter-widget-0{ height: 200px; }

#Page_Top.season2 #Info{ width: 280px; display: block;  position: relative ;  left: 10px; }
#Page_Top.season2 #Info .ttl{ }
#Page_Top.season2 #Info .container{ font-size: 10px; padding: 10px ; background: rgba(255,255,255,0.4); }

#Page_Top.season2 #Loading{ width: 740px; padding: 10px; font-size: 0; background: rgba(255,255,255,1.0); position: relative ; top:20px; right: 5px; }
#Page_Top.season2 #Loading .container{ width: 740px; height: 1056px; position: relative ; overflow: hidden; }
#Page_Top.season2 #MainVis{ width: 740px; padding: 10px; font-size: 0; background: #FFF; position: relative ; top:40px; right: 5px; }
#Page_Top.season2 #MainVis .container{ width: 740px; height: 1056px; position: relative ; overflow: hidden; }
#Page_Top.season2 #MainVis .container > div{ position: absolute; display: block; }
/* vis-201704 */
.vis-201704 .container{ width: 740px; height: 1056px;}
.vis-201704 .l0{ opacity: 0.5;  }
.vis-201704 .l1{ width: 740px; height: 1056px; top: 0; left: 0; }
.vis-201704 .l2{ width: 717px; height: 204px; top: 0; left: 20px; }
.vis-201704 .l3{ width: 323px; height: 230px; top: 164px; left: 44px; }
.vis-201704 .l4{ width: 419px; height: 435px; top: 12px; left: 243px; }
.vis-201704 .l5{ width: 740px; height: 947px; top: 109px; left: 0; }
.vis-201704 .l6{ width: 740px; height: 1019px; top: 5px; left: 0; }
.vis-201704 .l7{ width: 63px; height: 303px; top: 356px; left: 610px; }
.vis-201704 .l8{ width: 62px; height: 297px; top: 176px; left: 675px; }
.vis-201704 .l9{ width: 633px; height: 135px; top: 890px; left: 61px; }

.vis-201704 .show1{ animation-delay: .1s; animation-duration: 2.0s;}/*背景*/
.vis-201704 .show2{ animation-delay: 3.0s; animation-duration: 0.8s; }/*c4*/
.vis-201704 .show3{ animation-delay: 3.25s; animation-duration: 0.8s; }/*c3*/
.vis-201704 .show4{ animation-delay: 3.5s; animation-duration: 0.8s; }/*c2*/
.vis-201704 .show5{ animation-delay: 3.75s; animation-duration: 0.8s; }/*c1*/
.vis-201704 .show6{ animation-delay: 4.5s; }/*kira*/
.vis-201704 .show7{ animation-delay: 1.2s; }/*catch2*/
.vis-201704 .show8{ animation-delay: 0.5s; }/*catch1*/
.vis-201704 .show9{ animation-delay: 4.5s; }/*logo*/



/* Top .season1 */
#Page_Top.season1 #Wrap{ background:#96D4E3 url(../images/top_bgptn.jpg) repeat-x center top ; }
#Page_Top.season1 .frm-ctt > .inr{ border-color: #7ECDDC; background-image: url(../images/character_frm-ct_bg.png);  }
#Page_Top.season1 .frm-ctt{ width: 1060px; margin: 0 auto;  }
/*
#Page_Top #BG .l1{ background: url(../images/top/kv-all.png)  no-repeat center top; z-index: 3;}
#Page_Top #BG .top0{ background: url(../images/top/background-image-top.png)  no-repeat center top; z-index: 1;}
*/
#Page_Top.season1{}
#Page_Top.season1 #Navibar .inner{ height: 120px; z-index: 2; }
#Page_Top.season1 #Header{ min-height: 680px; }
#Page_Top.season1 #Header .inner{ min-height: 680px; margin: 0 auto; position: relative; }

#Page_Top.season1 #Logo{ width: 450px; height: 111px; margin:0; padding: 0 0 0 0; display: inline-block; position: absolute ; top:5px; left: 320px; }
#Page_Top.season1 #Logo a{ width: 450px; height: 0px; margin:0; padding: 111px 0 0 0; background: url(../images/top_logo.png) no-repeat; display: block; overflow: hidden; font-size: 0; }
#Page_Top.season1 #Onair{ width: 300px; height: 100px; margin: 0; padding: 0; position: absolute ; top:0px; left: 0px; }
#Page_Top.season1 #Catch1{ width: 63px; height: 379px; margin: 0; padding: 0; position: absolute ; top:0px; left: 970px; }
#Page_Top.season1 #Catch2{ width: 63px; height: 223px; margin: 0; padding: 0; position: absolute ; top:50px; left: 900px; }
#Page_Top.season1 #Catch1 span{ width: 63px; height: 379px; background: url(../images/top_catch1.png) no-repeat left top; display: block; line-height: 0; }
#Page_Top.season1 #Catch2 span{ width: 63px; height: 223px; background: url(../images/top_catch2.png) no-repeat left top; display: block; line-height: 0; }
#Page_Top.season1 #Topic{ width: 200px; height: 270px; margin: 0; padding: 0; overflow: hidden; position: absolute ; top:430px; left: 10px; }
#Page_Top.season1 #Topic li{ width: 200px; height: 270px; margin: 0; padding: 0; display: block;}
#Page_Top.season1 #NgnpBn{ width: 175px; height: 175px; margin: 0; padding: 0; overflow: hidden; position: absolute ; top:450px; left: 900px; }

#Page_Top.season1 #Header .k1{ width:683px; height: 675px; background: url(../images/top_k1.png); position: absolute ; top:70px; left: 232px; }
#Page_Top.season1 #Header .k2{ width:417px; height: 420px; background: url(../images/top_k2.png); position: absolute ; top:279px; left: 594px; }
#Page_Top.season1 #Header .k3{ width:386px; height: 420px; background: url(../images/top_k3.png); position: absolute ; top:286px; left: 208px; }
#Page_Top.season1 #Header .k4{ width:291px; height: 391px; background: url(../images/top_k4.png); position: absolute ; top:139px; left: 741px; }
#Page_Top.season1 #Header .k5{ width:224px; height: 286px; background: url(../images/top_k5.png); position: absolute ; top:131px; left: 176px; }

#Page_Top.season1 #Header .k201605{ width:808px; height: 663px; background: url(../assets/top/vis-201605.png); position: absolute ; top:0px; left: 150px; display: none; cursor: pointer; }
#Page_Top.season1 #Header .k201606{ width:833px; height: 947px; background: url(../assets/top/vis-201606.png); position: absolute ; top:0px; left: 150px; display: none; cursor: pointer; }
#Page_Top.season1 #Header .k201607{ width:805px; height: 592px; background: url(../assets/top/vis-201607.png); position: absolute ; top:0px; left: 160px; display: none; cursor: pointer; }
#Page_Top.season1 #Header .k201608{ width:808px; height: 663px; background: url(../assets/top/vis-201608.png); position: absolute ; top:0px; left: 150px; display: none; cursor: pointer; }

#Page_Top.season1 #Header .kvex{ width:833px; height: 947px; position: absolute ; top:0px; left: 150px; display: none; cursor: pointer; }

#Page_Top.season1 #Header .k201606{ width:833px; height: 947px; background: url(../assets/top/vis-201609.png); position: absolute ; top:0px; left: 150px; display: none; cursor: pointer; }

#Page_Top.season1 #BG .l2{ z-index: 4;}
#Page_Top.season1 #BG .l2 .inner{ width: 1100px; min-height: 1000px; margin: 0 auto; position: relative;}
#Page_Top.season1 #BG .l2 .k6{ width:264px; height: 424px; background: url(../images/top_k6.png); position: absolute ; top:17px; left: 655px; }
#Page_Top.season1 #BG .l2 .k7{ width:280px; height: 275px; background: url(../images/top_k7.png); position: absolute ; top:333px; left: 311px; }
#Page_Top.season1 #BG .l2 .k8{ width:419px; height: 356px; background: url(../images/top_k8.png); position: absolute ; top:79px; left: 187px; }

#Page_Top.season1 #TopNavi{ width:200px; height: 450px; position: absolute ; top:-30px; left: 20px;}
#Page_Top.season1 #TopNavi ul{ text-align: center; }
#Page_Top.season1 #TopNavi li{ display: inline-block; width: 100px; height: 95px; }
/*#Page_Top #TopNavi li:nth-child(even) { height: 90px; padding-top: 10px; }*/
#Page_Top.season1 #TopNavi li a{ display: block; width: 90px; height: 0px; padding-top: 90px; text-decoration: none; line-height: 0; background-image: url(../images/top_navi3.png); background-repeat: no-repeat; overflow: hidden; }

#Page_Top.season1 #TopNavi li:nth-child(1) a{ background-position: 0px 0px; }
#Page_Top.season1 #TopNavi li:nth-child(1) a:hover{ background-position: 0px -90px; }
#Page_Top.season1 #TopNavi li:nth-child(2) a{ background-position: -90px 0px; }
#Page_Top.season1 #TopNavi li:nth-child(2) a:hover{ background-position: -90px -90px; }
#Page_Top.season1 #TopNavi li:nth-child(3) a{ background-position: -180px 0px; }
#Page_Top.season1 #TopNavi li:nth-child(3) a:hover{ background-position: -180px -90px; }
#Page_Top.season1 #TopNavi li:nth-child(4) a{ background-position: -270px 0px; }
#Page_Top.season1 #TopNavi li:nth-child(4) a:hover{ background-position: -270px -90px; }
#Page_Top.season1 #TopNavi li:nth-child(5) a{ background-position: -360px 0px; }
#Page_Top.season1 #TopNavi li:nth-child(5) a:hover{ background-position: -360px -90px; }
#Page_Top.season1 #TopNavi li:nth-child(6) a{ background-position: -450px 0px; }
#Page_Top.season1 #TopNavi li:nth-child(6) a:hover{ background-position: -450px -90px; }
#Page_Top.season1 #TopNavi li:nth-child(7) a{ background-position: -540px 0px; }
#Page_Top.season1 #TopNavi li:nth-child(7) a:hover{ background-position: -540px -90px; }
#Page_Top.season1 #TopNavi li:nth-child(8) a{ background-position: -630px 0px; }
#Page_Top.season1 #TopNavi li:nth-child(8) a:hover{ background-position: -630px -90px; }
#Page_Top.season1 #TopNavi li:nth-child(9) a{ background-position: -720px 0px; }
#Page_Top.season1 #TopNavi li:nth-child(9) a:hover{ background-position: -720px -90px; }

#Page_Top.season1 #TopNavi li.cs a,
#Page_Top.season1 #TopNavi li.cs a:hover{ cursor: default;  }

#Page_Top.season1 #Header #Ctbgdrm{ position: absolute ; top:670px; left: 14px;}
#Page_Top.season1 #Header #Ctbgdrm .inr{ min-height: 580px; }

#Page_Top.season1 #ContentMain{ min-height: 600px;  margin: 0 auto; position: relative; }

#Page_Top.season1 #Footer #Copyright{ color: #222;  }


#Page_Top.season1 #News{ width: 486px; height: 320px; display: block; position: absolute ; top:30px; left: 50px; }
#Page_Top.season1 #News .ttl{ margin-bottom: 2px; }
#Page_Top.season1 .news-list{ width: 486px; height: 270px; padding: 0; overflow: auto; line-height: 1.2; font-size: 0.8em; }
#Page_Top.season1 .news-list dl{ margin: 0 0 5px 0 ; padding:0px 10px; list-style-type: none; color: #000; }
#Page_Top.season1 .news-list dl dt{ display: block; padding: 2px; font-size: 12px; font-weight: bold; color: #66C5DD; }
#Page_Top.season1 .news-list dl dd{ display: block;  margin: 0 0 8px 0; padding: 2px; font-size: 14px;  }
#Page_Top.season1 .news-list dl dd a{ color: #222;}
#Page_Top.season1 .news-list dl dd a:hover{color: #FF007F;}

#Page_Top.season1 #Twitter{ width: 486px; height: 470px;  display: block;  position: absolute ; top:30px; left: 570px; }
#Page_Top.season1 #Twitter .ttl{  }
#Page_Top.season1 #Twitter .ttl a{ display: block; color: #222; text-decoration: none;  }
#Page_Top.season1 #Twitter .twt-widget{ width: 466px; height: 420px; padding: 0px 10px 10px 10px; }
#Page_Top.season1 #Twitter #twitter-widget-0{ height: 420px; }

#Page_Top.season1 #Info{ width: 486px; height: 150px;  display: block;  position: absolute ; top:350px; left: 50px; }
#Page_Top.season1 #Info .ttl{ margin-bottom: 5px; text-align: center; }

#Page_Top.season1 #Banner ul.ilist li{ padding-bottom: 10px;}





/* News */
#Page_News #Wrap{ background:#FABF15 url(../images/s2/news_bgptn.png) ; }
#Page_News #BG .l0{ background: url(../images/s2/news_kv.png)  no-repeat center top; z-index: 2;}
#Page_News .frm-ctt > .inr{ border-color: #FABF15; background-image: url(../images/news_frm-ct_bg.png);  }
#Page_News .frm-ctt{ width: 820px; margin: 0 auto 2em auto;}
/*
#Page_News .frm-ctt{ width: 820px; margin-left: 248px; margin-bottom: 2em; }
#Page_News .et-odd{ margin-left: 20px; }
*/


/* Onair */
#Page_Onair #Wrap{ background:#C3D83F url(../images/onair_bgptn.png) ; }
#Page_Onair.season2 #Wrap{ background:#C3D83F url(../images/s2/onair_bgptn.png) ; }
#Page_Onair #BG .l0{ background: url(../images/onair_kv.png)  no-repeat center top; z-index: 2;}
#Page_Onair.season2 #BG .l0{ background-image: url(../images/s2/onair_kv.png); }
#Page_Onair .frm-ctt > .inr{ border-color: #C3D83F; background-image: url(../images/onair_frm-ct_bg.png);  }
#Page_Onair .frm-ctt{ width: 820px; margin: 0 auto; margin-bottom: 2em; }

.onair-table{ font-family: "Noto Sans Japanese",san-serif; font-weight: 700; font-size: 22px; color: #F0777B; width: 100%; }
.onair-table tr{ background: url(../assets/onair/tr-line.png) no-repeat center bottom; }
.onair-table th{ vertical-align: top; padding: 5px 15px; font-size: 14px; text-align: left; color: #C3D83F; }
.onair-table td{ vertical-align: top; padding: 15px; }




/* Intro */
#Page_Intro #Wrap{ background:#C479B2 url(../images/intro_bgptn.png) ; }
#Page_Intro.season2 #Wrap{ background:#C479B2 url(../images/s2/intro_bgptn.png) ; }
#Page_Intro #BG .l0{ background: url(../images/intro_kv.png)  no-repeat center top; z-index: 2;}
#Page_Intro.season2 #BG .l0{ background-image: url(../images/s2/intro_kv.png); }
#Page_Intro .frm-ctt > .inr{ border-color: #C479B2; background-image: url(../images/intro_frm-ct_bg.png);  }
#Page_Intro .frm-ctt{ width: 820px; margin: 0 auto; margin-bottom: 2em; }



/* Story */
#Page_Story #Wrap{ background:#4DA6FF url(../images/story_bgptn.png) ; }
#Page_Story.season2 #Wrap{ background:#4DA6FF url(../images/s2/story_bgptn.png) ; }
#Page_Story #BG .l0{ background: url(../images/story_kv.png)  no-repeat center top; z-index: 2;}
#Page_Story.season2 #BG .l0{ background-image: url(../images/s2/story_kv.png); }

#Page_Story .frm-ctt > .inr{ border-color: #4DA6FF; background-image: url(../images/story_frm-ct_bg.png);  }
#Page_Story .frm-ctt{ width: 820px; margin: 0 auto; margin-bottom: 2em; }

#StoryNavi{ text-align: center; height: 76px; margin: -20px 0 20px 0;  }
#StoryNavi li{ width: 76px; height: 76px; }
#StoryNavi li a{ width: 76px; height: 0; padding: 76px 0 0 0; display: block; overflow: hidden; background: url(../images/story_navi.png) no-repeat; background-position: 0 0; }
#StoryNavi li:nth-child(1) a{ background-position: 0px 0px; }
#StoryNavi li:nth-child(2) a{ background-position: -76px 0px; }
#StoryNavi li:nth-child(3) a{ background-position: -152px 0px; }
#StoryNavi li:nth-child(4) a{ background-position: -228px 0px; }
#StoryNavi li:nth-child(5) a{ background-position: -304px 0px; }
#StoryNavi li:nth-child(6) a{ background-position: -380px 0px; }
#StoryNavi li:nth-child(7) a{ background-position: -456px 0px; }
#StoryNavi li:nth-child(8) a{ background-position: -532px 0px; }
#StoryNavi li:nth-child(9) a{ background-position: -608px 0px; }
#StoryNavi li:nth-child(10) a{ background-position: -684px 0px; }
#StoryNavi li:nth-child(11) a{ background-position: -760px 0px; }
#StoryNavi li:nth-child(12) a{ background-position: -836px 0px; }
#StoryNavi li:nth-child(13) a{ background-position: -912px 0px; }

#StoryNavi li:nth-child(1) a:hover{ background-position: 0px -76px; }
#StoryNavi li:nth-child(2) a:hover{ background-position: -76px -76px; }
#StoryNavi li:nth-child(3) a:hover{ background-position: -152px -76px; }
#StoryNavi li:nth-child(4) a:hover{ background-position: -228px -76px; }
#StoryNavi li:nth-child(5) a:hover{ background-position: -304px -76px; }
#StoryNavi li:nth-child(6) a:hover{ background-position: -380px -76px; }
#StoryNavi li:nth-child(7) a:hover{ background-position: -456px -76px; }
#StoryNavi li:nth-child(8) a:hover{ background-position: -532px -76px; }
#StoryNavi li:nth-child(9) a:hover{ background-position: -608px -76px; }
#StoryNavi li:nth-child(10) a:hover{ background-position: -684px -76px; }
#StoryNavi li:nth-child(11) a:hover{ background-position: -760px -76px; }
#StoryNavi li:nth-child(12) a:hover{ background-position: -836px -76px; }
#StoryNavi li:nth-child(13) a:hover{ background-position: -912px -76px; }

#StoryNavi li.cs:nth-child(1) a{ background-position: 0px -152px; }
#StoryNavi li.cs:nth-child(2) a{ background-position: -76px -152px; }
#StoryNavi li.cs:nth-child(3) a{ background-position: -152px -152px; }
#StoryNavi li.cs:nth-child(4) a{ background-position: -228px -152px; }
#StoryNavi li.cs:nth-child(5) a{ background-position: -304px -152px; }
#StoryNavi li.cs:nth-child(6) a{ background-position: -380px -152px; }
#StoryNavi li.cs:nth-child(7) a{ background-position: -456px -152px; }
#StoryNavi li.cs:nth-child(8) a{ background-position: -532px -152px; }
#StoryNavi li.cs:nth-child(9) a{ background-position: -608px -152px; }
#StoryNavi li.cs:nth-child(10) a{ background-position: -684px -152px; }
#StoryNavi li.cs:nth-child(11) a{ background-position: -760px -152px; }
#StoryNavi li.cs:nth-child(12) a{ background-position: -836px -152px; }

#Outline{ width: 730px; margin: 0 auto; padding: 30px 0; text-align: center; }
#Outline .ep-title{  }
#Outline #slider{ width: 800px; height: 493px;  margin: 0 0 15px 0; padding: 0; }
#Outline #slider ul{ display: block; padding: 0; margin: 0; list-style-type: none; }
#Outline #slider ul li{ display: block; padding: 0; margin: 0; }
#Outline #slider ul.sceneImage{ width: 726px; height: 411px; margin-bottom: 10px; overflow: hidden; border: #4EA6FF solid 3px; }
#Outline #slider ul.sceneImage li{  width: 720px; height: 405px; float: left; }
#Outline #slider ul.thumb{ padding:0 0 0 20px; }
#Outline #slider ul.thumb li{ width: 100px; height: 57px; margin-left: 10px; line-height: 0; overflow: hidden; float: left; }
#Outline #slider ul.thumb li img{ }
#Outline .ep-text{ font-size: 18px; padding: 0; line-height: 1.5; text-align: left; }
#Outline .ep-staff { font-size: 14px; color: #666; }



/* Staffcast */
#Page_Staffcast #Wrap{ background:#EB797F url(../images/staffcast_bgptn.png) ; }
#Page_Staffcast.season2 #Wrap{ background:#EB797F url(../images/s2/staffcast_bgptn.png) ; }
#Page_Staffcast #BG .l0{ background: url(../images/staffcast_kv.png)  no-repeat center top; z-index: 2;}
#Page_Staffcast.season2 #BG .l0{ background-image: url(../images/s2/staffcast_kv.png); }
#Page_Staffcast .frm-ctt > .inr{ border-color: #EB797F; background-image: url(../images/staffcast_frm-ct_bg.png);  }
#Page_Staffcast .frm-ctt{ /*width: 820px; margin: 0 auto;*/ margin-bottom: 2em; }

.stafflist{ display: block; line-height: 32px; }
.stafflist dt{ display: inline; margin: 0 10px 0 0; padding: 0; color: #7ECDDC; font-size: 16px; font-weight: bold; }
.stafflist dd{ display: inline; margin: 0 0 0px; padding: 0;  font-size: 18px;  }
.stafflist dt:before {content: "\A" ;white-space: pre ;}
.stafflist dt:nth-child(1):before {content: "" ;}
.castlist dt{ color: #C479B2;  }

/* Character */
#Page_Character #Wrap{ background:#7ECDDC url(../images/s2/character_bgptn.png) ; }
#Page_Character #BG .l0{ background: url(../images/s2/character_kv.png)  no-repeat center top; z-index: 2;}
#Page_Character .frm-ctt > .inr{ border-color: #7ECDDC; background-image: url(../images/character_frm-ct_bg.png);  }
#Page_Character .frm-ctt{ width: 820px; margin: 0 auto; margin-bottom: 2em; }

.character-list{ width: 990px; text-align: center;}
.character-list li{ width: 188px; height: 188px; margin:0 0 20px 10px; text-align: center ; }

.chara-th {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.chara-th:hover {
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
}





/* Product */
#Page_Product #Wrap{ background:#F18F56 url(../images/product_bgptn.png) ; }
#Page_Product.season2 #Wrap{ background:#F18F56 url(../images/s2/product_bgptn.png) ; }
#Page_Product #BG .l0{ background: url(../images/product_kv.png)  no-repeat center top; z-index: 2;}
#Page_Product.season2 #BG .l0{ background-image: url(../images/s2/product_kv.png); }
#Page_Product .frm-ctt > .inr{ border-color: #F18F56; background-image: url(../images/product_frm-ct_bg.png);  }
#Page_Product .frm-ctt{ width: 820px; margin: 0 auto; margin-bottom: 2em; }

#Page_Product #ContentSub{ width: 120px; padding: 40px 0 0 60px; display: inline-block; }
#Page_Product #ContentMain{ width: 850px; display: inline-block;  }
#Page_Product #SubNavi ul li a{  border-color: #f3b18a; color: #f3b18a; }
#Page_Product #SubNavi ul li a:hover{  border-color: #F18F56; color: #F18F56; }

#Page_Product #SubNavi ul li:nth-child(1) span{  margin-top: 22px; }
#Page_Product #SubNavi ul li:nth-child(3) span{  margin-top: 22px; }

#Page_Product .entry .entry-head{ border-color: #F18F56 ; }
#Page_Product .entry .entry-cat{ color: #F18F56; }
#Page_Product .entry .entry-title{ color: #A16F28;  }

.ffc1{color:#C47AB2;}/* aoba */
.ffc2{color:#FF4C48;}/* hifumi */
.ffc3{color:#92D2B4;}/* hajime */
.ffc4{color:#FCC100;}/* yun */

.frm-products{ padding: 7px; border:#F38F4F dotted 3px; background: #FFF; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }

.bd_date{  margin: -1em 0 1em 0; font-size: 16px; font-weight: bold; }
.bd_th{ text-align: center; margin-bottom: 1em; }
.bd_tkt{ font-size: 14px; margin: 0 0 1em 0;  white-space: pre; }

.bdst li{ margin-left: 5px; }
.bdst a{ display: block; padding: 3px 0; font-size: 12px; text-decoration: none; color: #F38F4F; text-align: center; }
.bdst-thm{ width: 220px; height: 200px;margin-bottom: 5px; background-repeat: no-repeat; background-size: cover; background-position: center center;  }

#Page_Product .pager{ height: 40px; padding: 20px 50px; margin: 0; }

/* Movie */
#Page_Movie #Wrap{ background:#96D0B6 url(../images/movie_bgptn.png) ; }
#Page_Movie.season2 #Wrap{ background:#96D0B6 url(../images/s2/movie_bgptn.png) ; }
#Page_Movie #BG .l0{ background: url(../images/movie_kv.png)  no-repeat center top; z-index: 2;}
#Page_Movie.season2 #BG .l0{ background-image: url(../images/s2/movie_kv.png); }
#Page_Movie .frm-ctt > .inr{ border-color: #96D0B6; background-image: url(../images/movie_frm-ct_bg.png);  }
#Page_Movie .frm-ctt{ width: 820px; margin: 0 auto; margin-bottom: 2em; }
.movie-list{ width: 960px;}
.movie-list li{ width: 292px; height: 292px; margin:0 0 20px 20px; text-align: center ; background:  url(../images/movie_listbg.png) no-repeat center top;}
.movie-list li div{ padding: 50px 0 10px 0; }
.movie-list li div img{ width: 240px; }
.movie-list li p{ font-size: 14px; font-weight: bold; }
.movie-th{ border:#96D0B6 solid 2px; box-shadow: 4px 4px 0px 0px #96D0B6; -webkit-box-shadow:  4px 4px 0px 0px #96D0B6; -moz-box-shadow:  4px 4px 0px 0px #96D0B6;}
.movie-th:hover{ border:#F18F56 solid 2px; box-shadow: 4px 4px 0px 0px #F18F56; -webkit-box-shadow:  4px 4px 0px 0px #F18F56; -moz-box-shadow:  4px 4px 0px 0px #F18F56;}




/* Special */
#Page_Special #Wrap{ background:#FF4A41 url(../images/special_bgptn.png) ; }
#Page_Special.season2 #Wrap{ background:#FF4A41 url(../images/s2/special_bgptn.png) ; }
#Page_Special #BG .l0{ background: url(../images/special_kv.png)  no-repeat center top; z-index: 2;}
#Page_Special.season2 #BG .l0{ background-image: url(../images/s2/special_kv.png); }
#Page_Special .frm-ctt > .inr{ border-color: #FF4A41; background-image: url(../images/special_frm-ct_bg.png);  }
#Page_Special .frm-ctt{ width: 820px; margin: 0 auto; margin-bottom: 2em; }

#Page_Special.sub-page-entry #ContentSub{ width: 120px; padding: 0px 0 0 60px; display: inline-block; }
#Page_Special.sub-page-entry #ContentMain{ width: 850px; display: inline-block;  }
#Page_Special #SubNavi ul li a{  border-color: #ff9791; color: #ff9791; }
#Page_Special #SubNavi ul li a:hover{  border-color: #FF4A41; color: #FF4A41; }

#Page_Special .entry .entry-head{ border-color: #FF4A41 ; }
#Page_Special .entry .entry-cat{ color: #B5B294; }
#Page_Special .entry .entry-title{ color: #A16F28;  }

.special-list{ width: 960px;}
.special-list li{ width: 292px; height: 292px; margin:0 0 20px 20px; text-align: center ; background:  url(../images/special_listbg.png) no-repeat center top;}
.special-list li a{ width: 292px; height: 292px; display: block; margin: 0; padding: 0; text-decoration: none; color: #ff9791;}
.special-list li a:hover{ color: #FF4A41;}
.special-list li a div{ padding: 50px 0 10px 0; }
.special-list li a div img{ width: 200px; margin-bottom: 10px; }
.special-list li p{ font-size: 14px; font-weight: bold; }
.special-th{ border:#ff9791 solid 2px; box-shadow: 4px 4px 0px 0px #ff9791; -webkit-box-shadow:  4px 4px 0px 0px #ff9791; -moz-box-shadow:  4px 4px 0px 0px #ff9791;}
 a:hover .special-th{ border:#FF4A41 solid 2px; box-shadow: 4px 4px 0px 0px #FF4A41; -webkit-box-shadow:  4px 4px 0px 0px #FF4A41; -moz-box-shadow:  4px 4px 0px 0px #FF4A41;}

.npp-fr{ border: #FF4A41 solid 3px; }
.npp-list li img{ width: 170px; }
.npp-list li span{ font-size: 14px; font-weight: bold; line-height: 16px; }

.npp-wp-block{ background-color: #FF4A40; padding: 20px; color: #FFF; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;}
.npp-wp-dl a{ text-decoration: none; color: #FFF; font-weight: bold; font-size: 14px; display: inline-block; padding: 5px; border: #FFF solid 2px; margin-right: 5px; }

ul.twticon-list{}
ul.twticon-list > li{ display: inline-block; width: 170px; margin: 0 15px 15px 0; line-height: 0; }
ul.twticon-list > li img{ width: 160px; }
ul.twticon-list > li a.ilink-fr{ margin: 0; }





/* star */

.snowfall-flakes {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}

@-moz-keyframes 
spin { 100% {
  -moz-transform: rotate(360deg);
}
}

@-webkit-keyframes 
spin { 100% {
  -webkit-transform: rotate(360deg);
}
}

@keyframes 
spin { 100% {
  -webkit-transform: rotate(360deg);
  transform:rotate(360deg);
}
}



/* animate */
@-webkit-keyframes bounce-c {
  from, 20%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }



  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }


}

@keyframes bounce-c {
  from, 20%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }



  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }

}

.bounce-c {
  -webkit-animation-name: bounce-c;
  animation-name: bounce-c;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}



@-webkit-keyframes fadeInUpSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSM {
  -webkit-animation-name: fadeInUpSM;
  animation-name: fadeInUpSM;
}

@-webkit-keyframes fadeInDownSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownSM {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownSM {
  -webkit-animation-name: fadeInDownSM;
  animation-name: fadeInDownSM;
}