html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.wrap,#bread-crumbs{position:relative;width:100%;max-width:1040px;margin:0 auto;padding:0 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#header .logo a,#footer .logo a,#main .info-list table .checked{overflow:hidden;text-indent:100%;white-space:nowrap;font-size:0}.wrap,#bread-crumbs,#main .header,#main .header .info .lecturer .img,#main .contact-box,#main .login-box,#main .head2,#main .lecture-list .lecture,#main .comment-list .comment,#main .facebook-comment,#main .read-more-guide dl,#side .profile,.articles .article,.lesson-body,#main .user-signup .signup-area .buttons{*zoom:1}.wrap:after,#bread-crumbs:after,#main .header:after,#main .header .info .lecturer .img:after,#main .contact-box:after,#main .login-box:after,#main .head2:after,#main .lecture-list .lecture:after,#main .comment-list .comment:after,#main .facebook-comment:after,#main .read-more-guide dl:after,#side .profile:after,.articles .article:after,.lesson-body:after,#main .user-signup .signup-area .buttons:after{content:".";display:block;clear:both;height:0;visibility:hidden}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.mb55{margin-bottom:55px !important}.mb60{margin-bottom:60px !important}.mb65{margin-bottom:65px !important}.mb70{margin-bottom:70px !important}.mb80{margin-bottom:80px !important}.mb100{margin-bottom:100px !important}.mtm30{margin-top:-30px !important}.mtm5{margin-top:-5px !important}.mt5{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt35{margin-top:35px !important}.mt40{margin-top:40px !important}.mt45{margin-top:45px !important}.mt50{margin-top:50px !important}.mt55{margin-top:55px !important}.mt60{margin-top:60px !important}.mt65{margin-top:65px !important}.mt70{margin-top:70px !important}.ml0{margin-left:0 !important}.pt20{padding-top:20px}.pt30{padding-top:30px}.pt50{padding-top:50px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb45{padding-bottom:45px}.pb50{padding-bottom:50px}.pb55{padding-bottom:55px}.pb60{padding-bottom:60px}.pb65{padding-bottom:65px}.pb70{padding-bottom:70px}.fL{float:left}.fR{float:right}.tAC{text-align:center}.tAR{text-align:right}.tAL{text-align:left}body{font-size:12px;font-size:1.2rem;font-weight:inherit;line-height:inherit}html{width:100%;height:100%;background-color:#fff;font-size:62.5%;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;line-height:1.6;color:#000}body{position:relative;width:100%;height:100%;margin:0;-webkit-text-size-adjust:100%;word-wrap:break-word;-webkit-overflow-scrolling:touch}a{color:#ef7533;text-decoration:none}a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;text-decoration:underline}img{vertical-align:bottom;width:100%;height:auto}#wrapper{position:relative;z-index:10 !important}.pc-only{display:inherit !important}.sp-only{display:none !important}#home-nav{display:none}#home-nav *,#home-nav *:before,#home-nav *:after{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#category-nav{font-size:0;text-align:center}#category-nav .wrap,#category-nav #bread-crumbs{max-width:1170px;padding:5px 20px}#category-nav ul{margin-bottom:10px;font-size:0}#category-nav li{display:inline-block;width:180px;font-size:16px;border-left:1px solid #333;border-right:1px solid #333}#category-nav li a{color:#000}#category-nav li a:hover{text-decoration:none;color:#ef7533}#category-nav li+li{border-left:0;border-right:1px solid #333}#info{margin-bottom:10px}#info .wrap,#info #bread-crumbs{max-width:1170px}#info .list{font-size:16px;line-height:20px;padding:10px;background-color:#eee}#info .list .date{clear:left;float:left;padding:18px 0;pointer-events:none;width:130px;display:none}#info .list .txt{display:list-item;list-style-type:none !important;position:relative}#info .list .txt a{color:#000;display:block;padding:5px 25px}#info .list .txt a:hover{background-color:rgba(239,117,51,0.5);text-decoration:none}#info .list .txt::before{position:absolute;top:0.5em;left:1rem;font-family:"Font Awesome 5 Free";font-weight:bold;content:"\f054";color:gray;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}#topics .wrap,#topics #bread-crumbs{max-width:1170px;padding:20px}#topics .topics-main{float:left;width:66%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-bottom:40px}#topics .topics-side{width:30%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;max-width:300px;margin-bottom:10px;margin-left:70%}#topics .topics-side .recommend-lessens .head-border{margin-bottom:5px;font-size:18px;font-weight:bold;text-align:center}#topics .topics-side .recommend-lessens .head-border span{display:inline-block;padding-bottom:2px;border-bottom:4px solid #e7731c}#topics .topics-side .recommend-lessens ul{margin-bottom:10px}#topics .topics-side .recommend-lessens li{margin:8px 10px;overflow:hidden}#topics .topics-side .recommend-lessens li a{color:#000}#topics .topics-side .recommend-lessens li a:hover{text-decoration:none;color:#ef7533}#topics .topics-side .recommend-lessens li figure{float:left;width:80px}#topics .topics-side .recommend-lessens li figure img{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}#topics .topics-side .recommend-lessens li div{padding:3px 0 3px 90px;line-height:1.5;font-size:16px}#topics .topics-side .top-banner{margin:auto;position:relative}#topics .topics-side .top-banner a{animation-name:top-banner;-webkit-animation-name:top-banner;animation-duration:10s;-webkit-animation-duration:10s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;opacity:0}#topics .topics-side .top-banner a:nth-of-type(1){display:block;margin:0 auto}#topics .topics-side .top-banner a:nth-of-type(2){position:absolute;top:0;animation-delay:5s;-webkit-animation-delay:5s}@keyframes top-banner{0%{opacity:0}5%{opacity:1}40%{opacity:1}50%{opacity:0}}@-webkit-keyframes top-banner{0%{opacity:0}5%{opacity:1}40%{opacity:1}50%{opacity:0}}#slick{font-size:0}#slick .inner{background-color:#fff;padding:0 0 40px;position:relative}#slick .head-border{font-size:28px;font-weight:bold;margin-bottom:40px;text-align:center}#slick .head-border span{border-bottom:4px solid #e7731c;display:inline-block;padding-bottom:8px}#slick .slider{overflow:hidden;position:relative}#slick .article{display:inline-block;vertical-align:top;white-space:normal;width:600px}#slick .article a{border:solid 2px #394d56;background-color:#71848c;color:#fff;display:block;padding:0 20px 20px;text-decoration:none}#slick .article .img{margin:0 -20px 16px;position:relative}#slick .article .img iframe{width:100%}#slick .article .ttl{font-size:22px;font-weight:bold;margin-bottom:6px;text-decoration:underline}#slick .article .txt{font-size:14px}#slick .slick-prev{left:15px;z-index:1}#slick .slick-next{right:15px}#slick .slick-next:before,#slick .slick-prev:before{color:#394d56;font-size:30px}#header{position:relative}#header *,#header *:before,#header *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#header .wrap,#header #bread-crumbs{max-width:1170px;padding:20px 20px 5px 20px}#header .logo{float:left}#header .logo a{display:block;width:150px;height:60px;background:url("logo_header_pc-1d40cb94c555ae225722336a1009f5ad89d1cde22ef151032ead5489eaf148ca.png") no-repeat center bottom;background-size:contain;margin:0 auto}#header .logo .copy{font-size:9px;font-weight:bold}#header .menu{display:table;width:calc(100% - 200px);margin:5px 0 5px 200px;overflow:hidden}#header .menu-row{display:table;table-layout:fixed;width:100%}#header .stretch{display:table-cell}#header .stretch.user-name{text-align:right;vertical-align:middle;color:#707eff;font-size:14px}#header .search-box{width:300px;display:table-cell;padding:5px 0}#header .search-box .search{font-size:0;margin-right:15px;max-width:1000px}#header .search-box .search input,#header .search-box .search select{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none;border:1px solid #bbb;border-right:0;display:inline-block;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;font-size:14px;line-height:30px;vertical-align:middle}#header .search-box .search .select{background:url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 94% center;background-size:20px;font-size:14px;font-weight:bold;height:38px;line-height:36px;margin:auto;padding:0 0 0 2%;position:relative;width:30%}#header .search-box .search .txt{background:url("pub/icn_search-9af42f06688105c8eeea67b62b707a3e9abb5d315a54dccfcad5b94141286119.png") no-repeat 6% center;background-size:18px;font-size:14px;font-weight:bold;line-height:36px;padding:0 0 0 8%;position:relative;width:55%}#header .search-box .search .txt:placeholder-shown{color:#666}#header .search-box .search .txt::-webkit-input-placeholder{color:#666}#header .search-box .search .txt:-moz-placeholder{opacity:1;color:#666}#header .search-box .search .txt::-moz-placeholder{opacity:1;color:#666}#header .search-box .search .txt:-ms-input-placeholder{color:#666}#header .search-box .search .btn{-moz-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;background-color:#586e78;border:1px solid #586e78;color:#fff;cursor:pointer;line-height:36px;padding:0 10px;position:absolute;text-align:center;width:55px}#header .search-box2{width:250px;display:table-cell;padding:10px 0}#header .search-box2 .search{font-size:0;margin-right:15px;max-width:1000px;border-bottom:1px solid #bbb}#header .search-box2 .search input{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none;border:0;display:inline-block;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;font-size:16px;line-height:30px;vertical-align:middle}#header .search-box2 .search .txt{font-weight:bold;line-height:36px;padding:0 0 0 8%;position:relative;width:200px}#header .search-box2 .search .txt:placeholder-shown{color:#666}#header .search-box2 .search .txt::-webkit-input-placeholder{color:#666}#header .search-box2 .search .txt:-moz-placeholder{opacity:1;color:#666}#header .search-box2 .search .txt::-moz-placeholder{opacity:1;color:#666}#header .search-box2 .search .txt:-ms-input-placeholder{color:#666}#header .search-box2 .search .txt:focus{outline:none}#header .search-box2 .search .btn{width:35px}#header .nav{display:table-cell;vertical-align:middle;width:130px;font-size:0;line-height:1}#header .nav li{display:inline-block;vertical-align:middle}#header .nav li a{display:block;font-size:14px;line-height:16px;color:#000}#header .nav img{width:40px;vertical-align:middle}#header .btns{display:table-cell;vertical-align:middle;width:300px;font-size:0;text-align:right;line-height:1}#header .btns li{display:inline-block;margin:5px 0 5px 15px}#header .btns li a{display:block;font-size:14px;font-weight:bold;line-height:28px;text-decoration:none;color:#fff;border-radius:10px;text-align:center;padding:0 15px}#header .btns li.login a{border:1px solid #9fca26;background-color:#9fca26;-moz-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset}#header .btns li.mypage a{border:1px solid #9fca26;background-color:#9fca26;-moz-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset}#header .btns li.signup a{border:1px solid #e7731c;background-color:#e7731c;-moz-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset}#header .btns li.logout a{border:1px solid #586e78;background-color:#586e78;-moz-box-shadow:0 -4px 0 0 rgba(88,110,120,0.2) inset;-webkit-box-shadow:0 -4px 0 0 rgba(88,110,120,0.2) inset;box-shadow:0 -4px 0 0 rgba(88,110,120,0.2) inset}#header .sns{display:table-cell;width:108px;vertical-align:middle;font-size:0;text-align:right;line-height:1}#header .sns li{display:inline-block;width:28px;margin-left:8px}#header #sp-menu-btn{display:none}#header .neko{display:none}@media print, screen and (max-width: 1080px){#header .wrap,#header #bread-crumbs{padding:20px 10px 5px 15px}}#bread-crumbs{margin-bottom:20px;font-size:0}#bread-crumbs li{display:inline-block;font-size:12px}#bread-crumbs li+li:before{content:">";display:inline-block;margin:0 6px}.search-nav{display:none}#footer{position:relative;z-index:10;background:#fff url("pub/bg_footer-dc4f3119d80e2984a05550568e537cebdda4035f91a14b10491331e57f6cbbd3.png") no-repeat center bottom;background-size:100% auto;padding:50px 0}#footer .wrap,#footer #bread-crumbs{max-width:1170px}#footer #search-box .search{font-size:0;margin:auto;padding:0 20px 80px;max-width:1000px}#footer #search-box input,#footer #search-box select{display:inline-block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:60px;border:1px solid #bbb;border-right:0;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;font-size:22px;font-weight:bold;line-height:60px;vertical-align:middle;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#footer #search-box .select{width:24%;padding:0 50px 0 30px;background:url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 94% center}#footer #search-box .txt{width:56%;padding:0 20px 0 78px;background:url("pub/icn_search-9af42f06688105c8eeea67b62b707a3e9abb5d315a54dccfcad5b94141286119.png") no-repeat 6% center}#footer #search-box .txt:placeholder-shown{color:#666}#footer #search-box .txt::-webkit-input-placeholder{color:#666}#footer #search-box .txt:-moz-placeholder{opacity:1;color:#666}#footer #search-box .txt::-moz-placeholder{opacity:1;color:#666}#footer #search-box .txt:-ms-input-placeholder{color:#666}#footer #search-box .btn{width:20%;border:0;background-color:#ef7533;color:#fff;cursor:pointer;-moz-transition:opacity 0.4s;-o-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}#footer #search-box .btn:hover{opacity:0.7}#footer #search-box .btn.shadow{-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset}#footer .sns{margin-bottom:80px;font-size:0;text-align:center}#footer .sns li{display:inline-block;width:17%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 1.5%;vertical-align:top}#footer .sns li .img{width:76.47059%;margin:0 auto 12px}#footer .sns li .txt{font-size:18px;line-height:1.3;color:#000}#footer .sns li a{display:block;text-decoration:none}#footer .sns li a:hover .img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7}#footer .sns li a:hover .txt{color:#ef7533}#footer .inner{padding-top:50px;border-top:1px solid #e8e8e8}#footer .logo{width:18%;margin:0 auto 30px}#footer .logo a{display:block;background:url("logo_footer-bb9be313086f7585974411982131cf82b22b65a06f01caf61de5b9bab6ea3eeb.png") no-repeat;background-size:contain}#footer .logo a:before{content:"";display:block;padding-top:38.5%}#footer .link{font-size:0;text-align:center}#footer .link ul{margin-bottom:10px}#footer .link li{display:inline-block;margin:0 10px;font-size:16px}#footer .link li a{color:#000}#footer .link li a:hover{text-decoration:none;color:#ef7533}#footer .link.sub ul{margin:26px 0 36px}#footer .link.sub li{margin:2px 8px;font-size:14px;list-style-type:none !important;position:relative}#footer .link.sub li .sns{margin:0;font-size:12px;text-align:left}#footer .link.sub li a{display:block;padding-left:2.0rem}#footer .link.sub li::before{position:absolute;top:.25em;left:1rem;font-family:"Font Awesome 5 Free";font-weight:bold;content:"\f054";color:gray;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}#footer .link.banner ul{margin:26px 0 36px}#footer .link.banner li{margin:0 20px;font-size:10px;text-align:center;vertical-align:top}#footer .link.banner li table{margin-top:-12px}#footer .link.bottom-banner ul{margin:26px 0 36px}#footer .link.bottom-banner li{margin:5px 10px}#footer .link.bottom-banner img{width:340px}#footer .link.bottom-banner li:nth-of-type(1) img{border:1px solid #bbb}#footer .link.bottom-banner li:nth-of-type(3) img{border:1px solid #333}#footer .copyright{font-family:'Asap', sans-serif;font-size:12px;font-weight:bold;text-align:center}.asap{font-family:'Asap', sans-serif}#contents{position:relative;z-index:10;background-color:#fff}#contents.single #main{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#contents.single #main .header{text-align:center}#contents.single #main .header .head1{font-size:36px}#contents.single #main .header .message{font-size:20px}#contents.single #main .login-box{width:48%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#contents.single #main .info-list{width:64%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto}#contents.single #main .info-list .date{width:18.75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#main{float:left;width:66%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-bottom:40px}#main .section{margin-bottom:40px}#main .section .txt{font-size:16px;line-height:1.75}#main .section .txt p+p{margin-top:16px}#main .section .guide-txt{margin-bottom:30px;font-size:18px;line-height:1.75}#main .section .guide-txt .red{font-weight:bold;color:#f00}#main .section.usage{position:relative}#main .section.usage .image1{width:150px;position:absolute;right:0;bottom:-40px}#main .section.usage .image2{width:150px}#main .section.usage .signature{width:180px;float:right}#main .head-border{margin-bottom:40px;font-size:28px;font-weight:bold;text-align:center}#main .head-border span{display:inline-block;padding-bottom:8px;border-bottom:4px solid #e7731c}#main .article-list{margin-bottom:60px;font-size:0}#main .article-list *,#main .article-list *:before,#main .article-list *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#main .article-list .article{position:relative;display:inline-block;vertical-align:top;width:31%;margin-right:3.5%;margin-bottom:35px;padding:19px 19px 74px;border:1px solid #ccc}#main .article-list .article:nth-of-type(3n){margin-right:0}#main .article-list .article .img{margin-bottom:10px}#main .article-list .article .ttl{margin-bottom:8px;font-size:18px;font-weight:bold}#main .article-list .article .lecturer{font-size:14px}#main .article-list .article .detail-btn{position:absolute;right:19px;bottom:19px;left:19px}#main .article-list .article .detail-btn a{display:block;border:1px solid #e7731c;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:38px;-moz-box-shadow:0 -4px 0 0 rgba(231,115,28,0.2) inset;-webkit-box-shadow:0 -4px 0 0 rgba(231,115,28,0.2) inset;box-shadow:0 -4px 0 0 rgba(231,115,28,0.2) inset}#main .article-list .btn{max-width:560px;margin:35px auto 0}#main .course-header *,#main .course-header *:before,#main .course-header *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#main .course-header .head{position:relative;margin-bottom:20px;font-size:0;overflow:hidden}#main .course-header .head span{display:table-cell;height:80px;vertical-align:middle;padding-left:100px;font-size:32px;font-weight:bold}#main .course-header .head.free:before{content:"無 料";position:absolute;top:0;left:0;display:inline-block;vertical-align:middle;width:80px;height:80px;margin-right:20px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:4px solid #e7731d;font-size:20px;font-weight:bold;line-height:72px;text-align:center;color:#e7731d}#main .course-table{margin-bottom:40px}#main .course-table .notes{margin-bottom:10px;padding:5px;background-color:#f3f3f3;font-size:18px;font-weight:bold;text-align:center}#main .course-table table{width:100%}#main .course-table table th,#main .course-table table td{padding:20px 20px 20px 0;border-bottom:1px solid #000;vertical-align:middle}#main .course-table table .vol{width:100px}#main .course-table table .vol p{height:100px;background-color:#e7731d;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;font-size:20px;color:#fff;text-align:center;line-height:100px}#main .course-table table .img{width:100px}#main .course-table table .ttl{font-size:28px}#main .course-table table .checked{width:80px;padding-right:0}#main .course-table table .checked p{padding-top:64px;background:url("pub/icn_checked2-6f14849a1c39f48105cda771337645d3669f6f50a60ea4a066713bf6a7c68d72.png") no-repeat center top;background-size:60px auto;font-size:16px;text-align:center;color:#e7731d}#main .course-summary{font-size:16px}#main .course-lecturer{margin-top:30px;font-size:0}#main .course-lecturer .img{display:inline-block;vertical-align:middle;margin-right:30px}#main .course-lecturer .img a{display:block;width:120px;height:120px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden}#main .course-lecturer .txt{display:inline-block;vertical-align:middle;font-size:18px}#main .course-lecturer .txt .name{font-size:22px}#main .header{margin-bottom:26px}#main .header.normal .head1{font-size:36px}#main .header .add{text-align:right;font-size:16px}#main .header .add:before{content:"";display:inline-block;margin-right:6px;background:#ef7533 url("pub/icn_add-5898f7fd98ccf4e1260aa7c5f8b2b9074fd5bd8dc6548faad583d49f526d369c.png") no-repeat center center;background-size:contain;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:18px;height:18px;vertical-align:middle}#main .header .favorite{display:none}#main .header .info .date,#main .header .info .category{display:inline-block;margin-right:12px;margin-bottom:6px}#main .header .info .lecturer .img{display:none}#main .header .info .lecturer .txt{font-size:14px}#main .header .info .lecturer .txt span:after{content:"："}#main .header .profile-img{float:left;display:block;width:80px;height:80px;margin-right:20px;vertical-align:middle}#main .header .profile-img a{display:block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden}#main .note{margin-top:20px;font-size:14px}#main .note ul{list-style-type:disc;margin-left:15px}#main .note ul li{margin-bottom:4px}#main .note ol{list-style-type:decimal;margin-left:15px}#main .note ol li{margin-bottom:4px}#main .sns{margin-bottom:30px;font-size:0;text-align:right}#main .sns li{display:inline-block;vertical-align:top;width:130px}#main .sns li+li{margin-left:5px}#main .sns li a{display:block;padding:0 4px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;font-size:12px;font-weight:bold;line-height:37px;text-align:center;color:#fff}#main .sns li a span{display:inline-block;padding-left:20px;background-position:left center;background-repeat:no-repeat;background-size:auto 14px}#main .sns li a.twitter{background-color:#539fd8}#main .sns li a.twitter span{background-image:url("pub/icn_sns_twitter_white-5b87c3c04ac04251fc3a9bb257e2c623fa85ccab3e11c88c57f9f608ed80913c.png")}#main .sns li a.facebook{background-color:#344e93}#main .sns li a.facebook span{background-image:url("pub/icn_sns_facebook_white-2a467a045f051c1d0ccacb65cd07cd0b923bf23b490a86f5bcf2195ad03671b7.png")}#main .sns li a.google{background-color:#db4b41}#main .sns li a.google span{padding-left:26px;background-image:url("pub/icn_sns_google_white-5a315b01d145479f4f685f2ba174ae1db5aca71b7ed98ba0a19557dbedd97aee.png")}#main .sns li a.hatebu{background-color:#2887d6}#main .sns li a.hatebu span{background-image:url("pub/icn_sns_hatebu_white-1d58f4a28088639b2d72bb598f4f6774fb41cec5861976585431bd158097dfdf.png")}#main .sns li a.pocket{background-color:#db5055}#main .sns li a.pocket span{background-image:url("pub/icn_sns_pocket_white-98819d7af9188130c5d5714bee05b9d1f28e09324b93ba943f65be667049ebcf.png")}#main .sns li a.line{background-color:#00c300}#main .sns li a.line span{background-image:url("pub/icn_sns_line_white-d4ccd0cd8d9fa7aa20d0c6485a3916489d05921c8b9dce4e2c7dbe466a234c94.png")}#main .sns li.favorite{margin-left:20px;width:160px}#main .sns li.favorite a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-color:#e7731c;font-size:14px}#main .sns li.favorite a span{background-image:url("pub/icn_heart-f447e66f04f645f5aa452138eaf4ddba26fe861ebc78854636a26d3d6fab48d0.png")}#main .sns li.favorite a span:before{content:"お気に入りに登録"}#main .sns li.favorite.checked a{background-color:#fff;-moz-box-shadow:0 0 0 1px #e7731c inset;-webkit-box-shadow:0 0 0 1px #e7731c inset;box-shadow:0 0 0 1px #e7731c inset;color:#e7731c}#main .sns li.favorite.checked a span{background-image:url("pub/icn_checked-fe146e5a909fdfda866eef0a1d289042b219324cca8d553051b306bab0f58f52.png")}#main .sns li.favorite.checked a span:before{content:"お気に入り済"}#main .contact-box .input{margin-bottom:50px;border-bottom:1px solid #ccc}#main .contact-box .label{clear:left;float:left;width:250px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:14px 20px;border-top:1px solid #ccc;font-size:16px}#main .contact-box .data{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:14px 20px;border-top:1px solid #ccc;border-left:250px solid #f3f3f3;font-size:16px}#main .contact-box .data .box{padding:20px;background-color:#f3f3f3}#main .contact-box .data input[type=text],#main .contact-box .data input[type=password],#main .contact-box .data input[type=email],#main .contact-box .data input[type=tel],#main .contact-box .data textarea,#main .contact-box .data select{display:block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background-color:#fff;font-size:16px;color:#000;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#main .contact-box .data input[type=text],#main .contact-box .data input[type=password],#main .contact-box .data input[type=email],#main .contact-box .data input[type=tel]{padding:0 10px;line-height:28px}#main .contact-box .data textarea{height:180px;padding:10px}#main .contact-box .data select{line-height:28px;padding:0 30px 0 10px;background:#fff url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 96% center;background-size:24px auto}#main .contact-box .data select.inline{display:inline-block;width:auto;padding:0 40px 0 20px;background:#fff url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 90% center;background-size:20px auto}#main .contact-box .data input[type=file]{padding:10px;font-size:16px;color:#999;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#main .contact-box .guide{margin-top:6px;text-align:right;font-size:16px}#main .contact-box .guide:before{content:"?";display:inline-block;width:18px;height:18px;margin-right:6px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#ef7533;font-size:12px;line-height:18px;color:#fff;text-align:center;vertical-align:middle}#main .contact-box #contact_email_confirm{color:#1f1f1f;background-color:transparent;font-size:22px;font-weight:bold;border:none;overflow:hidden;resize:none;word-break:break-all;padding:5px 0px}#main .contact-box .essential{padding-left:10px;color:#e12f2f;font-size:12px}#main .contact-box .border-top-none{border-top:none}#main .contact-box #email_caution{display:none;background-color:#ffeeee;color:#e12f2f;word-wrap:break-word;margin-bottom:10px}#main .contact-box #contact_email_entry{border-bottom:none;padding-bottom:5px}#main .login-box{width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 auto 50px}#main .login-box .input{margin-bottom:50px}#main .login-box .label{margin-top:20px;font-size:18px}#main .login-box .note{font-size:15px;margin-top:10px}#main .login-box .data{margin-top:10px;font-size:18px}#main .login-box .data .box{padding:20px;background-color:#f3f3f3}#main .login-box .data input[type=text],#main .login-box .data input[type=password],#main .login-box .data input[type=email],#main .login-box .data input[type=tel],#main .login-box .data textarea,#main .login-box .data select{display:block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background-color:#fff;font-size:18px;color:#000;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#main .login-box .data input[type=text],#main .login-box .data input[type=password],#main .login-box .data input[type=email],#main .login-box .data input[type=tel]{padding:0 10px;line-height:38px}#main .login-box .data textarea{height:180px;padding:10px}#main .login-box .data select{line-height:38px;padding:0 30px 0 10px;background:#fff url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 96% center;background-size:24px auto}#main .login-box .data select.inline{display:inline-block;width:auto;padding:0 40px 0 20px;background:#fff url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 90% center;background-size:20px auto}#main .login-box .data input[type=file]{padding:10px;font-size:16px;color:#999;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#main .login-box #select_open_datetime #datepicker{width:120px;display:inline}#main .login-box #select_open_datetime select{width:80px;display:inline-block;background:#fff url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 90% center;background-size:16px auto}#main .login-box .btn{margin-bottom:20px}#main .login-box .link{font-size:16px;text-align:center}#main .login-box .txt{margin-bottom:40px;text-align:center}#main .login-box .guide{margin-top:6px;text-align:right;font-size:16px}#main .login-box .guide:before{content:"?";display:inline-block;width:18px;height:18px;margin-right:6px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#ef7533;font-size:12px;line-height:18px;color:#fff;text-align:center;vertical-align:middle}#main .form-terms{margin-bottom:60px}#main .form-terms .head3{margin-top:20px;margin-bottom:-5px;padding-bottom:5px;border-bottom:1px solid #ccc;font-size:18px;line-height:15px}#main .form-terms .note{margin-top:20px;font-size:14px}#main .form-terms .note.checkbox{padding:10px 15px;background-color:#f3f3f3;text-align:center;font-weight:bold}#main .form-terms .note input[type=checkbox]{display:inline-block;width:24px;height:24px;margin-left:14px;border:1px solid #ccc;background-color:#fff;vertical-align:middle;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}#main .form-terms .note input[type=checkbox]:checked{position:relative}#main .form-terms .note input[type=checkbox]:checked:before,#main .form-terms .note input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:8px;margin:-10px 0 0 -6px;border-bottom:2px solid #ef7533;border-left:2px solid #ef7533;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#main .form-terms .inner{height:250px;margin-top:15px;padding:0px 15px 15px 15px;background-color:#f3f3f3;overflow:auto}#main .info-list table{width:100%}#main .info-list table th,#main .info-list table td{padding:10px;font-size:16px;vertical-align:top}#main .info-list table th{font-size:14px}#main .info-list table thead th,#main .info-list table thead td{border-top:1px solid #ccc;background-color:#f3f3f3}#main .info-list table tbody th,#main .info-list table tbody td{border-bottom:1px solid #ccc}#main .info-list table .date,#main .info-list table .txt{text-align:left}#main .info-list table .num{display:inline-block;width:30px;height:30px;line-height:30px;background:#ef7533;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;color:#fff}#main .info-list table .checked{display:inline-block;width:22px;height:22px;background:url("pub/icn_checked-fe146e5a909fdfda866eef0a1d289042b219324cca8d553051b306bab0f58f52.png") no-repeat center center;background-size:contain}#main .info-list table .btn{width:100px;margin:0 0 0 auto}#main .info-list table .btn a,#main .info-list table .btn input{padding:0 10px;font-size:14px;line-height:28px}#main .info-list table input[type=text],#main .info-list table input[type=password],#main .info-list table textarea,#main .info-list table select{display:block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;background-color:#fff;font-size:16px;color:#000;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#main .info-list table input[type=text],#main .info-list table input[type=password]{padding:0 10px;line-height:28px}#main .lecturer-list{font-size:0}#main .lecturer-list .lecturer{display:inline-block;width:30.30303%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 1.51515% 40px;vertical-align:top;text-align:center}#main .lecturer-list .lecturer a{color:#000}#main .lecturer-list .lecturer a:hover{text-decoration:none}#main .lecturer-list .lecturer a:hover .img{text-decoration:underline;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7}#main .lecturer-list .lecturer a:hover .btn{background-color:#000;color:#fff}#main .lecturer-list .lecturer .img{width:70%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 auto 16px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;-moz-transition:opacity 0.4s;-o-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}#main .lecturer-list .lecturer .name{margin-bottom:8px;font-size:18px;-moz-transition:opacity 0.4s;-o-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}#main .lecturer-list .lecturer .txt{margin-bottom:10px;font-size:12px;-moz-transition:opacity 0.4s;-o-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}#main .lecturer-list .lecturer .btn{width:88.88889%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 auto;border:1px solid #000;font-size:14px;line-height:28px;-moz-transition:opacity 0.4s;-o-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}#main .pager{font-size:0;text-align:center}#main .pager+.buttons{margin-top:50px}#main .pager dt,#main .pager dd{display:inline-block;margin:0 5px;padding:5px}#main .pager dt{font-size:14px}#main .pager dt a{color:#000}#main .pager dd{font-size:16px}#main .head1{margin-bottom:20px;font-size:28px}#main .head1 .lecturer{display:block;margin-bottom:8px;font-size:16px;line-height:1}#main .head1-5{font-size:28px;margin-bottom:10px}#main section .txt.link-underline a{text-decoration:underline}#main .faq-list-disc{list-style-type:disc;margin-left:20px}#main .faq-list-disc li:before{content:""}#main .faq-list-decimal{list-style-type:decimal;margin-left:20px}#main .faq-list-decimal li.list-style-none{list-style-type:none;margin-left:-10px}#main .faq-list-decimal li.list-style-none:before{content:""}#main .faq-list-decimal ul.list-style-circle{list-style-type:circle;margin-left:20px;margin-bottom:20px}#main .faq-list-decimal ul.list-style-circle li:before{content:""}#main .faq-list-decimal ul.list-style-disc{list-style-type:disc;margin-left:20px;margin-bottom:20px}#main .faq-list-decimal ul.list-style-disc li:before{content:""}#main ul li.inverted-triangle:before{content:"▼"}#main .env-list{margin-left:3em}#main .head2{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ccc;font-size:24px;line-height:40px;color:#ef7533}#main .head2 .link{float:right;display:block;width:30.30303%;border:1px solid #000;-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;font-size:16px;color:#000;text-align:center;line-height:38px}#main .head2 .link:hover{border:1px solid transparent;background-color:#ef7533;text-decoration:none;color:#fff}#main .head2 .category{text-decoration:underline}#main .head2 .category .num{font-size:18px}#main .head2 .date{float:right;margin-top:16px;font-size:14px;color:#999;line-height:16px}#main .local-nav{display:table;width:100%;margin-bottom:30px}#main .local-nav li{display:table-cell;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;vertical-align:bottom}#main .local-nav li+li{border-left:0}#main .local-nav li a{position:relative;display:block;padding:12px 0;-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;text-align:center;font-size:20px;color:#000}#main .local-nav li a.arr{font-size:17px}#main .local-nav li a.arr:before{content:"";position:absolute;top:50%;right:14px;display:block;width:6px;height:10px;margin-top:-5px;background:url("pub/icn_arr_orange-b8ab6932f9067b29302a8d9c47db7366aed8e25c8d01b4d0e0f9b37ad55fa016.png") no-repeat;background-size:contain}#main .local-nav li a:hover{background-color:#ef7533;text-decoration:none;color:#fff}#main .local-nav li a:hover.arr:before{background:url("pub/icn_arr_white-b124b8b9f8b30c77540865c9f2bb7a77d3443d4d457635d4763060e1ef6c7141.png") no-repeat;background-size:contain}#main .local-nav.col2 li{width:50%}#main .local-nav.col3 li{width:33.333%}#main .square-list li{margin-bottom:6px;margin-left:2em;text-indent:-2em;font-size:16px}#main .square-list li:before{content:"■";margin-right:1em;color:#ef7533}#main .square-list.border li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #ccc}#main .num-list{margin:1em 0;padding-left:3.5em;list-style-type:decimal}#main .line-list{margin:1em 0}#main .line-list li{margin-bottom:6px;margin-left:1.5em;padding-left:2em;text-indent:-1.5em}#main .line-list li:before{content:"";display:inline-block;width:10px;height:1px;margin-right:0.5em;background-color:#ccc;vertical-align:middle;color:#ef7533}#main .lecture-list .lecture{margin-bottom:25px}#main .lecture-list a{display:block}#main .lecture-list a:hover{color:#ef7533;text-decoration:none}#main .lecture-list .img{float:left;width:24.24242%}#main .lecture-list .detail{margin-left:27.27273%;color:#000}#main .lecture-list .head{margin-bottom:4px;font-size:18px;color:#ef7533;text-decoration:underline}#main .lecture-list a:hover{color:#ef7533;text-decoration:none}#main .comment-list .comment{position:relative}#main .comment-list .comment+.comment{margin-top:26px}#main .comment-list .comment .img{float:left;width:12.12121%}#main .comment-list .comment .img a{display:block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden}#main .comment-list .comment .detail{margin-left:15.15152%}#main .comment-list .comment .name{margin-bottom:6px;font-size:14px;line-height:18px}#main .comment-list .comment .name a{display:inline-block;vertical-align:top}#main .comment-list .comment .name .edit{width:18px;margin-left:4px}#main .comment-list .comment .txt{margin-bottom:12px;font-size:14px}#main .comment-list .comment .txt.class{margin-bottom:0;padding-bottom:3.5em;font-size:16px}#main .comment-list .comment .txt .btn{display:inline-block;width:21.42857%;margin:0 0 0 auto;padding:0;vertical-align:middle}#main .comment-list .comment .txt .btn a,#main .comment-list .comment .txt .btn input{padding:0 10px;font-size:14px;line-height:30px}#main .comment-list .comment .txt input[type=text],#main .comment-list .comment .txt input[type=password],#main .comment-list .comment .txt select{display:inline-block;width:71.42857%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-right:8px;padding:0 10px;border:1px solid #ccc;background-color:#fff;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;font-size:16px;letter-spacing:0.1em;color:#000;line-height:28px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none;vertical-align:middle}#main .comment-list .comment .point-review{position:absolute;bottom:0;left:15.15152%;font-size:16px}#main .comment-list .comment .reply{margin-top:-12px;margin-bottom:12px}#main .comment-list .comment .reply a{font-size:14px;color:#000;text-decoration:underline}#main .comment-list .comment .date{font-size:12px;text-align:right;color:#999}#main .comment-list .comment .textarea{display:block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:160px;padding:14px 20px;border:1px solid #bbb;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;font-size:16px;letter-spacing:0.1em;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#main .comment-list .btn{margin-top:36px}#main .btn{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-bottom:50px}#main .btn a,#main .btn input{display:block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;background-color:#fff;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;font-size:22px;text-decoration:none;color:#000;line-height:78px;text-align:center;-moz-appearance:none;-webkit-appearance:none;-moz-transition:opacity 0.4s;-o-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;cursor:pointer;-moz-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset}#main .btn a .kokokara,#main .btn input .kokokara{position:relative;display:inline-block}#main .btn a .kokokara:before,#main .btn input .kokokara:before{content:"";position:absolute;top:-31px;left:-106px;display:block;width:100px;height:71px;background:url("pub/home/icn_kokokara-d184b6ba19823e046f3646b14a1afd83757a39b52f917b7075729250ff3548ce.png") no-repeat;background-size:contain;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}#main .btn a .kokokara.anim:before,#main .btn input .kokokara.anim:before{content:"";position:absolute;top:-31px;left:-106px;display:block;width:100px;height:71px;background:url("pub/home/icn_kokokara-d184b6ba19823e046f3646b14a1afd83757a39b52f917b7075729250ff3548ce.png") no-repeat;background-size:contain;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}#main .btn a .start,#main .btn input .start{position:relative;display:inline-block}#main .btn a .start:before,#main .btn input .start:before{content:"";position:absolute;top:-62px;right:-136px;display:block;width:130px;height:93px;background:url("pub/icn_start-f86036513bffe8b2d763b5c6d1f6ca918868436a7ace419779a75a5ccd5ae58b.png") no-repeat;background-size:contain;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}#main .btn a:hover,#main .btn input:hover{border:1px solid transparent;background-color:#ef7533;text-decoration:none;color:#fff}#main .btn a:hover .kokokara:before,#main .btn input:hover .kokokara:before{background:url("pub/home/icn_kokokara_black-1570430fec23774d7adffce52fd22070695aef9c2b7639c7457a607a0708609a.png") no-repeat;background-size:contain}#main .btn.orange a,#main .btn.orange input{border:0;background-color:#ef7533;line-height:60px;color:#fff}#main .btn.orange a:hover,#main .btn.orange input:hover{background-color:#555;-moz-box-shadow:0 -3px 0 0 black inset;-webkit-box-shadow:0 -3px 0 0 black inset;box-shadow:0 -3px 0 0 black inset}#main .btn.shadow a,#main .btn.shadow input{-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset}#main .btn.cancel a,#main .btn.cancel input{border:1px solid #ccc;background-color:#fff;font-size:18px;color:#000}#main .btn.cancel a:hover,#main .btn.cancel input:hover{border:1px solid transparent;background-color:#000;text-decoration:none;color:#fff}#main .buttons{margin-bottom:0;font-size:0;text-align:center}#main .buttons .btn{display:inline-block;width:48%;margin-bottom:20px}#main .buttons .btn a,#main .buttons .btn input{padding:0}#main .buttons .btn+.btn{margin-left:4%}#main .buttons .price{display:inline-block;width:36%;margin-bottom:20px;background-color:#efefef;font-size:18px;line-height:60px}#main .buttons .price+.btn{width:60%;margin-left:4%}#main .facebook-comment{margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid #ccc}#main .facebook-comment .head{float:left;padding-left:46px;background:url("pub/icn_facebook_comment-975383c83de3f0fa9556d79e9d2c3e39b9d9f2464bd5913311afea762ad59a1c.png") no-repeat;background-size:contain;font-size:18px;line-height:30px}#main .facebook-comment .comment-view{font-size:0;text-align:right;line-height:30px;cursor:pointer}#main .facebook-comment .comment-view:before{content:"コメント非表示";display:inline-block;font-size:14px;vertical-align:middle}#main .facebook-comment .comment-view:after{content:"";display:inline-block;margin-left:8px;width:16px;height:6px;background:url("pub/icn_dropdown-1a0d2206f0323d1e9f5a65a99e6a24974704401798de0c07390a139fea3752eb.png") no-repeat left top;background-size:100% auto;vertical-align:middle}#main .facebook-comment .comment-view.active:before{content:"コメント表示"}#main .facebook-comment .comment-view.active:after{background:url("pub/icn_dropdown-1a0d2206f0323d1e9f5a65a99e6a24974704401798de0c07390a139fea3752eb.png") no-repeat left -6px;background-size:100% auto}#main .read-more-guide .txt{margin-bottom:20px}#main .read-more-guide dl{margin-bottom:10px}#main .read-more-guide dl .label{clear:left;float:left;font-size:16px}#main .read-more-guide dl .txt:before{content:"："}#main .read-more-guide dl .pc-only{display:inline-block !important}#main .read-more-guide .link{font-size:16px;text-align:right}#main .articles .article{margin-right:3.0303%}#main .articles.col1 .article{width:100%;margin-right:0;margin-bottom:30px}#main .articles.col1 .article .img{float:left;margin-right:3.0303%;width:36.36364%}#main .articles.col1 .article .ttl{font-size:18px}#main .articles.col1 .article .txt{font-size:14px}#main .articles.col2 .article{width:48.48485%;margin-bottom:30px}#main .articles.col2 .article:nth-child(2n){margin-right:0}#main .articles.col2 .article .ttl{font-size:18px}#main .articles.col2 .article .txt{font-size:14px}#main .articles.col3 .article{width:31.81818%;margin-right:2.27273%;margin-bottom:30px}#main .articles.col3 .article:nth-child(3n){margin-right:0}#main .articles.col3 .article .ttl{font-size:14px}#main .articles.col3 .article .txt{font-size:12px}#main .icn{display:inline-block;min-width:60px;padding:2px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;font-size:13px;line-height:1.2}#main .icn.orange{border:1px solid #ef7533;color:#ef7533}#main .icn.green{border:1px solid #4eb62a;color:#4eb62a}#main .icn.gray{border:1px solid #999;color:#999}#main .category-list li{border-bottom:1px solid #ccc;font-size:24px;line-height:40px}#main .category-list li a{display:block;padding:12px 0;color:#ef7533}#side{width:30%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-bottom:40px;margin-left:70%}#side .txt{font-size:14px}#side .local-nav{margin-bottom:30px}#side .local-nav li{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc}#side .local-nav li+li{margin-top:-1px}#side .local-nav li a{position:relative;display:block;padding:10px 20px;font-size:16px;color:#000}#side .local-nav li a.arr:before,#side .local-nav li a.arr:after{content:"";position:absolute;top:50%;right:14px;display:block;width:1px;height:8px;background-color:#ccc}#side .local-nav li a.arr:before{margin-top:-8px;-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-webkit-transform:skewX(25deg);transform:skewX(25deg)}#side .local-nav li a.arr:after{-moz-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}#side .local-nav li a:hover{text-decoration:none;background-color:#ef7533;color:#fff}#side .local-nav li a:hover.arr:before,#side .local-nav li a:hover.arr:after{background-color:#fff}#side .favorite{margin-bottom:30px;text-align:center}#side .favorite a{display:block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:24px 0;background-color:#ef7533;-moz-box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset}#side .favorite a:hover{background-color:#555;-moz-box-shadow:0 -3px 0 0 black inset;-webkit-box-shadow:0 -3px 0 0 black inset;box-shadow:0 -3px 0 0 black inset}#side .favorite span{display:inline-block;padding-left:50px;background:url("pub/icn_heart-f447e66f04f645f5aa452138eaf4ddba26fe861ebc78854636a26d3d6fab48d0.png") no-repeat left center;font-size:22px;color:#fff;line-height:32px}#side .favorite.checked a{padding:22px 0;border:1px solid #ef7533;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background-color:#fff}#side .favorite.checked a:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}#side .favorite.checked span{background:url("pub/icn_checked-fe146e5a909fdfda866eef0a1d289042b219324cca8d553051b306bab0f58f52.png") no-repeat left center;color:#ef7533}#side .profile{display:table;width:100%;height:80px}#side .profile .img{display:table-cell;width:80px;height:80px;vertical-align:middle}#side .profile .img a{display:block;width:80px;height:80px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden}#side .profile .detail{display:table-cell;padding-left:10px;vertical-align:middle}#side .profile .name{font-size:20px}#side .profile .txt{font-size:18px;text-align:right}#side .btn{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-top:16px}#side .btn a{display:block;border:1px solid #000;-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,0.2) inset;font-size:16px;color:#000;line-height:38px;text-align:center}#side .btn a:hover{border:1px solid transparent;background-color:#ef7533;text-decoration:none;color:#fff}#side .section{margin-bottom:40px}#side .head1{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ccc;font-size:20px;color:#ef7533}#side .articles .article+.article{margin-top:26px}#side .articles .article .img{float:left;width:40%;margin-bottom:0}#side .articles .article .info{margin-left:46.66667%;line-height:1.5}#side .articles .article .ttl{margin-bottom:4px;font-size:14px}#side .articles .article .ttl a{color:#000}#side .articles .article .txt{display:none}#side .category-list li{font-size:16px}#side .category-list li a{color:#000}#side .square-list li{margin-left:2em;text-indent:-2em;font-size:14px}#side .square-list li:before{content:"■";margin-right:1em;color:#ef7533}#side .square-list li+li{margin-top:4px}#loading-img{width:auto}.articles{font-size:0}.articles .article{display:inline-block;margin-right:2%;vertical-align:top}.articles .article a:hover{text-decoration:none}.articles .article a:hover .img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7}.articles .article a:hover .ttl{text-decoration:underline}.articles .article a:hover .txt{color:#ef7533;text-decoration:none}.articles .article .img{margin-bottom:16px}.articles .article .ttl{margin-bottom:10px}.articles .article .txt{margin-bottom:10px;color:#000}.articles .article .info a:hover{text-decoration:underline}.articles .article .info .date{display:inline-block;margin-right:14px;font-size:12px}.articles .article .info .category{display:inline-block;margin-right:14px;font-size:12px}.articles .article .info .lecturer{display:inline-block;font-size:12px}.articles.col2 .article{width:49%;margin-bottom:46px}.articles.col2 .article:nth-child(2n){margin-right:0}.articles.col2 .article .ttl{font-size:18px}.articles.col2 .article .txt{font-size:14px}.articles.col3 .article{width:32%;margin-bottom:36px}.articles.col3 .article:nth-child(3n){margin-right:0}.articles.col3 .article .ttl{font-size:16px}.articles.col3 .article .txt{font-size:12px}.articles .btn{width:56%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:20px auto 0}.articles .btn a{display:block;border:1px solid #000;-moz-box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;box-shadow:0 -3px 0 0 rgba(0,0,0,0.2) inset;font-size:22px;color:#000;line-height:78px;text-align:center}.articles .btn a:hover{background-color:#555;-moz-box-shadow:0 -3px 0 0 black inset;-webkit-box-shadow:0 -3px 0 0 black inset;box-shadow:0 -3px 0 0 black inset;color:#fff;text-decoration:none}.articles .btn a .kokokara{position:relative;display:inline-block}.articles .btn a .kokokara:before{content:"";position:absolute;top:-31px;left:-106px;display:block;width:100px;height:71px;background:url("pub/home/icn_kokokara-d184b6ba19823e046f3646b14a1afd83757a39b52f917b7075729250ff3548ce.png") no-repeat;background-size:contain;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.articles .btn a .kokokara.anim:before{content:"";position:absolute;top:-31px;left:-106px;display:block;width:100px;height:71px;background:url("pub/home/icn_kokokara-d184b6ba19823e046f3646b14a1afd83757a39b52f917b7075729250ff3548ce.png") no-repeat;background-size:contain;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}#page-img{margin-bottom:30px}.alert{padding:15px;margin-bottom:40px;border:1px solid transparent;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-size:16px}.alert.alert-error{border-color:#ffdede;background-color:#ffeeee;color:#e12f2f}.alert.alert-warning{border-color:#ffe2c5;background-color:#fff1e4;color:#f28314}.alert.alert-info{border-color:#bce8f1;background-color:#d9edf7;color:#31708f}.alert.alert-complete{border-color:#d6e9c6;background-color:#dff0d8;color:#3c763d}.alert ul li{margin-left:1em;font-size:14px;text-indent:-1em}.alert ul li+li{margin-top:8px}.alert ul li:before{content:"・";color:#000}.teacher-profile h2{clear:both;margin-bottom:24px;font-size:28px}.teacher-profile h3{clear:both;margin-bottom:24px;font-size:24px}.teacher-profile h4{clear:both;margin-bottom:24px;font-size:20px}.teacher-profile p,.teacher-profile code,.teacher-profile .code{clear:both;font-size:16px}.teacher-profile p+h2,.teacher-profile p+img,.teacher-profile code+h2,.teacher-profile code+img,.teacher-profile .code+h2,.teacher-profile .code+img{margin-top:32px}.teacher-profile img{clear:both;display:block;max-width:100%;width:auto;margin:0 auto 32px}.teacher-profile img.float-left{float:left;width:40%;margin:0 20px 24px 0}.teacher-profile img.float-right{float:right;width:40%;margin:0 0 24px 20px}.teacher-profile strong{font-weight:bold}.teacher-profile em{font-style:italic !important}.teacher-profile u{text-decoration:underline}.teacher-profile blockquote{padding:10px;border:1px solid #ccc;background-color:#f3f3f3}.teacher-profile ul{clear:both;margin-bottom:24px}.teacher-profile ul li{margin-bottom:10px;margin-left:1em;text-indent:-1em;font-size:16px}.teacher-profile ul li:before{content:"・"}.teacher-profile li{border-bottom:0 !important}.teacher-profile ol{list-style-type:decimal;list-style-position:inside;margin-bottom:24px}.teacher-profile ol li{margin-bottom:10px;font-size:16px}.teacher-profile ol li:before{content:none}.teacher-info h2{clear:both;margin-bottom:24px;font-size:28px}.teacher-info h3{clear:both;margin-bottom:24px;font-size:24px}.teacher-info h4{clear:both;margin-bottom:24px;font-size:20px}.teacher-info p,.teacher-info code,.teacher-info .code{clear:both;font-size:16px}.teacher-info p+h2,.teacher-info p+img,.teacher-info code+h2,.teacher-info code+img,.teacher-info .code+h2,.teacher-info .code+img{margin-top:32px}.teacher-info img{clear:both;display:block;max-width:100%;width:auto;margin:0 auto 32px}.teacher-info img.float-left{float:left;width:40%;margin:0 20px 24px 0}.teacher-info img.float-right{float:right;width:40%;margin:0 0 24px 20px}.teacher-info strong{font-weight:bold}.teacher-info em{font-style:italic !important}.teacher-info u{text-decoration:underline}.teacher-info blockquote{padding:10px;border:1px solid #ccc;background-color:#f3f3f3}.teacher-info ul{clear:both;margin-bottom:24px}.teacher-info ul li{margin-bottom:10px;margin-left:1em;text-indent:-1em;font-size:16px}.teacher-info ul li:before{content:"・"}.teacher-info li{border-bottom:0 !important}.teacher-info ol{list-style-type:decimal;list-style-position:inside;margin-bottom:24px}.teacher-info ol li{margin-bottom:10px;font-size:16px}.teacher-info ol li:before{content:none}.course-summary h2{clear:both;margin-bottom:24px;font-size:28px}.course-summary h3{clear:both;margin-bottom:24px;font-size:24px}.course-summary h4{clear:both;margin-bottom:24px;font-size:20px}.course-summary p,.course-summary code,.course-summary .code{clear:both;font-size:16px}.course-summary p+h2,.course-summary p+img,.course-summary code+h2,.course-summary code+img,.course-summary .code+h2,.course-summary .code+img{margin-top:32px}.course-summary img{clear:both;display:block;max-width:100%;width:auto;margin:0 auto 32px}.course-summary img.float-left{float:left;width:40%;margin:0 20px 24px 0}.course-summary img.float-right{float:right;width:40%;margin:0 0 24px 20px}.course-summary strong{font-weight:bold}.course-summary em{font-style:italic !important}.course-summary u{text-decoration:underline}.course-summary blockquote{padding:10px;border:1px solid #ccc;background-color:#f3f3f3}.course-summary ul{clear:both;margin-bottom:24px}.course-summary ul li{margin-bottom:10px;margin-left:1em;text-indent:-1em;font-size:16px}.course-summary ul li:before{content:"・"}.course-summary li{border-bottom:0 !important}.course-summary ol{list-style-type:decimal;list-style-position:inside;margin-bottom:24px}.course-summary ol li{margin-bottom:10px;font-size:16px}.course-summary ol li:before{content:none}.lesson-body{margin-bottom:50px}.lesson-body h2{clear:both;margin-bottom:24px;font-size:28px}.lesson-body h3{clear:both;margin-bottom:24px;font-size:24px}.lesson-body h4{clear:both;margin-bottom:24px;font-size:20px}.lesson-body p,.lesson-body code,.lesson-body .code{clear:both;margin-bottom:24px;font-size:16px}.lesson-body p+h2,.lesson-body p+img,.lesson-body code+h2,.lesson-body code+img,.lesson-body .code+h2,.lesson-body .code+img{margin-top:32px}.lesson-body img{clear:both;display:block;margin-bottom:32px}.lesson-body img.float-left{float:left;width:40%;margin:0 20px 24px 0}.lesson-body img.float-right{float:right;width:40%;margin:0 0 24px 20px}.lesson-body ul{clear:both;margin-bottom:24px}.lesson-body ul li{margin-bottom:10px;margin-left:1em;text-indent:-1em;font-size:16px}.lesson-body ul li:before{content:"・"}#ui-datepicker-div{width:240px;border:1px solid #d8d7d5;background-color:#fff;font-size:14px}#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev{display:block;float:left;padding:5px}#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next{display:block;float:right;margin:0;padding:5px}#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{padding:5px 0;background-color:#f2cb88;text-align:center;clear:both}#ui-datepicker-div .ui-datepicker-calendar{width:100%}#ui-datepicker-div .ui-datepicker-calendar table{width:100%}#ui-datepicker-div .ui-datepicker-calendar th{padding:5px 0;text-align:center}#ui-datepicker-div .ui-datepicker-calendar td{padding:0 0 5px 0;text-align:center}.lesson-body img{clear:both;display:block;max-width:100%;width:auto;margin:0 auto 32px}.lesson-body strong{font-weight:bold}.lesson-body em{font-style:italic !important}.lesson-body u{text-decoration:underline}.lesson-body blockquote{padding:10px;border:1px solid #ccc;background-color:#f3f3f3}.lesson-body li{border-bottom:0 !important}.lesson-body ol{list-style-type:decimal;list-style-position:inside}.lesson-body ol li:before{content:none}.image-editor .cropit-preview{margin-bottom:10px}.image-editor .controls-wrapper{font-size:0}.image-editor .rotation-btns,.image-editor .slider-wrapper{display:inline-block;font-size:16px}.image-editor .fa{color:#333}.image-editor .rotation-btns{margin-right:26px}.image-editor .rotation-btns .rotate-ccw-btn{margin-right:10px}.image-editor .small-image{margin-right:6px;font-size:14px}.image-editor .large-image{margin-left:6px;font-size:18px}code,.code{display:block;margin-bottom:10px;padding:10px;background-color:#f3f3f3;font-size:16px}#main .user-login{margin-bottom:0;font-size:0;text-align:center}#main .user-login *,#main .user-login *:before,#main .user-login *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#main .user-login .login-area{display:inline-block;width:48%;margin-bottom:50px;padding:30px 36px;border:4px solid #f2eed6;background-color:#fffdf0;vertical-align:top}#main .user-login .login-area:nth-child(even){margin-left:4%}#main .user-login .login-area .head{margin-bottom:28px;font-size:24px;font-weight:bold;color:#e7731c;text-align:center}#main .user-login .login-area .input{margin-bottom:30px}#main .user-login .login-area .label{margin-top:20px;font-size:18px;text-align:left}#main .user-login .login-area .data{margin-top:10px;font-size:18px}#main .user-login .login-area .data .box{padding:20px;background-color:#f3f3f3}#main .user-login .login-area .data input[type=text],#main .user-login .login-area .data input[type=password],#main .user-login .login-area .data input[type=email],#main .user-login .login-area .data input[type=tel],#main .user-login .login-area .data textarea,#main .user-login .login-area .data select{display:block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;background-color:#fff;font-size:18px;color:#000;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#main .user-login .login-area .data input[type=text],#main .user-login .login-area .data input[type=password],#main .user-login .login-area .data input[type=email],#main .user-login .login-area .data input[type=tel]{padding:0 10px;line-height:38px}#main .user-login .login-area .data textarea{height:180px;padding:10px}#main .user-login .login-area .data select{line-height:38px;padding:0 30px 0 10px;background:#fff url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 96% center;background-size:24px auto}#main .user-login .login-area .data select.inline{display:inline-block;width:auto;padding:0 40px 0 20px;background:#fff url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 90% center;background-size:20px auto}#main .user-login .login-area .data input[type=file]{padding:10px;font-size:16px;color:#999;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#main .user-login .login-area .btn a,#main .user-login .login-area .btn input,#main .user-login .login-area .btn button{padding:0;line-height:56px}#main .user-login .login-area .btn a.disabled,#main .user-login .login-area .btn input.disabled,#main .user-login .login-area .btn button.disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;pointer-events:none}#main .user-login .login-area .head-txt{margin:-20px 0 20px;font-size:18px}#main .user-login .login-area .link-txt{font-size:18px;margin:-20px 0 20px;text-decoration:underline}#main .user-login .login-area .login-sns li{margin-bottom:20px}#main .user-login .login-area .login-sns li a{display:block;padding:0 6.25% 0 6.25%;font-size:20px;font-weight:bold;color:#fff;line-height:56px;-moz-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;text-decoration:none}#main .user-login .login-area .login-sns li a:hover{opacity:0.8;text-decoration:none}#main .user-login .login-area .login-sns li a .icn{float:left;display:inline-block;min-width:inherit;width:30px;height:56px;padding:0;background-position:left center;background-repeat:no-repeat;background-size:100% auto}#main .user-login .login-area .login-sns li.twitter a{background-color:#549fd8}#main .user-login .login-area .login-sns li.twitter a .icn{background-image:url("pub/icn_sns_twitter_white-5b87c3c04ac04251fc3a9bb257e2c623fa85ccab3e11c88c57f9f608ed80913c.png")}#main .user-login .login-area .login-sns li.facebook a{background-color:#334e93}#main .user-login .login-area .login-sns li.facebook a .icn{background-image:url("pub/icn_sns_facebook_white-2a467a045f051c1d0ccacb65cd07cd0b923bf23b490a86f5bcf2195ad03671b7.png")}#main .user-login .login-area .login-sns li.google a{background-color:#dc4e41}#main .user-login .login-area .login-sns li.google a .icn{background-image:url("pub/icn_sns_google_white-5a315b01d145479f4f685f2ba174ae1db5aca71b7ed98ba0a19557dbedd97aee.png")}#main .user-login .login-area .login-sns li.line a{background-color:#00c300}#main .user-login .login-area .login-sns li.line a .icn{background-image:url("pub/icn_sns_line_white-d4ccd0cd8d9fa7aa20d0c6485a3916489d05921c8b9dce4e2c7dbe466a234c94.png")}#main .user-login .login-area .txt{text-align:left;font-size:16px;line-height:1.6}#main .user-login .login-area .notes{font-size:14px;text-align:left}#main .user-login .login-area .notes li{text-indent:-1em;margin-left:1em}#main .user-login .tokuten-area{margin-bottom:50px;padding:30px 36px 30px;border:4px solid #ffecda;background-color:#fff9f3}#main .user-login .tokuten-area .head{margin-bottom:50px;font-size:42px;font-weight:bold;color:#e7731c;line-height:1.4}#main .user-login .tokuten-area .head span{font-size:24px;color:#f00}#main .user-login .tokuten-area .tokuten-box{position:relative;display:inline-block;width:31.52174%;margin-bottom:30px;padding:36px 26px 30px;border:4px solid #ffecda;background-color:#fff;font-weight:bold;vertical-align:top}#main .user-login .tokuten-area .tokuten-box+.tokuten-box{margin-left:2.71739%}#main .user-login .tokuten-area .tokuten-box:before{content:"";position:absolute;top:-30px;left:-20px;display:block;width:100px;height:72px;background-repeat:no-repeat;background-size:contain}#main .user-login .tokuten-area .tokuten-box.tokuten-box1:before{background-image:url("pub/icn_tokuten1-59e9577e1df535d70838fdaafeb0368a330324678178787756034e54bbde94e5.png")}#main .user-login .tokuten-area .tokuten-box.tokuten-box2:before{background-image:url("pub/icn_tokuten2-e37a0d56f2577fd198515a80826797e1ea7be88f82979ab82de9b3c14d105dc7.png")}#main .user-login .tokuten-area .tokuten-box.tokuten-box3:before{background-image:url("pub/icn_tokuten3-04366c4bac233fa4bc71f6d5f9a9c4f614602c7361dda54f65a9679c85eb5201.png")}#main .user-login .tokuten-area .tokuten-box .tokuten-head{margin-bottom:16px;font-size:24px;line-height:1.4;color:#f00}#main .user-login .tokuten-area .tokuten-box .txt{font-size:18px;text-align:left}#main .user-login .tokuten-area .btn{max-width:560px;margin:0 auto}#main .user-login .tokuten-area .btn a{font-weight:bold;line-height:80px}#main .signup-flow{display:none;position:relative;margin-bottom:40px;font-size:0;text-align:center}#main .signup-flow *,#main .signup-flow *:before,#main .signup-flow *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#main .signup-flow .flow{position:relative;display:inline-block;width:22%;padding:14px 0;font-size:16px;font-weight:bold;line-height:20px;border:4px solid #f0f0f0;background-color:#fff;vertical-align:middle}#main .signup-flow .flow+.flow{margin-left:4%}#main .signup-flow .flow+.flow:before{content:"";position:absolute;top:50%;left:-15%;width:0;height:0;margin-top:-14px;border:14px solid transparent;border-left:14px solid #ef7533}#main .signup-flow .flow.active{border:4px solid #ef7533;background-color:#ef7533;color:#fff}#main .user-signup{font-size:0;text-align:center}#main .user-signup *,#main .user-signup *:before,#main .user-signup *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#main .user-signup .signup-area{margin-bottom:50px;padding:30px 5.64516%;border:4px solid #f2eed6;background-color:#fffdf0;vertical-align:top}#main .user-signup .signup-area .head{margin-bottom:28px;font-size:24px;font-weight:bold;color:#e7731c;text-align:center}#main .user-signup .signup-area .mail{display:block;max-width:480px;margin:0 auto 16px;padding:8px;background-color:#fff;font-size:18px}#main .user-signup .signup-area.error{border-color:#ffdbdb;background-color:#fff2f2}#main .user-signup .signup-area.error .head{color:#ff4040}#main .user-signup .signup-area.error .txt{color:#ff4040}#main .user-signup .signup-area .buttons{margin-top:60px}#main .user-signup .signup-area .buttons .btn a,#main .user-signup .signup-area .buttons .btn input{line-height:70px}#main .user-signup .signup-area .buttons .btn a.disabled,#main .user-signup .signup-area .buttons .btn input.disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;pointer-events:none}#main .user-signup .signup-area .buttons .btn.left{float:left;margin-left:0}#main .user-signup .signup-area .buttons .btn.right{float:right;margin-left:0}#main .user-signup .signup-area .buttons.mt0{margin-top:0}#main .user-signup .signup-area .input{max-width:480px;margin:0 auto 30px}#main .user-signup .signup-area .label{margin-top:20px;font-size:18px;text-align:left}#main .user-signup .signup-area .label .requied{display:inline-block;margin-left:10px;padding:0 8px;background-color:#ef7533;font-size:14px;color:#fff}#main .user-signup .signup-area .label .example{display:inline-block;margin-left:10px;font-size:14px;color:#666}#main .user-signup .signup-area .data{margin-top:10px;font-size:18px}#main .user-signup .signup-area .data .box{padding:8px;background-color:#fff}#main .user-signup .signup-area .data.txt{text-align:left}#main .user-signup .signup-area .data input[type=text],#main .user-signup .signup-area .data input[type=password],#main .user-signup .signup-area .data input[type=email],#main .user-signup .signup-area .data input[type=tel],#main .user-signup .signup-area .data textarea,#main .user-signup .signup-area .data select{display:block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;background-color:#fff;font-size:18px;color:#000;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#main .user-signup .signup-area .data input[type=text],#main .user-signup .signup-area .data input[type=password],#main .user-signup .signup-area .data input[type=email],#main .user-signup .signup-area .data input[type=tel]{padding:0 10px;line-height:38px}#main .user-signup .signup-area .data textarea{height:180px;padding:10px}#main .user-signup .signup-area .data select{line-height:38px;padding:0 30px 0 10px;background:#fff url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 96% center;background-size:24px auto}#main .user-signup .signup-area .data select.inline{display:inline-block;width:auto;padding:0 40px 0 20px;background:#fff url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 90% center;background-size:20px auto}#main .user-signup .signup-area .data input[type=file]{padding:10px;font-size:16px;color:#999;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#main .user-signup .signup-area .signup-sns{margin-top:30px}#main .user-signup .signup-area .signup-sns li{position:relative;display:inline-block;width:22.72727%;margin:0 1.13636% 20px}#main .user-signup .signup-area .signup-sns li a{display:block;padding:0;font-size:16px;font-weight:bold;color:#fff;line-height:50px;-moz-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;text-decoration:none}#main .user-signup .signup-area .signup-sns li a:hover{opacity:0.8;text-decoration:none}#main .user-signup .signup-area .signup-sns li.active{-moz-animation:active 0.6s infinite alternate ease;-webkit-animation:active 0.6s infinite alternate ease;animation:active 0.6s infinite alternate ease}@keyframes active{0%{-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}}#main .user-signup .signup-area .signup-sns li.twitter a{background-color:#549fd8}#main .user-signup .signup-area .signup-sns li.facebook a{background-color:#334e93}#main .user-signup .signup-area .signup-sns li.google a{background-color:#dc4e41}#main .user-signup .signup-area .signup-sns li.line a{background-color:#00c300}.popup,.popup *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.popup{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:rgba(0,0,0,0.6);z-index:5000}.popup-inner{position:absolute;top:20px;right:20px;bottom:20px;left:20px;max-width:640px;height:330px;margin:auto;padding:56px 36px 26px;border:4px solid #e5732c;border-radius:10px;background-color:#fff;text-align:center}.popup-close{position:absolute;top:-16px;right:-16px;width:40px;height:40px;border-radius:50%;background-color:#e5732c;font-size:0;cursor:pointer}.popup-close:hover{background-color:#f1a16f}.popup-close:before,.popup-close:after{content:"";position:absolute;top:50%;left:50%;display:block;width:2px;height:24px;background-color:#fff;margin:-12px 0 0 -1px}.popup-close:before{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}.popup-close:after{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}.popup-head{margin-bottom:36px;font-size:22px;font-weight:bold}.popup-head br{display:none}.popup-btn{display:block;margin-bottom:36px;background-color:#ef7533;line-height:80px;color:#fff;font-size:24px;font-weight:bold;cursor:pointer;-moz-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset}.popup-btn:hover{text-decoration:none}.popup-txt{display:block;font-size:18px;font-weight:bold;text-decoration:underline}.user-term ol ul li{margin-left:1em}.user-term ol ul li:before{content:'• '}#contents .wrap div.courses_main,#contents #bread-crumbs div.courses_main{width:100%}#contents .wrap div.courses_main .head1,#contents #bread-crumbs div.courses_main .head1{margin-bottom:0px}#contents .wrap div.courses_main .link,#contents #bread-crumbs div.courses_main .link{width:100%;text-align:right;font-size:18px;text-decoration:underline}@media print, screen and (max-width: 960px){.pc-only{display:none !important}.sp-only{display:inherit !important}#home-nav{display:block;margin-bottom:20px}#home-nav .btns{font-size:0;text-align:center;margin-bottom:15px}#home-nav .btns li{display:inline-block;margin:0 10px;width:240px}#home-nav .btns li a{display:block;font-size:14px;font-weight:bold;line-height:38px;text-decoration:none;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}#home-nav .btns li.login a{border:1px solid #e7731c;color:#e7731c}#home-nav .btns li.signup a{background-color:#e7731c;border:1px solid #e7731c;color:#fff}#home-nav .search-box .search{font-size:0;margin-right:15px;max-width:1000px}#home-nav .search-box .search input,#home-nav .search-box .search select{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #bbb;border-right:0;display:inline-block;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;font-size:14px;font-weight:bold;line-height:30px;vertical-align:middle;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none}#home-nav .search-box .search .select{background:url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 94% center;background-size:20px;font-size:14px;height:38px;line-height:36px;padding:0 0 0 1%;position:relative;width:35%}#home-nav .search-box .search .txt{background:url("pub/icn_search-9af42f06688105c8eeea67b62b707a3e9abb5d315a54dccfcad5b94141286119.png") no-repeat 6% center;background-size:18px;font-size:14px;line-height:36px;padding:0 0 0 10%;position:relative;width:65%}#home-nav .search-box .search .txt:placeholder-shown{color:#666}#home-nav .search-box .search .txt::-webkit-input-placeholder{color:#666}#home-nav .search-box .search .txt:-moz-placeholder{opacity:1;color:#666}#home-nav .search-box .search .txt::-moz-placeholder{opacity:1;color:#666}#home-nav .search-box .search .txt:-ms-input-placeholder{color:#666}#home-nav .search-box .search .btn{-moz-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;background-color:#586e78;border:1px solid #586e78;color:#fff;cursor:pointer;line-height:36px;margin-right:5px;padding:0 10px;position:absolute;right:0;text-align:center;width:55px}#home-nav .search-box2{width:250px;margin:0 auto;padding:10px 0}#home-nav .search-box2 .search{font-size:0;margin-right:15px;max-width:1000px;border-bottom:1px solid #bbb}#home-nav .search-box2 .search input{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none;border:0;display:inline-block;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;font-size:16px;line-height:30px;vertical-align:middle}#home-nav .search-box2 .search .txt{font-weight:bold;line-height:36px;padding:0 0 0 8%;position:relative;width:200px}#home-nav .search-box2 .search .txt:placeholder-shown{color:#666}#home-nav .search-box2 .search .txt::-webkit-input-placeholder{color:#666}#home-nav .search-box2 .search .txt:-moz-placeholder{opacity:1;color:#666}#home-nav .search-box2 .search .txt::-moz-placeholder{opacity:1;color:#666}#home-nav .search-box2 .search .txt:-ms-input-placeholder{color:#666}#home-nav .search-box2 .search .txt:focus{outline:none}#home-nav .search-box2 .search .btn{width:35px}#topics .topics-main{float:none;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-bottom:40px}#topics .topics-side{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-left:0;max-width:none}#topics .topics-side .recommend-lessens{display:inline-block}#topics .topics-side .top-banner{float:right;width:340px}#header .menu{display:none}#header #sp-menu-btn{display:block}#header .neko{display:block;width:25px;float:right;margin:1px 30px}#sp-menu{position:fixed;top:0;right:0;bottom:0;display:block !important;width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-right:-80%;padding:0;background-color:#999;border-left:1px solid #888;z-index:1000}#sp-menu .nav{margin-bottom:20px;font-size:0;line-height:1}#sp-menu .nav li{display:block;border-bottom:1px solid #ccc}#sp-menu .nav a{display:block;padding:15px;font-size:14px;color:#fff}#sp-menu .sns{font-size:0;text-align:center;line-height:1}#sp-menu .sns li{display:inline-block;width:28px;margin:0 10px}#sp-menu-btn{position:fixed;top:18px;right:10px;display:block !important;padding:5px;cursor:pointer;z-index:100}#sp-menu-btn span{display:block;width:18px;height:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#000}#sp-menu-btn span.top{margin-top:-5px}#sp-menu-btn span.bottom{margin-top:5px}#sp-menu-btn.active span{margin-top:-3px}#sp-menu-btn.active span.top{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}#sp-menu-btn.active span.bottom{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.search-nav{display:block;padding:10px}.search-nav .search-box .search{font-size:0;margin-right:15px;max-width:1000px}.search-nav .search-box .search input,.search-nav .search-box .search select{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none;border:1px solid #bbb;border-right:0;display:inline-block;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;font-size:14px;font-weight:bold;line-height:30px;vertical-align:middle}.search-nav .search-box .search .select{background:url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 94% center;background-size:20px;font-size:14px;height:38px;line-height:36px;padding:0 0 0 1%;position:relative;width:35%}.search-nav .search-box .search .txt{background:url("pub/icn_search-9af42f06688105c8eeea67b62b707a3e9abb5d315a54dccfcad5b94141286119.png") no-repeat 6% center;background-size:18px;font-size:14px;line-height:36px;padding:0 0 0 10%;position:relative;width:65%}.search-nav .search-box .search .txt:placeholder-shown{color:#666}.search-nav .search-box .search .txt::-webkit-input-placeholder{color:#666}.search-nav .search-box .search .txt:-moz-placeholder{opacity:1;color:#666}.search-nav .search-box .search .txt::-moz-placeholder{opacity:1;color:#666}.search-nav .search-box .search .txt:-ms-input-placeholder{color:#666}.search-nav .search-box .search .btn{-moz-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -4px 0 0 rgba(0,0,0,0.1) inset;background-color:#586e78;border:1px solid #586e78;color:#fff;cursor:pointer;line-height:36px;padding:0 10px;position:absolute;right:0;text-align:center;width:55px}#footer #search-box input,#footer #search-box select{font-size:18px}#footer .sns li .txt{font-size:14px}#footer .link li{margin:0 10px;font-size:14px}#contents.single #main .header{padding-right:0}#contents.single #main .header .head1{font-size:32px}#contents.single #main .login-box{width:71.73913%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#contents.single #main .info-list{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#main{float:none;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-bottom:40px}#main .section{margin-bottom:40px}#main .section .txt{font-size:16px;line-height:1.75}#main .header{position:relative;min-height:75px;margin-bottom:16px;padding-right:180px}#main .header.normal{min-height:inherit;padding-right:0;text-align:center}#main .header.normal .head1{font-size:32px}#main .header .favorite{position:absolute;right:0;bottom:0;display:block;text-align:center}#main .header .favorite a{display:table-cell;width:180px;height:75px;background-color:#ef7533;vertical-align:middle;border-style:none}#main .header .favorite span{display:inline-block;padding-top:26px;background:url("pub/icn_heart-f447e66f04f645f5aa452138eaf4ddba26fe861ebc78854636a26d3d6fab48d0.png") no-repeat center top;background-size:24px auto;font-size:0;color:#fff}#main .header .favorite span:before{content:"お気に入りに登録";font-size:16px}#main .header .favorite.checked a{display:table-cell;width:180px;height:75px;background-color:#ef7533;vertical-align:middle;border-style:none;border:1px solid #ef7533;background-color:#fff}#main .header .favorite.checked span{display:inline-block;padding-top:26px;background:url("pub/icn_checked-fe146e5a909fdfda866eef0a1d289042b219324cca8d553051b306bab0f58f52.png") no-repeat center top;background-size:24px auto;font-size:0;color:#ef7533}#main .header .favorite.checked span:before{content:"お気に入り登録済";font-size:16px}#main .login-box{width:71.73913%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#main .head1{margin-bottom:16px;font-size:28px}#main .head1 .lecturer{display:block;margin-bottom:8px;font-size:16px;line-height:1}#main .head2{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ccc;font-size:24px;line-height:40px;color:#ef7533}#main .head2 .link{float:right;display:block;width:30.30303%;border:1px solid #000;font-size:16px;color:#000;text-align:center;line-height:38px}#main .local-nav{display:block;width:71.73913%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 auto 30px}#main .local-nav li{display:block;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #000}#main .local-nav li+li{margin-top:-1px;border:1px solid #000}#main .local-nav li a{display:block;padding:12px 0;text-align:center;font-size:20px;color:#000}#main .local-nav li a.arr{font-size:16px}#main .local-nav.col2 li{width:100%}#main .local-nav.col3{width:71.73913%}#main .local-nav.col3 li{width:100%}#main .square-list li{margin-left:2em;text-indent:-2em;font-size:16px}#main .square-list li:before{content:"■";margin-right:1em;color:#ef7533}#main .lecture-list .lecture{margin-bottom:20px}#main .lecture-list .img{float:left;width:24.24242%}#main .lecture-list .detail{margin-left:27.27273%;color:#000}#main .lecture-list .head{margin-bottom:4px;font-size:18px}#main .comment-list .comment+.comment{margin-top:26px}#main .comment-list .comment .img{float:left;width:12.12121%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden}#main .comment-list .comment .detail{margin-left:15.15152%}#main .comment-list .comment .name{margin-bottom:6px;font-size:14px;line-height:18px}#main .comment-list .comment .name a{display:inline-block;vertical-align:top}#main .comment-list .comment .name .edit{width:18px;margin-left:4px}#main .comment-list .comment .txt{margin-bottom:12px;font-size:14px}#main .comment-list .comment .reply{margin-top:-12px;margin-bottom:12px}#main .comment-list .comment .reply a{font-size:14px;color:#000;text-decoration:underline}#main .comment-list .comment .date{font-size:12px;text-align:right;color:#999}#main .comment-list .btn{margin-top:36px}#side{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-left:0}#side .favorite{display:none}#side .profile .txt{text-align:left}#side .local-nav{width:71.73913%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 auto}#side .local-nav li a{font-size:16px;text-align:center}#side .head1{font-size:18px}#side .articles .article{display:block;width:100%}#side .articles .article .img{width:21.73913%}#side .articles .article .info{margin-left:23.91304%}#side .articles .article .ttl{font-size:18px}#side .articles .article .txt{display:block;font-size:14px;color:#000}#side .category-list{display:none}.articles .btn{width:64%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.articles .btn a:hover{background-color:#fff;color:#000}.articles .btn a:hover:active{background-color:#000;color:#fff}#main .user-login .login-area{margin-bottom:40px;padding:20px 26px}#main .user-login .login-area .head{margin-bottom:20px;font-size:20px}#main .user-login .login-area .input{margin-bottom:40px}#main .user-login .login-area .login-sns li{margin-bottom:20px}#main .user-login .login-area .login-sns li a{font-size:18px;line-height:48px}#main .user-login .login-area .login-sns li a .icn{width:24px;height:48px}#main .user-login .login-area .txt{font-size:14px}#main .user-login .tokuten-area{padding:20px 26px}#main .user-login .tokuten-area .head{margin-bottom:40px;font-size:36px}#main .user-login .tokuten-area .head span{font-size:20px}#main .user-login .tokuten-area .tokuten-box{padding:36px 16px 30px}#main .user-login .tokuten-area .tokuten-box:before{top:-30px;left:-20px;width:80px;height:58px}#main .user-login .tokuten-area .tokuten-box .tokuten-head{margin-bottom:12px;font-size:20px}#main .user-login .tokuten-area .tokuten-box .txt{font-size:14px}#main .signup-flow{margin-bottom:30px}#main .signup-flow .flow{font-size:14px}#main .user-signup .signup-area{padding:30px 3.62903%}#main .user-signup .signup-area .input{margin-bottom:40px}#main .user-signup .signup-area .signup-sns li a{font-size:14px}}@media print, screen and (max-width: 600px){#home-nav{margin-bottom:10px}#home-nav .wrap,#home-nav #bread-crumbs{padding-left:10px;padding-right:10px}#home-nav .btns{margin-bottom:10px}#home-nav .btns li{margin:0 5px;width:100px}#home-nav .btns li a{font-size:10px;line-height:24px;-moz-border-radius:13px;-webkit-border-radius:13px;border-radius:13px}#home-nav .search-box{margin-bottom:40px;width:100%}#home-nav .search-box input,#home-nav .search-box select{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none;border:1px solid #bbb;border-right:0;display:inline-block;font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',sans-serif;font-size:14px;line-height:30px;vertical-align:middle}#home-nav .search-box .select{background:url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 96% center;background-size:15px auto;margin:0;width:100%}#home-nav .search-box .txt{background:url("pub/icn_search-9af42f06688105c8eeea67b62b707a3e9abb5d315a54dccfcad5b94141286119.png") no-repeat 4% center;background-size:16px auto;margin:0;width:70%}#home-nav .search-box .btn{border:0;margin:0 5px 0 0;right:0;width:100%}#category-nav li{width:160px;border:none;position:relative;margin-bottom:5px;text-align:left;padding-left:5px}#category-nav li a{border-bottom:1px solid #aaa;padding-bottom:2px}#category-nav li+li{border:none}#topics .topics-side .recommend-lessens{width:100%}#topics .topics-side .recommend-lessens .head-border{font-size:22px;margin-bottom:15px}#topics .topics-side .recommend-lessens .head-border span{border-bottom:2px solid #e7731c;padding-bottom:4px}#topics .topics-side .top-banner{float:none;margin:0 auto}#slick .article{width:300px}#slick .article a{padding:0 10px 15px}#slick .article .img{margin:0 -10px 15px}#slick .article .ttl{font-size:18px}#slick .article .txt{display:none}#info .head{background:url("pub/home/ttl_info_sp-e974721a526fa51158bbaa0f489fe349cd151f2258f4ba75cafa27b8427a415c.png") no-repeat;background-size:contain;margin:0 auto 18px;width:42.67857%}#info .head:before{content:'';display:block;padding-top:83.68201%}#info .list{width:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-size:14px;line-height:1.5;margin:0 -10px}#info .list .date{padding:12px 0 12px 10px;width:80px}#info .list .txt::before{top:0.6em}#info .btn{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding-top:4px}#info .btn a{font-size:16px;line-height:48px}#info .btn a .kokokara:before{background:url("pub/home/icn_kokokara-d184b6ba19823e046f3646b14a1afd83757a39b52f917b7075729250ff3548ce.png") no-repeat;background-size:100% auto;height:47px;left:-67px;top:-22px;width:65px}#header{position:static}#header .wrap,#header #bread-crumbs{max-width:none;padding:13px 10px}#header .logo a{width:160px;height:23px;background:url("logo_header_sp-383f631cac19914679214bd33f90ae8e0de581492f5f52301114b977282b12a9.png") no-repeat center bottom;background-size:contain}#bread-crumbs{display:none}.search-nav .search-box .search .select{background-size:12%;font-size:12px;width:32%}.search-nav .search-box .search .txt{font-size:12px;width:68%}.search-nav .search-box .search .btn{font-size:12px}#footer{padding:20px 0 50px;background-size:160% auto}#footer .wrap,#footer #bread-crumbs{padding:0 10px}#footer #search-box{width:100%;margin-bottom:40px}#footer #search-box input,#footer #search-box select{display:block;height:40px;border:1px solid #bbb;font-size:16px;line-height:38px}#footer #search-box .select{width:100%;margin-bottom:30px;padding:0 30px 0 10px;background:url("pub/icn_select-7607f2766753559d5d58e810c82b7cbfa3a94273027c0fe0d99e9600a5d0e419.png") no-repeat 96% center;background-size:15px auto}#footer #search-box .txt{width:100%;margin-bottom:30px;padding:0 20px 0 40px;background:url("pub/icn_search-9af42f06688105c8eeea67b62b707a3e9abb5d315a54dccfcad5b94141286119.png") no-repeat 4% center;background-size:16px auto}#footer #search-box .btn{width:100%;border:0}#footer .sns{margin-bottom:44px}#footer .sns li{width:28.57143%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0}#footer .sns li+li{margin-left:7.14286%}#footer .sns li .img{width:100%;margin-bottom:10px}#footer .sns li .txt{font-size:11px}#footer .inner{padding-top:28px}#footer .logo{width:39.46429%;margin:0 auto 20px}#footer .link{margin-bottom:14px;text-align:left}#footer .link ul{margin-bottom:0}#footer .link li{display:block;margin:0 0 4px;font-size:12px}#footer .link li a{display:block}#footer .link li span{display:block;margin-bottom:7px}#footer .link.sub ul{margin:0}#footer .link.sub li{margin:0 0 6px 20px;font-size:16px;list-style-type:none !important;position:relative}#footer .link.sub li .sns{margin-left:1em;font-size:10px}#footer .link.sub li a{display:block;padding-left:1.8rem}#footer .link.sub li::before{position:absolute;top:.25em;left:0.3rem;font-family:"Font Awesome 5 Free";content:"\f054";-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}#footer .link.banner{clear:both;float:none;width:100%}#footer .link.banner ul{width:135px;margin:0 auto}#footer .link.banner li{margin:0;font-size:10px}#footer .link.banner li td{text-align:center}#footer .link.banner li td img{width:auto}#footer .link.banner li img{width:auto}#footer .link.bottom-banner li{margin:10px 0}#footer .link.bottom-banner img{display:block;margin:0 auto}#footer .copyright{clear:both;font-size:10px}#contents.single #main .header{min-height:inherit;padding-right:0}#contents.single #main .header .head1{font-size:20px}#contents.single #main .login-box{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#courses{padding:0 8px}#main .section{margin-bottom:30px}#main .section .txt{font-size:12px;line-height:1.5}#main .section .guide-txt{margin-bottom:15px;font-size:14px;text-align:left}#main .section.usage .image1{width:50px;bottom:-20px}#main .section.usage .image2{width:100px}#main .section.usage .signature{text-align:right}#main .head-border{margin-bottom:15px;font-size:22px}#main .head-border span{padding-bottom:4px;border-bottom:2px solid #e7731c}#main .article-list{margin-bottom:30px}#main .article-list .article{display:block;width:auto;margin:0 auto 10px;padding:9px 9px 62px}#main .article-list .article:nth-of-type(3n){margin-right:auto}#main .article-list .article .img{margin-bottom:10px}#main .article-list .article .ttl{margin-bottom:10px;font-size:20px}#main .article-list .article .lecturer{font-size:16px}#main .article-list .article .detail-btn{right:9px;bottom:9px;left:9px}#main .article-list .article .detail-btn a{font-size:16px;line-height:40px;-moz-box-shadow:0 -3px 0 0 rgba(231,115,28,0.2) inset;-webkit-box-shadow:0 -3px 0 0 rgba(231,115,28,0.2) inset;box-shadow:0 -3px 0 0 rgba(231,115,28,0.2) inset}#main .article-list .btn{max-width:560px;margin:35px auto 0}#main .course-header .head{margin-bottom:10px}#main .course-header .head span{height:70px;padding-left:80px;font-size:20px}#main .course-header .head.free:before{width:70px;height:70px;border:2px solid #e7731d;font-size:16px;line-height:66px}#main .course-header .sns{margin-bottom:10px}#main .course-table{margin-bottom:20px}#main .course-table .notes{margin-bottom:0;padding:5px;font-size:16px}#main .course-table table{width:100%}#main .course-table table th,#main .course-table table td{padding:10px 10px 10px 0}#main .course-table table .vol{width:60px}#main .course-table table .vol p{height:60px;font-size:14px;line-height:60px}#main .course-table table .img{width:60px}#main .course-table table .ttl{font-size:16px}#main .course-table table .checked{width:60px}#main .course-table table .checked p{padding-top:42px;background-size:40px auto;font-size:12px}#main .course-summary{font-size:16px}#main .course-lecturer{margin-top:20px}#main .course-lecturer .img{margin-right:10px}#main .course-lecturer .img a{width:80px;height:80px}#main .course-lecturer .txt{font-size:16px}#main .course-lecturer .txt .name{font-size:18px}#main .header{padding-right:90px}#main .header.normal .head1{font-size:20px}#main .header .add{font-size:12px;line-height:1.5}#main .header .add:before{margin-right:4px;width:14px;height:14px}#main .header .favorite a{width:90px}#main .header .favorite span:before{content:"お気に入り";font-size:12px}#main .header .favorite.checked a{width:90px}#main .header .favorite.checked span:before{content:"お気に入り済";font-size:12px}#main .header .info .date,#main .header .info .category{display:block;margin-right:0;margin-bottom:5px;line-height:1.2}#main .header .info .lecturer a{display:block}#main .header .info .lecturer .img{display:table-cell;width:50px;height:50px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;vertical-align:middle}#main .header .info .lecturer .txt{display:table-cell;padding-left:6px;font-size:12px;vertical-align:middle;line-height:1.5}#main .header .info .lecturer .txt span{display:block}#main .header .info .lecturer .txt span:after{content:""}#main .header .profile-img{width:65px;height:65px;margin-right:15px}#main .note{margin-top:20px;font-size:14px}#main .sns{margin-bottom:20px}#main .sns li{width:32px}#main .sns li+li{margin-left:8px}#main .sns li a{display:block;font-size:0;padding:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-box-shadow:0 0 0 0 transparent inset;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;line-height:32px}#main .sns li a span{background-position:center center}#main .sns li.favorite{margin-left:8px;width:auto}#main .sns li.favorite a{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;padding:0 10px;font-size:12px;line-height:32px}#main .sns li.favorite a span{background-image:url("pub/icn_heart-f447e66f04f645f5aa452138eaf4ddba26fe861ebc78854636a26d3d6fab48d0.png");background-position:left center}#main .contact-box .input{margin:0 -1s0px 40px;border-bottom:0}#main .contact-box .label{float:none;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;border-top:0;background-color:#f2f2f2;font-size:16px}#main .contact-box .data{padding:10px 20px;border-top:0;border-left:0;font-size:16px}#main .contact-box .data .box{padding:10px;background-color:#fff}#main .contact-box .data textarea{height:140px}#main .contact-box .data select{background-size:14px auto}#main .contact-box .data select.inline{padding:0 30px 0 10px;background-size:14px auto}#main .contact-box .data input[type=file]{padding:0px;font-size:14px;width:100%}#main .contact-box .guide{font-size:12px;line-height:1.5}#main .contact-box .guide:before{margin-right:4px;width:14px;height:14px;font-size:10px;line-height:14px}#main .contact-box #contact_email_label{padding:0px}#main .contact-box #contact_email_confirm{color:#1f1f1f;background-color:transparent;-webkit-text-fill-color:#1f1f1f;opacity:1;font-size:22px;font-weight:bold;border:none;overflow:hidden;resize:none;word-break:break-all;padding:5px 0px}#main .contact-box .essential{padding-left:10px;color:#e12f2f;font-size:12px}#main .contact-box .border-top-none{border-top:none}#main .contact-box #email_caution{display:none;background-color:#ffeeee;color:#e12f2f;word-wrap:break-word;margin-bottom:10px}#main .contact-box #contact_email_entry{border-bottom:none;padding-bottom:5px}#main .login-box{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:20px;background-color:#f3f3f3;overflow:hidden}#main .login-box table{margin:auto}#main .login-box .input{margin-bottom:40px}#main .login-box .label{font-size:14px}#main .login-box .data{font-size:16px}#main .login-box .data .box{padding:10px;background-color:#fff}#main .login-box .data input{font-size:16px;line-height:28px}#main .login-box .data input[type=text],#main .login-box .data input[type=password],#main .login-box .data input[type=email],#main .login-box .data input[type=tel],#main .login-box .data textarea,#main .login-box .data select{font-size:16px}#main .login-box .data input[type=text],#main .login-box .data input[type=password],#main .login-box .data input[type=email],#main .login-box .data input[type=tel]{line-height:28px}#main .login-box .data textarea{height:140px}#main .login-box .data select{line-height:28px;background-size:14px auto}#main .login-box .data select.inline{padding:0 30px 0 10px;background-size:14px auto}#main .login-box .data input[type=file]{padding:0px;font-size:14px;width:100%}#main .login-box .link{font-size:14px}#main .login-box .txt{margin:20px 0}#main .login-box .guide{font-size:12px;line-height:1.5}#main .login-box .guide:before{margin-right:4px;width:14px;height:14px;font-size:10px;line-height:14px}#main .form-terms{margin-bottom:40px}#main .form-terms .head3{margin-top:20px;margin-bottom:-5px;padding-bottom:5px;border-bottom:1px solid #ccc;font-size:15px;line-height:15px}#main .form-terms .note{margin-top:20px;font-size:12px}#main .form-terms .note.checkbox{padding:10px 15px;background-color:#fff;text-align:center;font-weight:bold}#main .form-terms .note input[type=checkbox]{display:inline-block;width:24px;height:24px;margin-left:14px;border:1px solid #ccc;background-color:#fff;vertical-align:middle;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}#main .form-terms .note input[type=checkbox]:checked{position:relative}#main .form-terms .note input[type=checkbox]:checked:before,#main .form-terms .note input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:8px;margin:-10px 0 0 -6px;border-bottom:2px solid #ef7533;border-left:2px solid #ef7533;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#main .form-terms .inner{padding:0 10px 10px;background-color:#fff}#main .info-list table th{padding:12px 4px 12px 0px;font-size:12px;width:50px}#main .info-list table td{padding:12px 4px 12px 0px;font-size:12px}#main .info-list table .lesson{width:50%;font-size:12px;text-align:left}#main .info-list table .txt{width:50%;font-size:12px;text-align:left}#main .info-list table .date{width:10%}#main .info-list table .num{font-size:10px;width:14px;height:14px;line-height:14px}#main .info-list table .checked{display:inline-block;width:14px;height:14px;background:url("pub/icn_checked-fe146e5a909fdfda866eef0a1d289042b219324cca8d553051b306bab0f58f52.png") no-repeat center center;background-size:contain}#main .info-list table .btn{width:60px}#main .info-list table .btn a,#main .info-list table .btn input{padding:0 10px;font-size:12px;line-height:22px}#main .info-list table input[type=text],#main .info-list table input[type=password],#main .info-list table textarea,#main .info-list table select{font-size:12px}#main .info-list table input[type=text],#main .info-list table input[type=password]{line-height:22px}#main .lecturer-list .lecturer{width:46.42857%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 1.78571% 30px}#main .lecturer-list .lecturer .img{width:70%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 auto 8px}#main .lecturer-list .lecturer .name{margin-bottom:2px;font-size:14px}#main .lecturer-list .lecturer .txt{margin-bottom:6px;font-size:9px}#main .lecturer-list .lecturer .btn{font-size:12px;line-height:23px}#main .pager+.buttons{margin-top:40px}#main .pager dt{font-size:12px}#main .pager dd{font-size:14px}#main .head1{margin-bottom:12px;font-size:18px;line-height:1.4}#main .head1 .lecturer{margin-bottom:4px;font-size:13px}#main .head1-5{font-size:18px}#main .head2{margin:0 -10px 15px;padding:10px 20px;border-bottom:0;background-color:#e4eaed;font-size:14px;line-height:20px;color:#000}#main .head2 .link{display:inline-block;width:auto;border:0;-moz-box-shadow:0 -2px 0 0 rgba(228,234,237,0.2) inset;-webkit-box-shadow:0 -2px 0 0 rgba(228,234,237,0.2) inset;box-shadow:0 -2px 0 0 rgba(228,234,237,0.2) inset;text-decoration:underline;font-size:14px;color:#ef7533;text-align:left;line-height:20px}#main .head2 .category{display:block}#main .head2 .category .num{font-size:14px}#main .head2 .date{margin-top:0;font-size:12px;line-height:20px}#main .head3{margin-top:20px;margin-bottom:-5px;padding-bottom:5px;border-bottom:1px solid #ccc;font-size:15px;line-height:15px;color:#ef7533}#main .local-nav{width:100%;margin-bottom:40px}#main .local-nav li{display:block}#main .local-nav li+li{border:1px solid #000;border-top:0}#main .local-nav li a{padding:10px 0;font-size:14px}#main .local-nav li a.arr{font-size:14px}#main .local-nav.col2 li{width:100%}#main .local-nav.col3{padding:0 20px;width:100%}#main .local-nav.col3 li{width:100%}#main .square-list li{margin-left:1.5em;text-indent:-1.5em;font-size:14px}#main .square-list li:before{margin-right:0.5em}#main .lecture-list .img{float:none;width:100%;margin-bottom:14px}#main .lecture-list .detail{margin-left:0}#main .lecture-list .head{margin-bottom:4px;font-size:14px}#main .lecture-list .txt{font-size:12px}#main .comment-list .comment+.comment{margin-top:16px}#main .comment-list .comment .img{width:19.64286%}#main .comment-list .comment .detail{margin-left:23.21429%}#main .comment-list .comment.post .img{display:none}#main .comment-list .comment.post .detail{margin-left:0}#main .comment-list .comment .name{margin-bottom:6px;font-size:12px}#main .comment-list .comment .txt{font-size:12px}#main .comment-list .comment .txt.class{font-size:14px;padding-bottom:0}#main .comment-list .comment .txt .btn a,#main .comment-list .comment .txt .btn input{font-size:12px;line-height:22px}#main .comment-list .comment .txt input[type=text],#main .comment-list .comment .txt input[type=password],#main .comment-list .comment .txt select{font-size:12px;line-height:22px}#main .comment-list .comment .point-review{clear:both;position:relative;bottom:auto;left:auto;padding-top:16px;font-size:14px}#main .comment-list .comment .point-review .point{margin-bottom:12px;padding:6px 0;border-top:1px solid #000;border-bottom:1px solid #000;text-align:center}#main .comment-list .comment .reply a{font-size:12px}#main .comment-list .comment .date{font-size:10px}#main .comment-list .comment .textarea{padding:10px;font-size:12px}#main .comment-list .btn{margin-top:20px}#main .btn{margin-bottom:40px}#main .btn a,#main .btn input{font-size:16px;line-height:48px}#main .btn a .kokokara:before,#main .btn input .kokokara:before{top:-22px;left:-67px;width:65px;height:47px;background:url("pub/home/icn_kokokara-d184b6ba19823e046f3646b14a1afd83757a39b52f917b7075729250ff3548ce.png") no-repeat;background-size:100% auto}#main .btn a .start:before,#main .btn input .start:before{top:-31px;right:-68px;display:block;width:65px;height:47px}#main .btn.orange a{line-height:40px}#main .btn.cancel a{background-color:#fafafa;font-size:14px}#main .buttons{margin-bottom:20px}#main .buttons .btn{display:block;width:100%}#main .buttons .btn+.btn{margin-left:0}#main .facebook-comment{margin-bottom:12px}#main .facebook-comment .head{padding-left:23px;font-size:12px;line-height:15px}#main .facebook-comment .comment-view{line-height:15px}#main .facebook-comment .comment-view:before{font-size:12px}#main .facebook-comment .comment-view:after{margin-left:12px;width:15px;height:5px}#main .facebook-comment .comment-view.active:after{background:url("pub/icn_dropdown-1a0d2206f0323d1e9f5a65a99e6a24974704401798de0c07390a139fea3752eb.png") no-repeat left -5px;background-size:100% auto}#main .read-more-guide{margin-right:-10px;margin-left:-10px;padding:20px;background-color:#f3f3f3}#main .read-more-guide dl{margin:20px 0 16px;text-align:center}#main .read-more-guide dl .label{position:relative;margin-bottom:20px;padding:10px 0 5px;border:1px solid #000;border-bottom:0;float:none;font-size:14px}#main .read-more-guide dl .label:before,#main .read-more-guide dl .label:after{content:"";position:absolute;bottom:-2%;display:block;width:50%;border-top:1px solid #000}#main .read-more-guide dl .label:before{left:0;-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);transform:rotate(3deg);-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-webkit-transform-origin:0 50%;transform-origin:0 50%}#main .read-more-guide dl .label:after{right:0;-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);transform:rotate(-3deg);-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}#main .read-more-guide dl .txt:before{content:""}#main .read-more-guide dl .pc-only{display:none !important}#main .read-more-guide .btn{display:block !important;margin-bottom:0}#main .read-more-guide .price{position:relative;display:block;width:100%;margin-bottom:20px;padding:10px 0 5px;border:1px solid #000;border-bottom:0;float:none;font-size:14px;line-height:20px}#main .read-more-guide .price:before,#main .read-more-guide .price:after{content:"";position:absolute;bottom:-2%;display:block;width:50%;border-top:1px solid #000}#main .read-more-guide .price:before{left:0;-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);transform:rotate(3deg);-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-webkit-transform-origin:0 50%;transform-origin:0 50%}#main .read-more-guide .price:after{right:0;-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);transform:rotate(-3deg);-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}#main .read-more-guide .price+.btn{margin-left:0}#main .read-more-guide .link{font-size:12px}#main .read-more-guide .txt{margin-bottom:10px}#main .read-more-guide .buttons{margin-bottom:10px}#main .articles .article{display:block;margin-right:0}#main .articles.col1 .article{width:100%;margin-bottom:26px}#main .articles.col1 .article .img{float:none;margin-right:0;width:100%}#main .articles.col1 .article .ttl{font-size:16px}#main .articles.col1 .article .txt{font-size:14px}#main .articles.col2 .article{width:100%;margin-bottom:26px}#main .articles.col2 .article .ttl{font-size:14px}#main .articles.col2 .article .txt{font-size:12px}#main .articles.col3 .article{width:100%;margin-bottom:26px}#main .articles.col3 .article .ttl{font-size:14px}#main .articles.col3 .article .txt{font-size:12px}#main .icn{min-width:50px;font-size:11px}#main .category-list li{font-size:14px;line-height:24px}#main .category-list li a{padding:8px 0}#side{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-left:0}#side .favorite{display:none}#side .profile{display:block;height:65px}#side .profile .img{float:right;width:65px;height:65px}#side .profile .detail{display:block;padding:0 70px 0 0}#side .profile .name{font-size:18px}#side .profile .txt{font-size:12px;text-align:left}#side .local-nav{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#side .local-nav li a{font-size:14px}#side .btn{margin-top:10px}#side .btn a{font-size:14px}#side .head1{margin:0 -10px 15px;padding:10px 20px;border-bottom:0;background-color:#e4eaed;font-size:14px;line-height:20px;color:#000}#side .articles .article{display:block;width:100%}#side .articles .article .img{width:100%;margin-bottom:10px}#side .articles .article .info{margin-left:0}#side .articles .article .ttl{font-size:14px}#side .articles .article .ttl a{color:#ef7533}#side .articles .article .txt{font-size:12px}#side .category-list{display:none}.articles .article{display:block;margin-right:0}.articles .article .img{margin-bottom:12px}.articles .article .ttl{margin-bottom:6px}.articles .article .txt{margin-bottom:6px}.articles .article .info .date{margin-right:12px;font-size:12px}.articles .article .info .category{margin-right:12px;font-size:12px}.articles .article .info .lecturer{font-size:12px}.articles.col2 .article{width:100%;margin-bottom:26px}.articles.col2 .article .ttl{font-size:14px}.articles.col2 .article .txt{font-size:12px}.articles.col3 .article{width:100%;margin-bottom:26px}.articles.col3 .article .ttl{font-size:14px}.articles.col3 .article .txt{font-size:12px}.articles .btn{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding-top:4px}.articles .btn a{font-size:16px;line-height:48px}.articles .btn a .kokokara:before{top:-22px;left:-67px;width:65px;height:47px;background:url("pub/home/icn_kokokara-d184b6ba19823e046f3646b14a1afd83757a39b52f917b7075729250ff3548ce.png") no-repeat;background-size:100% auto}#page-img{margin:0 -20px 16px}#page-img .video-js{height:300px}.alert{padding:10px;margin-bottom:20px;font-size:14px}.alert ul li{font-size:12px}.teacher-profile h2{margin-bottom:12px;padding:0 20px;font-size:18px}.teacher-profile h3{margin-bottom:12px;padding:0 20px;font-size:16px}.teacher-profile h4{margin-bottom:12px;padding:0 20px;font-size:14px}.teacher-profile p,.teacher-profile code,.teacher-profile .code{padding:0 20px;font-size:14px}.teacher-profile p+h2,.teacher-profile p+img,.teacher-profile code+h2,.teacher-profile code+img,.teacher-profile .code+h2,.teacher-profile .code+img{margin-top:24px}.teacher-profile code,.teacher-profile .code{margin:0 20px 12px;padding:10px;font-size:13px}.teacher-profile img{margin:0 auto 12px}.teacher-profile img.float-left{float:none;width:100%;margin:0 0 12px}.teacher-profile img.float-right{float:none;width:100%;margin:0 0 12px}.teacher-profile ul{margin-bottom:12px;padding:0 20px}.teacher-profile ul li{margin-bottom:6px;font-size:14px}.teacher-profile ol{margin-bottom:12px;padding:0 20px}.teacher-profile ol li{margin-bottom:6px;font-size:14px}.teacher-info h2{margin-bottom:12px;padding:0 20px;font-size:18px}.teacher-info h3{margin-bottom:12px;padding:0 20px;font-size:16px}.teacher-info h4{margin-bottom:12px;padding:0 20px;font-size:14px}.teacher-info p,.teacher-info code,.teacher-info .code{padding:0 20px;font-size:14px}.teacher-info p+h2,.teacher-info p+img,.teacher-info code+h2,.teacher-info code+img,.teacher-info .code+h2,.teacher-info .code+img{margin-top:24px}.teacher-info code,.teacher-info .code{margin:0 20px 12px;padding:10px;font-size:13px}.teacher-info img{margin:0 auto 12px}.teacher-info img.float-left{float:none;width:100%;margin:0 0 12px}.teacher-info img.float-right{float:none;width:100%;margin:0 0 12px}.teacher-info ul{margin-bottom:12px;padding:0 20px}.teacher-info ul li{margin-bottom:6px;font-size:14px}.teacher-info ol{margin-bottom:12px;padding:0 20px}.teacher-info ol li{margin-bottom:6px;font-size:14px}.course-summary h2{margin-bottom:12px;padding:0 20px;font-size:18px}.course-summary h3{margin-bottom:12px;padding:0 20px;font-size:16px}.course-summary h4{margin-bottom:12px;padding:0 20px;font-size:14px}.course-summary p,.course-summary code,.course-summary .code{padding:0 20px;font-size:14px}.course-summary p+h2,.course-summary p+img,.course-summary code+h2,.course-summary code+img,.course-summary .code+h2,.course-summary .code+img{margin-top:24px}.course-summary code,.course-summary .code{margin:0 20px 12px;padding:10px;font-size:13px}.course-summary img{margin:0 auto 12px}.course-summary img.float-left{float:none;width:100%;margin:0 0 12px}.course-summary img.float-right{float:none;width:100%;margin:0 0 12px}.course-summary ul{margin-bottom:12px;padding:0 20px}.course-summary ul li{margin-bottom:6px;font-size:14px}.course-summary ol{margin-bottom:12px;padding:0 20px}.course-summary ol li{margin-bottom:6px;font-size:14px}.lesson-body{margin:0 -10px 30px}.lesson-body h2{margin-bottom:12px;padding:0 20px;font-size:18px}.lesson-body h3{margin-bottom:12px;padding:0 20px;font-size:16px}.lesson-body h4{margin-bottom:12px;padding:0 20px;font-size:14px}.lesson-body p,.lesson-body code,.lesson-body .code{margin-bottom:12px;padding:0 20px;font-size:14px}.lesson-body p+h2,.lesson-body p+img,.lesson-body code+h2,.lesson-body code+img,.lesson-body .code+h2,.lesson-body .code+img{margin-top:24px}.lesson-body code,.lesson-body .code{margin:0 20px 12px;padding:10px;font-size:13px}.lesson-body img{margin:0 0 12px}.lesson-body img.float-left{float:none;width:100%;margin:0 0 12px}.lesson-body img.float-right{float:none;width:100%;margin:0 0 12px}.lesson-body ul{margin-bottom:12px;padding:0 20px}.lesson-body ul li{margin-bottom:6px;font-size:14px}.lesson-body ol{margin-bottom:12px;padding:0 20px}.lesson-body ol li{margin-bottom:6px;font-size:14px}.lesson-body img{margin:0 auto 12px}code,.code{font-size:13px}.eyecatch_img{width:320px !important}.cropit-preview-image-container{width:320px !important}#main .user-login .login-area{display:block;width:100%;margin-bottom:20px;padding:14px 18px;border:2px solid #f2eed6}#main .user-login .login-area:nth-child(even){margin-left:0}#main .user-login .login-area .head{margin-bottom:14px;font-size:16px}#main .user-login .login-area .input{margin-bottom:20px}#main .user-login .login-area .label{margin-top:12px;font-size:14px}#main .user-login .login-area .data{margin-top:6px;font-size:16px}#main .user-login .login-area .data .box{padding:10px;background-color:#fff}#main .user-login .login-area .data input{font-size:16px;line-height:28px}#main .user-login .login-area .data input[type=text],#main .user-login .login-area .data input[type=password],#main .user-login .login-area .data input[type=email],#main .user-login .login-area .data input[type=tel],#main .user-login .login-area .data textarea,#main .user-login .login-area .data select{font-size:16px}#main .user-login .login-area .data input[type=text],#main .user-login .login-area .data input[type=password],#main .user-login .login-area .data input[type=email],#main .user-login .login-area .data input[type=tel]{line-height:28px}#main .user-login .login-area .data textarea{height:140px}#main .user-login .login-area .data select{line-height:28px;background-size:14px auto}#main .user-login .login-area .data select.inline{padding:0 30px 0 10px;background-size:14px auto}#main .user-login .login-area .data input[type=file]{padding:0px;font-size:14px;width:100%}#main .user-login .login-area .btn{margin-bottom:0}#main .user-login .login-area .btn a,#main .user-login .login-area .btn input,#main .user-login .login-area .btn button{padding:0;line-height:40px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#main .user-login .login-area .head-txt{margin:-10px 0 10px;font-size:14px}#main .user-login .login-area .link-txt{font-size:14px;margin:10px 0;text-decoration:underline}#main .user-login .login-area .login-sns li{margin-bottom:10px}#main .user-login .login-area .login-sns li a{font-size:14px;line-height:40px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#main .user-login .login-area .login-sns li a .icn{width:24px;height:40px;padding:0}#main .user-login .login-area .txt{font-size:14px}#main .user-login .login-area .notes{font-size:12px}#main .user-login .tokuten-area{margin-bottom:20px;padding:18px;border:2px solid #ffecda}#main .user-login .tokuten-area .head{margin-bottom:25px;font-size:20px}#main .user-login .tokuten-area .head span{font-size:14px}#main .user-login .tokuten-area .tokuten-box{display:block;width:100%;margin-bottom:20px;padding:16px 13px 14px;border:2px solid #ffecda}#main .user-login .tokuten-area .tokuten-box+.tokuten-box{margin-left:0}#main .user-login .tokuten-area .tokuten-box:before{top:-15px;left:-10px;width:60px;height:44px}#main .user-login .tokuten-area .tokuten-box .tokuten-head{margin-bottom:10px;font-size:18px}#main .user-login .tokuten-area .tokuten-box .txt{font-size:13px;text-align:center}#main .user-login .tokuten-area .btn a{line-height:40px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#main .signup-flow{width:240px;margin:0 auto 14px}#main .signup-flow:before{content:"";position:absolute;top:50%;right:0;left:0;height:2px;margin-top:-1px;background-color:#f0f0f0}#main .signup-flow .flow{width:30px;height:30px;padding:0;font-size:0;line-height:26px;border:2px solid #f0f0f0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}#main .signup-flow .flow .num{font-size:12px}#main .signup-flow .flow+.flow{margin-left:40px}#main .signup-flow .flow+.flow:before{content:none}#main .signup-flow .flow.active{border:2px solid #ef7533}#main .user-signup .signup-area{padding:14px 14px 20px;border:2px solid #f2eed6}#main .user-signup .signup-area .head{margin-bottom:14px;font-size:16px}#main .user-signup .signup-area .txt{font-size:14px;text-align:left}#main .user-signup .signup-area .mail{margin:0 auto 10px;padding:5px;font-size:14px;text-align:center}#main .user-signup .signup-area .buttons{margin-top:35px;margin-bottom:14px}#main .user-signup .signup-area .buttons .btn{margin-bottom:10px}#main .user-signup .signup-area .buttons .btn a,#main .user-signup .signup-area .buttons .btn input{line-height:40px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#main .user-signup .signup-area .buttons .btn.left{float:none}#main .user-signup .signup-area .buttons .btn.right{float:none}#main .user-signup .signup-area .input{margin-bottom:20px}#main .user-signup .signup-area .label{margin-top:12px;font-size:14px}#main .user-signup .signup-area .label .requied{padding:0 5px;font-size:12px}#main .user-signup .signup-area .label .example{font-size:14px}#main .user-signup .signup-area .data{margin-top:6px;font-size:16px}#main .user-signup .signup-area .data.txt{font-size:14px}#main .user-signup .signup-area .data .box{padding:5px;background-color:#fff;font-size:14px}#main .user-signup .signup-area .data input{font-size:16px;line-height:28px}#main .user-signup .signup-area .data input[type=text],#main .user-signup .signup-area .data input[type=password],#main .user-signup .signup-area .data input[type=email],#main .user-signup .signup-area .data input[type=tel],#main .user-signup .signup-area .data textarea,#main .user-signup .signup-area .data select{font-size:16px}#main .user-signup .signup-area .data input[type=text],#main .user-signup .signup-area .data input[type=password],#main .user-signup .signup-area .data input[type=email],#main .user-signup .signup-area .data input[type=tel]{line-height:28px}#main .user-signup .signup-area .data textarea{height:140px}#main .user-signup .signup-area .data select{line-height:28px;background-size:14px auto}#main .user-signup .signup-area .data select.inline{padding:0 30px 0 10px;background-size:14px auto}#main .user-signup .signup-area .data input[type=file]{padding:0px;font-size:14px;width:100%}#main .user-signup .signup-area .signup-sns{margin-top:0}#main .user-signup .signup-area .signup-sns li{width:23.86364%;margin:0 0.56818%}#main .user-signup .signup-area .signup-sns li a{font-size:0;line-height:25px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:13px;-webkit-border-radius:13px;border-radius:13px;background-position:center center;background-repeat:no-repeat;background-size:auto 12px}#main .user-signup .signup-area .signup-sns li.twitter a{background-color:#549fd8;background-image:url("pub/icn_sns_twitter_white-5b87c3c04ac04251fc3a9bb257e2c623fa85ccab3e11c88c57f9f608ed80913c.png")}#main .user-signup .signup-area .signup-sns li.facebook a{background-color:#334e93;background-image:url("pub/icn_sns_facebook_white-2a467a045f051c1d0ccacb65cd07cd0b923bf23b490a86f5bcf2195ad03671b7.png")}#main .user-signup .signup-area .signup-sns li.google a{background-color:#dc4e41;background-image:url("pub/icn_sns_google_white-5a315b01d145479f4f685f2ba174ae1db5aca71b7ed98ba0a19557dbedd97aee.png")}#main .user-signup .signup-area .signup-sns li.line a{background-color:#00c300;background-image:url("pub/icn_sns_line_white-d4ccd0cd8d9fa7aa20d0c6485a3916489d05921c8b9dce4e2c7dbe466a234c94.png")}.popup-inner{height:180px;margin:auto;padding:16px 18px;border:2px solid #e5732c}.popup-close{top:-10px;right:-10px;width:28px;height:28px}.popup-close:hover{background-color:#e5732c}.popup-close:before,.popup-close:after{height:16px;margin:-8px 0 0 -1px}.popup-head{margin-bottom:12px;font-size:16px}.popup-head span{display:none}.popup-head span.popup-lesson-no{display:inline}.popup-head br{display:inherit}.popup-btn{margin-bottom:12px;line-height:40px;font-size:16px;-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,0.1) inset}.popup-txt{font-size:16px}#contents .wrap div.courses_main .link,#contents #bread-crumbs div.courses_main .link{width:100%;text-align:right;font-size:14px;text-decoration:underline}}@media print, screen and (max-width: 600px) and (max-width: 370px){#category-nav li{width:130px;font-size:14px}}.image-editor .cropit-preview{width:250px;height:250px;position:relative;background-color:#f8f8f8;border:1px solid #ccc;border-radius:3px;margin-top:7px}.image-editor .cropit-preview img{max-width:none;width:auto}.image-editor .cropit-preview-image-container{cursor:move}.image-editor .controls-wrapper{font-size:0}.image-editor .rotation-btns,.image-editor .slider-wrapper{display:inline-block;font-size:16px}.image-editor .fa{color:#333}.image-editor .rotation-btns{margin-right:26px}.image-editor .rotation-btns .rotate-ccw-btn{margin-right:10px}.image-editor .small-image{margin-right:6px;font-size:14px}.image-editor .large-image{margin-left:6px;font-size:18px}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:0.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}