@charset "utf-8";#lesson{background-color:#E5F2F2}@media screen and (max-width:767px){#lesson{padding-top:3.125%}}@media screen and (min-width:768px){#lesson{padding-top:50px}}#lesson_detail{background-color:#E5F2F2}#lesson_detail>div{background-color:#FFF;margin-left:auto;margin-right:auto}#lesson_detail>div>section{text-align:left}#lesson_detail>div>section h3{font-weight:400;line-height:1.2}#lesson_detail>div>section .lesson_type>li{margin-top:.2em;margin-right:.5em}#lesson_detail>div>section p{font-size:87.5%}#lesson_detail>div>section hr{border-color:#4D4D4D}#lesson_detail>div>section.lesson_category_1 hr{border-color:#E966A0}#lesson_detail>div>section.lesson_category_2 hr{border-color:#5F3192}#lesson_detail>div>picture #lesson_photo>li img[src$="no_image_600x600.webp"]{border:1px solid #E0E0E0}#lesson_detail>div>picture #lesson_thumb{text-align:left}#lesson_detail>div>picture #lesson_thumb>li{display:inline-block;vertical-align:top}#lesson_detail>div>picture #lesson_thumb>li img{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;transition:opacity 0.2s ease-out 0s}#lesson_detail>div>picture #lesson_thumb>li:hover img,#lesson_detail>div>picture #lesson_thumb>li.active img{opacity:.7}#lesson_detail>div>picture img{width:100%}#lesson_detail>div>picture img[src$="no_image_600x600.webp"]{border:1px solid #E0E0E0}#lesson_detail>div #lesson_profile{text-align:left}#lesson_detail>div #lesson_profile>li h4{background-color:#E6E6E6;color:#333;display:inline-block;font-size:75%;padding:.2em .8em;text-align:center}#lesson_detail>div #lesson_profile>li p{font-size:87.5%}#lesson_detail #lesson_movie{margin-left:auto;margin-right:auto;position:relative}#lesson_detail #lesson_movie:before{content:"";display:block;padding-top:56.25%}#lesson_detail #lesson_movie iframe{max-height:100%!important;position:absolute;top:0;left:0;max-width:100%!important}#lesson_detail #lesson_recommend h4{color:#FFF;border-radius:100px}#lesson_detail #lesson_recommend.lesson_category_1 h4{background-color:#E966A0}#lesson_detail #lesson_recommend.lesson_category_2 h4{background-color:#5F3192}#lesson_detail #lesson_recommend ul{text-align:left}#lesson_detail #lesson_recommend.lesson_category_1 ul>li{color:#E966A0}#lesson_detail #lesson_recommend.lesson_category_2 ul>li{color:#5F3192}#lesson_detail #lesson_instructor .lesson_instructor figcaption h4 span{display:inline-block;vertical-align:middle}#lesson_detail #lesson_instructor .lesson_instructor figcaption h4 a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-style:solid;border-width:1px;display:inline-block;font-size:75%;padding:.1em .6em;text-decoration:none;transition:background-color 0.2s ease-out 0s;vertical-align:middle}#lesson_detail #lesson_instructor.lesson_category_1 .lesson_instructor figcaption h4 a{border-color:#E966A0}#lesson_detail #lesson_instructor.lesson_category_2 .lesson_instructor figcaption h4 a{border-color:#5F3192}#lesson_detail #lesson_instructor.lesson_category_1 .lesson_instructor figcaption h4 a:hover{background-color:#E966A0;color:#FFF}#lesson_detail #lesson_instructor.lesson_category_2 .lesson_instructor figcaption h4 a:hover{background-color:#5F3192;color:#FFF}#lesson_detail #lesson_instructor .lesson_instructor figcaption p{font-size:75%}#lesson_detail #lesson_instructor .lesson_instructor figcaption section span{color:#FFF;display:inline-block;font-size:75%;margin-top:.2em;padding:0 .8em;position:relative;vertical-align:middle}#lesson_detail #lesson_instructor .lesson_instructor figcaption section span:after{border-style:solid;content:"";display:block;height:0;position:absolute;top:50%;right:0;-ms-transform:translate(100%,-50%);-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);width:0}#lesson_detail #lesson_instructor.lesson_category_1 .lesson_instructor figcaption section span{background-color:#E966A0}#lesson_detail #lesson_instructor.lesson_category_2 .lesson_instructor figcaption section span{background-color:#5F3192}#lesson_detail #lesson_instructor.lesson_category_1 .lesson_instructor figcaption section span:after{border-color:transparent transparent transparent #E966A0}#lesson_detail #lesson_instructor.lesson_category_2 .lesson_instructor figcaption section span:after{border-color:transparent transparent transparent #5F3192}#lesson_detail #lesson_instructor .lesson_instructor figcaption section a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-style:solid;border-width:1px;display:inline-block;margin-top:.2em;padding:0 .6em;text-decoration:none;transition:background-color 0.2s ease-out 0s;vertical-align:middle}#lesson_detail #lesson_instructor.lesson_category_1 .lesson_instructor figcaption section a{border-color:#E966A0}#lesson_detail #lesson_instructor.lesson_category_2 .lesson_instructor figcaption section a{border-color:#5F3192}#lesson_detail #lesson_instructor.lesson_category_1 .lesson_instructor figcaption section a:hover{background-color:#E966A0;color:#FFF}#lesson_detail #lesson_instructor.lesson_category_2 .lesson_instructor figcaption section a:hover{background-color:#5F3192;color:#FFF}@media screen and (max-width:359px){#lesson_detail>div>picture #lesson_thumb>li{width:-webkit-calc(100% / 3);width:calc(100% / 3)}}@media screen and (min-width:360px) and (max-width:767px){#lesson_detail>div>picture #lesson_thumb>li{width:-webkit-calc(100% / 4);width:calc(100% / 4)}}@media screen and (max-width:767px){#lesson_detail{padding-top:3.125%;padding-bottom:3.125%}}@media screen and (min-width:768px){#lesson_detail{padding-top:50px;padding-bottom:50px}}@media screen and (max-width:767px){#lesson_detail>div{padding:3.125%;width:93.75%}#lesson_detail>div>section h3{margin-bottom:3.571428571428571%;font-size:137.5%}#lesson_detail>div>section hr{margin:3.571428571428571% 0}#lesson_detail>div>picture{display:block;margin-top:3.571428571428571%}#lesson_detail>div>picture #lesson_photo{padding:0 12.5%}#lesson_detail>div>picture #lesson_thumb{padding:0 12.5%}#lesson_detail #lesson_movie{margin-top:3.571428571428571%;width:93.75%}#lesson_detail #lesson_recommend{margin-top:3.571428571428571%}#lesson_detail #lesson_instructor .lesson_instructor{margin-top:3.571428571428571%}#lesson_detail #lesson_instructor .lesson_instructor>a{padding:1.785714285714285%;width:55px}#lesson_detail #lesson_instructor .lesson_instructor figcaption h4 span{display:block}#lesson_detail #lesson_instructor .lesson_instructor figcaption section span{font-size:62.5%;height:24px;line-height:22px;margin-right:17px}#lesson_detail #lesson_instructor .lesson_instructor figcaption section span:after{border-width:12px 0 12px 12px}#lesson_detail #lesson_instructor .lesson_instructor figcaption section a{font-size:62.5%;height:24px;line-height:22px;margin-right:5px}}@media screen and (min-width:768px){#lesson_detail>div{}#lesson_detail>div:after{clear:both;content:"";display:block}#lesson_detail>div>section{float:right;width:50%}#lesson_detail>div>section h3{font-size:175%}#lesson_detail>div>section hr{margin:10px 0}#lesson_detail>div>picture{display:block;float:left;width:50%}#lesson_detail>div #lesson_profile{float:right;width:50%}#lesson_detail #lesson_movie{margin-top:30px}#lesson_detail #lesson_recommend{margin-top:30px}#lesson_detail #lesson_recommend h4{padding:5px 20px;font-size:125%}#lesson_detail #lesson_recommend ul>li{display:inline-block;margin-top:10px;text-align:center;width:-webkit-calc((100% - (1em * 2)) / 3);width:calc((100% - (1em * 2)) / 3)}#lesson_detail #lesson_recommend ul>li:not(:nth-child(3n+1)){margin-left:1em}#lesson_detail #lesson_instructor .lesson_instructor figcaption h4 span{font-size:125%;margin-right:.5em}#lesson_detail #lesson_instructor .lesson_instructor figcaption section{margin-top:5px}#lesson_detail #lesson_instructor .lesson_instructor figcaption section span{font-size:75%;height:32px;line-height:32px;margin-right:26px}#lesson_detail #lesson_instructor .lesson_instructor figcaption section span:after{border-width:16px 0 16px 16px}#lesson_detail #lesson_instructor .lesson_instructor figcaption section a{font-size:75%;height:32px;line-height:30px;margin-right:10px}}@media screen and (min-width:768px) and (max-width:939px){#lesson_detail>div{padding:20px;width:-webkit-calc(100% - (20px * 2));width:calc(100% - (20px * 2))}#lesson_detail>div>section{padding-left:10px}#lesson_detail>div>picture{padding-right:10px}#lesson_detail>div>picture #lesson_thumb>li{width:-webkit-calc(100% / 5);width:calc(100% / 5)}#lesson_detail>div #lesson_profile{padding-left:10px}#lesson_detail>div #lesson_profile>li+li{margin-top:20px}#lesson_detail #lesson_movie{width:640px}#lesson_detail #lesson_instructor .lesson_instructor>a{padding:10px;width:160px}}@media screen and (min-width:940px){#lesson_detail>div{padding:30px}#lesson_detail>div>section{padding-left:20px}#lesson_detail>div>picture{padding-right:20px}#lesson_detail>div>picture #lesson_thumb>li{width:-webkit-calc(100% / 6);width:calc(100% / 6)}#lesson_detail>div #lesson_profile{padding-left:20px}#lesson_detail>div #lesson_profile>li+li{margin-top:30px}#lesson_detail #lesson_movie{width:730px}}@media screen and (min-width:940px) and (max-width:1279px){#lesson_detail #lesson_instructor .lesson_instructor>a{padding:10px;width:200px}}@media screen and (min-width:1280px){#lesson_detail #lesson_instructor .lesson_instructor>a{padding:15px;width:250px}}