#online.ranking #titleArea{width:100%}#online.ranking #topicPath{margin:15px auto}#online.ranking .kv{margin-top:0;padding:0;position:relative;min-height:415px;background:url(/images/images2016/online/ranking/bgi-kv-repeat.jpg) repeat-x;background-size:contain}#online.ranking .kv .kv-wrap{margin:0 auto;padding:45px 0 27px;position:relative;width:1000px}#online.ranking .kv .kvImg{position:relative;top:0;right:0}#online.ranking .kv .kvImg img{position:absolute;top:-45px;right:0}#online.ranking .kv .textArea{position:relative}#online.ranking .kv .textArea .pageTitle{font-size:64px;font-weight:bold;line-height:1}#online.ranking .kv .textArea .addTitle{padding-top:10px;letter-spacing:1.3px}#online.ranking .kv .textArea .titleLead{margin-top:30px;padding-left:30px;border-left:4px solid #3e3a39;font-size:24px;font-weight:bold;line-height:1.35;letter-spacing:-.05em}#online.ranking .kv .textArea .annotation{margin-left:85px;display:inline-block;font-size:12px}#online.ranking .kv .annotationArea{margin-top:103px;font-size:12px}#online.ranking .kv .year{display:-webkit-box;display:flex;flex-wrap:nowrap;-webkit-box-align:end;align-items:flex-end;position:absolute;top:59px;left:455px}#online.ranking .kv .year .circle{border-radius:50px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:75px;height:75px;color:#fffbe5;background:#3e3a39;font-family:"Oswald",sans-serif;font-size:20px;font-weight:bold}#online.ranking .kv .year .circle span{margin-bottom:-4px;font-size:16px}#online.ranking .kv .circle-btn{border-radius:120px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:absolute;right:30px;bottom:25px;width:120px;height:120px;color:#fff;background:#fb8800;font-weight:bold;line-height:1.2321428571;text-align:center}#online.ranking .kv .circle-btn:hover{opacity:.7}#online.ranking .kv .circle-btn .btn-text{position:relative;top:-7px}#online.ranking .kv .circle-btn::after{margin:0 auto;position:absolute;right:0;bottom:15px;left:0;width:18px;height:18px;background:url(/images/images2016/online/ranking/icon_arrow-white.svg) no-repeat;background-size:contain;content:""}#online.ranking .lms_lead{margin-top:1.8em;font-size:18px}#online.ranking .index_box{margin-top:60px}#online.ranking .index_box .link_list>li a{font-weight:normal}#online.ranking .index_box .link_list .number{margin-left:1em;text-indent:-1em}#online.ranking .sectionHeadline{color:#0097dd;font-size:28px;font-weight:bold;line-height:1.2857142857;text-align:center;letter-spacing:-.06em}#online.ranking .btn_wrap{margin-top:68px;text-align:center}#online.ranking .btn-cl{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:relative;width:720px;height:70px;color:#fff;background:#3e3a39;font-size:24px;font-weight:bold;letter-spacing:-.06em}#online.ranking .btn-cl:before,#online.ranking .btn-cl:after{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:""}#online.ranking .btn-cl:before{left:40px;width:32px;height:32px;background:url(/images/images2016/online/ranking/icon_download.svg) no-repeat;background-size:contain}#online.ranking .btn-cl:after{right:30px;width:28px;height:28px;background:url(/images/images2016/online/ranking/icon_arrow-white.svg) no-repeat;background-size:contain}#online.ranking .btn-cl:hover{opacity:.8}#online.ranking .movie-label{display:block;color:#62bad5}#online.ranking .movie-title{margin-bottom:0;color:#3e3a39}#online.ranking .movie-column+.annotation,#online.ranking .themaWrap+.annotation{padding-top:15px;font-size:14px}#online.ranking .numbering{margin-bottom:30px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative}#online.ranking .numbering::before{margin-right:10px;display:inline-block;position:relative;top:0;left:-3px;width:60px;height:60px;content:""}#online.ranking .numbering.-no1::before{background:url(/images/images2016/online/ranking/ranking-num-01.svg) no-repeat;background-size:contain}#online.ranking .numbering.-no2::before{background:url(/images/images2016/online/ranking/ranking-num-02.svg) no-repeat;background-size:contain}#online.ranking .numbering.-no3::before{background:url(/images/images2016/online/ranking/ranking-num-03.svg) no-repeat;background-size:contain}#online.ranking .numbering.-no4::before{background:url(/images/images2016/online/ranking/ranking-num-04.svg) no-repeat;background-size:contain}#online.ranking .numbering.-no5::before{background:url(/images/images2016/online/ranking/ranking-num-05.svg) no-repeat;background-size:contain}#online.ranking .numbering.-no6::before{background:url(/images/images2016/online/ranking/ranking-num-06.svg) no-repeat;background-size:contain}#online.ranking .courseSection{padding:55px 0 80px;background:#f9f9f9}#online.ranking .courseSection .themaWrap{margin-bottom:40px}#online.ranking .courseSection .headline-border-bottom{padding-top:10px}#online.ranking .accordion-area{padding-bottom:30px}#online.ranking .name-romaji{margin-left:10px;font-size:14px}#online.ranking .profile-title{margin:20px 0 10px;font-weight:bold}#online.ranking .accordion_inner{position:relative}#online.ranking .accordion-btn{margin:auto;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:absolute;bottom:0;left:50%;z-index:1;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:132px;height:30px;color:#fff;background-color:#3e3a39;font-size:16px;text-align:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}#online.ranking .accordion-btn::after{content:"続きを読む"}#online.ranking .accordion-text{position:relative;overflow:hidden}#online.ranking .accordion-text.is-hide{height:115px}#online.ranking .accordion-text::before{position:absolute;bottom:0;width:100%;height:95px;background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 50%,#fff 80%,#fff 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 50%,#fff 80%,#fff 100%);content:""}#online.ranking .accordion-btn.is-show{bottom:-65px}#online.ranking .is-show+.is-hide{margin-bottom:65px}#online.ranking .accordion-btn.is-show::after{content:"閉じる"}#online.ranking .accordion-btn.is-show+.accordion-text::before{display:none}@media only screen and (min-width:641px){#online.ranking #contactArea{padding:0}#online.ranking #contactArea .contactLabel,#online.ranking #contactArea .contactNotes,#online.ranking #contactArea .contactBase{width:100%;letter-spacing:0}#online.ranking #contactArea .button-contact .right{-webkit-box-pack:end;justify-content:flex-end}#online.ranking #contactArea .button-contact .right .button-border-right-arrow{padding:0 1em 0 0;-webkit-box-pack:center;justify-content:center;width:292px;height:50px;font-size:14px}}@media only screen and (max-width:640px){#online.ranking .kv{padding:0;min-height:auto;background:#fff}#online.ranking .kv .kv-wrap{padding:0;width:100%}#online.ranking .kv .kvImg{margin:0 auto;position:relative;top:1px;width:100%;height:auto}#online.ranking .kv .kvImg img{position:relative;top:0}#online.ranking .kv .textArea{padding:5% 3.125% 0}#online.ranking .kv .textArea .pageTitle{font-size:83px;font-size:8.3rem;font-size:12.96875vw}#online.ranking .kv .textArea .addTitle{padding-top:3.3333333333%;line-height:1.5;letter-spacing:-.02em;font-size:27px;font-size:2.7rem;font-size:4.21875vw}#online.ranking .kv .textArea .titleLead{margin-top:3.3333333333%;padding:0 0 0 4.1666666667%;line-height:1.35;font-size:28px;font-size:2.8rem;font-size:4.375vw;letter-spacing:-.08em}#online.ranking .kv .textArea .annotation{margin-left:-.5em;font-size:20px;font-size:2rem;font-size:3.125vw}#online.ranking .kv .circle-btn{border-radius:8em;top:37vw;right:1em;bottom:auto;width:31vw;height:31vw;line-height:1.2321428571}#online.ranking .kv .circle-btn .btn-text{top:-7px;font-size:26px;font-size:2.6rem;font-size:4.0625vw}#online.ranking .kv .circle-btn::after{right:0;bottom:1em;left:0;width:1rem;height:1rem;background:url(/images/images2016/online/ranking/icon_arrow-white.svg) no-repeat;background-size:contain;content:""}#online.ranking .kv .year{top:1.5rem;right:2rem;left:auto}#online.ranking .kv .year .circle{padding-bottom:5vw;width:22.5vw;height:7.4rem;color:#fff;background:url(/images/images2016/online/ranking/year.png) no-repeat;background-size:contain;font-size:35px;font-size:3.5rem;font-size:5.46875vw}#online.ranking .kv .year .circle span{margin-bottom:-1vw;font-size:28px;font-size:2.8rem;font-size:4.375vw}#online.ranking .kv .annotationArea{margin-top:3.3333333333%;font-size:20px;font-size:2rem;font-size:3.125vw}#online.ranking .btn_wrap{margin-top:3.3076923077em}#online.ranking .btn-cl{width:20.0769230769em;height:3em;font-size:26px;font-size:2.6rem;font-size:4.0625vw}#online.ranking .btn-cl:before{left:1em;width:1.3846153846em;height:1.3846153846em}#online.ranking .btn-cl:after{right:.9230769231em;width:1.0769230769em;height:1.0769230769em}#online.ranking .lms_lead{margin-top:1.3461538462em;line-height:1.48;font-size:26px;font-size:2.6rem;font-size:4.0625vw}#online.ranking .sectionHeadline{line-height:1.2857860372;font-size:39.82px;font-size:3.982rem;font-size:6.221875vw}#online.ranking .movie-title{margin:auto;letter-spacing:-.05em}#online.ranking .movie-label{text-align:center}#online.ranking .numbering{margin-bottom:1em;display:-webkit-box;display:flex;flex-wrap:wrap}#online.ranking .numbering>div{width:100%}#online.ranking .numbering::before{margin-right:0;margin-bottom:3.2vw;left:auto;width:100%;height:15vw}#online.ranking .numbering.-no1::before{background:url(/images/images2016/online/ranking/ranking-num-01.svg) no-repeat;background-position:center;background-size:contain}#online.ranking .numbering.-no2::before{background:url(/images/images2016/online/ranking/ranking-num-02.svg) no-repeat;background-position:center;background-size:contain}#online.ranking .numbering.-no3::before{background:url(/images/images2016/online/ranking/ranking-num-03.svg) no-repeat;background-position:center;background-size:contain}#online.ranking .numbering.-no4::before{background:url(/images/images2016/online/ranking/ranking-num-04.svg) no-repeat;background-position:center;background-size:contain}#online.ranking .numbering.-no5::before{background:url(/images/images2016/online/ranking/ranking-num-05.svg) no-repeat;background-position:center;background-size:contain}#online.ranking .numbering.-no6::before{background:url(/images/images2016/online/ranking/ranking-num-06.svg) no-repeat;background-position:center;background-size:contain}#online.ranking .movie-column .movie-column-list .movie-thumb-sp{width:auto}#online.ranking .movie-column+.annotation,#online.ranking .themaWrap+.annotation{padding-top:1em;font-size:20px;font-size:2rem;font-size:3.125vw}#online.ranking .buttonWrap+.buttonWrap{margin-top:7.03125%;padding-top:7.03125%;border-top:1px solid #cace06}#online.ranking #instructor-ranking .movie-title{line-height:1;letter-spacing:0}#online.ranking #instructor-ranking .movie-label+.movie-title{margin-bottom:1.125rem}#online.ranking .accordion-area{padding-bottom:6.25%}#online.ranking .accordion-text.is-hide{height:29vw}#online.ranking .accordion-btn{width:38%;height:6.5vw;font-size:24px;font-size:2.4rem;font-size:3.75vw}#online.ranking .courseSection{padding:3.0384615385em 0 3.3076923077em}}@media only screen and (max-width:568px){html{font-size:55.46875}body{font-size:23.075px;font-size:2.3075rem;font-size:4.0625vw}}@media only screen and (max-width:540px){html{font-size:52.734375}body{font-size:21.9375px;font-size:2.19375rem;font-size:4.0625vw}}@media only screen and (max-width:480px){html{font-size:46.875}body{font-size:19.5px;font-size:1.95rem;font-size:4.0625vw}.customSelect .refineLabelWrap select{font-size:16px}select{font-size:16px}}@media only screen and (max-width:414px){html{font-size:40.4296875}body{font-size:16.81875px;font-size:1.681875rem;font-size:4.0625vw}}@media only screen and (max-width:375px){html{font-size:36.62109375}body{font-size:15.234375px;font-size:1.5234375rem;font-size:4.0625vw}}@media only screen and (max-width:360px){html{font-size:35.15625}body{font-size:14.625px;font-size:1.4625rem;font-size:4.0625vw}}@media only screen and (max-width:320px){html{font-size:31.25}body{font-size:13px;font-size:1.3rem;font-size:4.0625vw}}