::-webkit-scrollbar{display:none}body,div{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none}body{width:1280px;height:648px}img.pictfont{width:29px;margin-bottom:-7px}header{position:fixed;top:0;left:0;width:1280px;height:112px;background:url(svg/Header_00.svg) no-repeat;z-index:4;pointer-events:none}#movie_icon{position:absolute;top:17px;left:16px;width:58px;height:40px;background:url(png/MovieIcon_00.png) no-repeat}#title{position:absolute;top:7px;left:70px;width:456px;height:78px;background:url(svg/TitleFont_00.svg) no-repeat}#drawer_menu{position:fixed;top:0;left:0;height:100%;width:285px;border-right:solid 1px #7c7c7c;background:#ebebeb}#drawer_menu>ul{position:relative;top:91px}#drawer_menu ul{margin:0;padding:0}#drawer_menu li{list-style:none}#drawer_menu li.menu{margin-bottom:4px}.menu_name_box{font-size:17px;color:#7f7f7f;margin-left:16px;margin-bottom:5px}#drawer_menu li.menu_button{position:relative;height:49px;font-size:18px;color:#2d2d2d;border-top:1px solid #aaa}#drawer_menu li.menu_button span.menu_button_name{display:inline-block;position:relative;width:200px;white-space:nowrap;overflow:hidden;pointer-events:none;vertical-align:top;top:1.2ex}#drawer_menu li.menu_button span.menu_button_name span{display:inline-block}#drawer_menu li.menu_button span.menu_button_name span span{min-width:200px}#drawer_menu li.menu_button.active{background-color:#e0e0e0}#drawer_menu li.menu_button.active .arrow{position:absolute;display:inline-block;top:0;left:264px;bottom:0;width:14px;height:20px;margin:auto;background:url(svg/Arrow_00.svg) no-repeat;animation:arrow_moving .28s linear forwards;pointer-events:none}@keyframes arrow_moving{from{transform:translateX(-8px);opacity:.0}50%{transform:translateX(3px);opacity:1.0}to{transform:translateX(0)}}#drawer_menu li.menu_button.focus{outline:solid 4px red;outline-offset:-4px}#drawer_menu li.menu_button span{font-weight:bold;pointer-events:none}.mode_icon{position:relative;top:0;left:9.125px;display:inline-block;width:49px;height:49px;vertical-align:middle;margin-right:8px;pointer-events:none}#mode_icon00{background:url(svg/ModeIcon_00.svg) no-repeat;background-size:52px 52px}.menu_button.rotate_icon #mode_icon00{animation:mode_icon_rotate_s .28s linear}#mode_icon01{background:url(svg/ModeIcon_01.svg) no-repeat;background-size:52px 52px}.menu_button.rotate_icon #mode_icon01{animation:mode_icon_rotate_s .28s linear}#mode_icon02{background:url(svg/ModeIcon_02.svg) no-repeat;background-size:52px 52px}.menu_button.rotate_icon #mode_icon02{animation:mode_icon_rotate .28s linear}#mode_icon03{background:url(svg/ModeIcon_03.svg) no-repeat;background-size:52px 52px}.menu_button.rotate_icon #mode_icon03{animation:mode_icon_rotate_s .28s linear}#mode_icon04{background:url(svg/ModeIcon_03.svg) no-repeat;background-size:52px 52px}.menu_button.rotate_icon #mode_icon04{animation:mode_icon_rotate_s .28s linear}#mode_icon05{background:url(svg/ModeIcon_04.svg) no-repeat;background-size:59px 59px;background-position:-4px -3.5px}.menu_button.rotate_icon #mode_icon05{animation:mode_icon_rotate_s .28s linear}#mode_icon06{background:url(svg/ModeIcon_05.svg) no-repeat;background-size:56px 56px;background-position:-3px -2px}.menu_button.rotate_icon #mode_icon06{animation:mode_icon_rotate .28s linear}#mode_icon07{background:url(svg/ModeIcon_06.svg) no-repeat;background-size:56px 56px;background-position:-3px -2px}.menu_button.rotate_icon #mode_icon07{animation:mode_icon_rotate .28s linear}#mode_icon08{background:url(svg/ModeIcon_07.svg) no-repeat;background-size:56px 56px;background-position:-3px -2px}.menu_button.rotate_icon #mode_icon08{animation:mode_icon_rotate .28s linear}#mode_icon09{background:url(svg/ModeIcon_08.svg) no-repeat;background-size:56px 56px;background-position:-3px -2px}.menu_button.rotate_icon #mode_icon09{animation:mode_icon_rotate .28s linear}@keyframes mode_icon_rotate{from,to{transform:rotate(0)}25%{transform:rotate(-55deg)}75%{transform:rotate(25deg)}}@keyframes mode_icon_rotate_s{from,to{transform:rotate(0)}25%{transform:rotate(-40deg)}75%{transform:rotate(15deg)}}#contents{position:relative;top:0;left:286px;width:994px;min-height:648px;background:url(png/Bg_00.png)}#contents_scroll_area{position:fixed;top:103px;left:1255px;width:6px;height:520px}#contents_scroll_bar{position:absolute}.scroll_bar{width:6px;border-radius:5px;background:#a5a5a5}.category{position:relative;width:969px;padding-top:147px}.category_name_container{position:fixed;top:0;left:286px;display:inline-block;padding-top:100px;padding-bottom:37px;width:969px;text-align:center;background:url(png/CategoryBase.png) no-repeat;z-index:3}.category_name{font-size:20px;font-weight:bold;color:#848484;opacity:0}.category_name.show{opacity:1;animation:opacity_up .1s linear}.movie{position:absolute;width:288px;height:218px;padding:6px 6px 0 6px;background-color:#fff;border-radius:2px;box-shadow:0 4px 3.8px rgba(0,0,0,0.16)}.category{--duration:.1s;--delay:.1s}.row.showBeginning{animation:showing_movie var(--duration) linear both}@keyframes showing_movie{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1.0}}.movie.col1{left:27px}.movie.col2{left:335px}.movie.col3{left:643px}div.row{position:relative;height:238px}div.row:last-child{padding-bottom:13px}.movie.focus{border:solid 4px red;border-radius:2px;margin:-4px;animation:scale 1.5s linear 0 infinite;z-index:2}.movie:not(.touch):not(.touchend).focus{transform:scale(1.02);transition:.08s linear transform}@keyframes scale{from,to{box-shadow:0 0 2px rgba(255,0,0,0.4)}50%{box-shadow:0 0 5px 1px rgba(255,0,0,1)}}.movie.touch{transform:scale(0.92);transition:.02s cubic-bezier(0.95,0.05,0.795,0.035) transform}.movie.touchend{animation:touchend .02s cubic-bezier(0.95,0.05,0.795,0.035)}@keyframes touchend{from{transform:scale(0.95)}to{transform:scale(1)}}.check_icon{position:absolute;left:1px;top:4px;width:42px;height:42px;background:url(svg/CheckIcon_00.svg) no-repeat}.time_base{position:absolute;top:144.5px;left:236px;width:53px;height:20px;line-height:22.8px;text-align:center;color:#fff;font-size:15px;background-color:rgba(0,0,0,0.72);border-radius:6px}.thumb_container{position:relative;width:288px;height:162px;background-image:url('webp/Loading_00.webp')}.thumb_container img{position:absolute;top:0;width:100%;height:100%}img.img_load{animation:opacity_up .5s linear 0}div.row>div.movie.click_button,#play.click_button,#cancel.click_button,#close_decide.click_button,#close_cancel.click_button{animation:click_button .1s linear 0}@keyframes click_button{from{transform:scale(1.02)}50%{transform:scale(0.95)}to{transform:scale(1.02)}}.headline{position:absolute;left:6px;top:169px;width:288px}.course_name{position:relative;font-size:18px;font-weight:bold;height:32px;color:#db1616;align-items:end;margin-bottom:1px;white-space:nowrap;overflow:hidden}.course_name span.course_name_inline{display:inline-flex;min-width:288px;height:32px;align-items:flex-end}.telop{font-size:14px;height:22px;color:#7f7f7f;white-space:nowrap;overflow:hidden}.telop span.telop_inline{display:inline-flex;min-width:288px;height:22px}.detail{display:none}#footer{position:fixed;top:647px;left:0;width:1280px;height:0;border-bottom:1px solid #c6c6c6}#layer{position:fixed;top:0;left:0;width:1280px;height:648px;background:rgba(0,0,0,0.7);z-index:5;animation:opacity_up .2s cubic-bezier(0.445,0.05,0.55,0.95) both}#dialog{position:absolute;top:55.5px;left:88.5px;width:1103px;height:537.5px;background-image:linear-gradient(-45deg,#eeeeef 25%,#ebebeb 25%,#ebebeb 50%,#eeeeef 50%,#eeeeef 75%,#ebebeb 75%,#ebebeb);background-size:11.2px 11.2px;border-radius:8.5px;z-index:6;box-shadow:0 2px 18px 2px rgba(0,0,0,0.4)}#dialog_dummy{position:absolute;top:55.5px;width:1103px;height:537.5px;background-image:linear-gradient(-45deg,#eeeeef 25%,#ebebeb 25%,#ebebeb 50%,#eeeeef 50%,#eeeeef 75%,#ebebeb 75%,#ebebeb);background-size:11.2px 11.2px;border-radius:8.5px;z-index:7;box-shadow:0 2px 18px 2px rgba(0,0,0,0.4)}#dialog.showing{animation:showing_dialog_scale .4s cubic-bezier(0.445,0.05,0.55,0.95) forwards;pointer-events:none}#dialog.sliding_right{will-change:transform;animation:sliding_right .48s linear forwards,sliding_opacity_out .33s linear forwards}#dialog_dummy.sliding_right{will-change:transform;animation:sliding_right .48s linear forwards,sliding_opacity_in .33s linear forwards}@keyframes sliding_right{from{transform:translateX(0)}6.25%{transform:translateX(-24px);animation-timing-function:ease-out}68.75%{transform:translateX(1384px)}87.50%{transform:translateX(1348px)}to{transform:translateX(1360px)}}#dialog.sliding_left{will-change:transform;animation:sliding_left .48s linear forwards,sliding_opacity_out .33s linear forwards}#dialog_dummy.sliding_left{will-change:transform;animation:sliding_left .48s linear forwards,sliding_opacity_in .33s linear forwards}@keyframes sliding_left{from{transform:translateX(0)}6.25%{transform:translateX(24px);animation-timing-function:ease-in}68.75%{transform:translateX(-1384px)}87.50%{transform:translateX(-1348px)}to{transform:translateX(-1360px)}}@keyframes sliding_opacity_in{from{opacity:.5}to{opacity:1.0}}@keyframes sliding_opacity_out{from{opacity:1.0}to{opacity:.2}}@keyframes showing_dialog_scale{from{transform:scale(0.8)}47%{transform:scale(1.01)}to{transform:scale(1.0)}}#layer.close{pointer-events:none;animation:opacity_down .22s cubic-bezier(0.445,0.05,0.55,0.95) both}#layer.close #dialog{animation:closing_dialog .22s cubic-bezier(0.445,0.05,0.55,0.95) both}@keyframes closing_dialog{from{transform:scale(1.0);opacity:1.0}to{transform:scale(0.8);opacity:.0}}#dialog_headline,#dialog_headline_dummy{position:absolute;display:flex;top:0;left:0;width:1125px;height:113px;padding-left:4px;background:url(svg/DialogHeader_00.svg) no-repeat;background-position:-13px -12px}#dialog_headline img,#dialog_headline_dummy img{position:relative;display:inline-block;vertical-align:top;margin-top:-7px}#dialog_icon,#dialog_icon_dummy{display:inline-block;width:72px;height:72px;background-position-y:4px;background-repeat:no-repeat;background-size:contain}#dialog_title_box,#dialog_title_box_dummy{margin-top:10px;margin-left:-4px;height:48px}#dialog_title_1,#dialog_title_2,#dialog_title_1_dummy,#dialog_title_2_dummy{font-size:19px;font-weight:bold;color:#fff;height:20px}#dialog_title_1.large,#dialog_title_2.large,#dialog_title_1_dummy.large,#dialog_title_2_dummy.large{font-size:22px;height:23px}#dialog_title_1,#dialog_title_1_dummy{margin-bottom:5px}#dialog_check,#dialog_check_dummy{position:absolute;top:3px;right:38.5px;color:#fff}#dialog_check_icon,#dialog_check_icon_dummy{width:54px;height:54px;margin:0 auto;background:url(svg/CheckIcon_00.svg) no-repeat}#watched,#watched_dummy{margin-top:-14px;font-weight:bold}#dialog_main,#dialog_main_dummy{position:absolute;display:flex;top:96px;left:19px;width:1065px;height:321.5px;background-color:rgba(255,255,255,0.51);border-radius:4.5px}#dialog_thumb_container,#dialog_thumb_container_dummy{position:absolute;top:19px;left:19px;width:504px;height:283.5px}#dialog_thumb_container img,#dialog_thumb_container_dummy img{position:absolute;top:0;width:100%;height:100%}#description,#description_dummy{position:absolute;top:19px;left:542px;width:479px;height:283.5px;word-wrap:break-word;font-size:20px;display:flex;align-items:center;overflow-y:scroll;line-height:1.75;padding-top:3px}#description.scroll,#description_dummy.scroll{align-items:stretch}#description_scroll_bar,#description_scroll_bar_dummy{position:absolute;top:17.5px;right:19px}.dialog_button{position:absolute;height:82px;background-color:#fff;border-radius:10px;box-shadow:0 4px 3.8px rgba(0,0,0,0.16);color:#2d2d2d;font-size:27px;font-weight:bold;display:flex;align-items:center;justify-content:center}#dialog .dialog_button,#dialog_dummy .dialog_button{bottom:19px;width:523px}#dialog_mock .dialog_button{bottom:19px;width:503px}.dialog_button.focus{border:solid 4px red;border-radius:10px;margin:-4px;transform:scale(1.02);transition:.08s linear transform;animation:scale 1.5s linear 0 infinite}.dialog_button.touch{transform:scale(0.92);transition:.02s cubic-bezier(0.95,0.05,0.795,0.035) transform}.dialog_button.touchend{pointer-events:none;animation:touchend .02s cubic-bezier(0.95,0.05,0.795,0.035)}div#cancel,div#cancel_dummy{left:19px}div#play,div#play_dummy{right:19px}#movie_arrow_l{position:absolute;top:287px;left:20px;width:49px;height:72px;z-index:8}#movie_arrow_l .movie_arrow{transform:translate(0,36px) rotate(-45deg)}#movie_arrow_l.touch{transform:translateX(-15px)}#movie_arrow_l.not_touch{pointer-events:none}#movie_arrow_l.decision{animation:decision_l .1s linear}@keyframes decision_l{from{transform:translateX(0)}50%{transform:translateX(-17px)}to{transform:translateX(0)}}#movie_arrow_l.wating{animation:arrow_waiting_l .27s linear infinite alternate}@keyframes arrow_waiting_l{from{transform:translateX(0)}to{transform:translateX(-7px)}}#movie_arrow_r{position:absolute;top:287px;right:20px;width:49px;height:72px;z-index:8}#movie_arrow_r .movie_arrow{transform:scaleX(-1) translate(-49px,36px) rotate(-45deg)}.movie_arrow{width:51px;height:18px;background:#fff;filter:drop-shadow(0 2px 18px rgba(0,0,0,0.4));transform-origin:0 0}.movie_arrow::after{content:"";display:block;width:100%;height:100%;background:inherit;transform:rotate(90deg);transform-origin:9px 9px}.touch .movie_arrow{background:#989898}#movie_arrow_r.touch{transform:translateX(15px)}#movie_arrow_r.not_touch{pointer-events:none}#movie_arrow_r.decision{animation:decision_r .1s linear}@keyframes decision_r{from{transform:translateX(0)}50%{transform:translateX(17px)}to{transform:translateX(0)}}#movie_arrow_r.wating{animation:arrow_waiting_r .27s linear infinite alternate}@keyframes arrow_waiting_r{from{transform:translateX(0)}to{transform:translateX(7px)}}#movie_arrow_l.showing,#movie_arrow_r.showing{animation:showing_arrow .15s linear both;pointer-events:none}@keyframes showing_arrow{from{transform:scale(0.0);opacity:.0}to{transform:scale(1.0);opacity:1.0}}#movie_arrow_l.closing,#movie_arrow_r.closing,#layer.close #movie_arrow_l,#layer.close #movie_arrow_r{animation:closing_arrow .15s linear both;pointer-events:none}@keyframes closing_arrow{from{transform:scale(1.0);opacity:1.0}to{transform:scale(0.0);opacity:.0}}#dialog.sliding_left ~ #movie_arrow_l,#dialog.sliding_left ~ #movie_arrow_r,#dialog.sliding_right ~ #movie_arrow_l,#dialog.sliding_right ~ #movie_arrow_r{pointer-events:none}#close_dialog{position:absolute;top:114px;left:150px;width:980px;height:420px;background-image:linear-gradient(-45deg,#eeeeef 25%,#ebebeb 25%,#ebebeb 50%,#eeeeef 50%,#eeeeef 75%,#ebebeb 75%,#ebebeb);background-size:11.2px 11.2px;border-radius:8.5px;box-shadow:0 2px 18px 2px rgba(0,0,0,0.4);animation:showing_dialog_scale .4s cubic-bezier(0.445,0.05,0.55,0.95) both}#close_dialog .dialog_button{bottom:19px;width:458.5px}#layer.close #close_dialog{animation:closing_dialog .22s cubic-bezier(0.445,0.05,0.55,0.95) both}#close_dialog_main{display:flex;width:100%;height:317px;font-size:26px;line-height:45px;align-items:center;justify-content:center;text-align:center}div#close_cancel{left:19px}div#close_decide{right:19px}@keyframes opacity_up{from{opacity:.0}to{opacity:1.0}}@keyframes opacity_down{from{opacity:1.0}to{opacity:.0}}.hidden{display:none}.no_visible{visibility:hidden}ruby{display:inline-block;margin-top:-20px}rt{transform:translateY(7px)}