@charset "utf-8";
/* @group frame */
#movie, #archive{width:100%;min-width:990px;position:relative;}
div.mobile #movie, div.mobile #archive{min-width:1064px;}
@media only screen and (device-width:1,024px){div.mobile #commonContent{min-height:0;}}
@media only screen and (device-width:768px){div.mobile #commonContent{min-height:0;}}
/* @end */
/* @group clear hack */
#app-slider ul:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
/* @end */
/* @group thumb */
ul.thumb li{width:200px;float:left;margin:0 0 10px 0;}
ul.thumb li div{position:relative;background:#f5f5f5;margin:0 5px;}
ul.thumb li div *{display:inline-block;color:#4b4b4b;}
ul.thumb li a, ul.thumb li div span, ul.thumb li strong{display:block;}
ul.thumb li span.image{width:190px;height:107px;text-align:center;background:#f3f2e9;}
ul.thumb li span.image img{width:100%;height:auto;vertical-align:bottom;}
ul.thumb li em{font-style:normal;font-weight:normal;}
ul.thumb li em.duration, ul.thumb li em.category{height:18px;position:absolute;top:95px;right:5px;font-size:12px;line-height:18px;color:#fff;background:rgba(0,0,0,.5);padding:2px 10px;}
ul.thumb li strong{padding:15px;}
ul.thumb li strong span.episode{font-weight:normal;}
ul.thumb li a:hover{background:#f0f0f0;}
ul.thumb li a:hover span.image img{opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}
/* @end */
/*en*/
#app-slider.en ul.menu li a{background:url(../img/bg_slider_menu_en.png) no-repeat;}
#app-slider.en ul.thumb li em.duration{display:none;}
#app-slider.en p.button a.more{background-image:url(../img/bg_home_slider_more_en.png);}
#app-slider.en p.button a.close{background-image:url(../img/bg_home_slider_close_en.png);}
/* @end */
/* @group movie */
#movie{padding:0 0 30px 0;}
#app-slider{background:url(../img/bg_slider_201703.gif) repeat-y;margin:15px auto 0 auto;}
#app-slider ul.menu{background:url(../img/bg_slider_201703_top.png) no-repeat 0 100% #fbfaf1;}
#app-slider ul.menu li{width:315px;float:left;padding:0 22px 0 0;}
#app-slider ul.menu li:last-child{padding:0;}
#app-slider ul.menu li a{height:65px;display:block;font-size:1px;text-indent:-99999px;overflow:hidden;background:url(../img/bg_slider_201703_menu.png) no-repeat;}
#app-slider ul.menu li.material a{background-position:-315px 0;}
#app-slider ul.menu li.teacher a{background-position:-630px 0;}
#app-slider ul.menu li.clip a:hover{background-position:0 -65px;}
#app-slider ul.menu li.material a:hover{background-position:-315px -65px;}
#app-slider ul.menu li.teacher a:hover{background-position:-630px -65px;}
#app-slider ul.menu li.clip a.selected{background-position:0 -130px;}
#app-slider ul.menu li.material a.selected{background-position:-315px -130px;}
#app-slider ul.menu li.teacher a.selected{background-position:-630px -130px;}
#app-slider div.item{position:relative;background:url(../img/bg_slider_201703_btm.png) no-repeat 0 100%;padding:25px 35px 20px 35px;}
#app-slider ul.thumb li{width:230px;}
#app-slider ul.thumb li div{margin:0 7px;}
#app-slider ul.thumb li span.image{width:216px;height:122px;}
#app-slider ul.thumb li.material span.image, #app-slider ul.thumb li.teacher span.image{height:72px;padding:25px 0;}
#app-slider ul.thumb li.material span.image img, #app-slider ul.thumb li.teacher span.image img{width:128px;height:72px;}
#app-slider p.button{text-align:center;margin:15px 0 10px 0;}
#app-slider p.button a{width:194px;height:50px;display:block;font-size:1px;text-indent:-99999px;cursor:pointer;background:no-repeat;margin:0 auto;}
#app-slider p.button a:hover{background-position:0 -50px;}
#app-slider p.button a.more{background-image:url(../img/bg_home_slider_more.png);}
#app-slider p.button a.close{background-image:url(../img/bg_home_slider_close.png);}
/* @end */
/* @group archive */
#archive{padding:40px 0;}
#archive div.inner{width:1000px;}
#archive article{position:relative;}
#archive h2{font-size:22px;font-family:"UD Shin Go Regular","Hiragino Kaku Gothic ProN",Meiryo,"Lucida Grande",sans-serif;font-weight:normal;border-bottom:1px solid #e3e3e3;margin:0 5px 40px 5px;padding:0 0 20px 0;}
#archive #sclProgramList ul.menu{position:absolute;top:0;right:5px;}
#archive ul.thumb li em.duration, #archive ul.thumb li em.category{top:80px;}
/* @end */