@charset "UTF-8";.grid-table-vertical{display:grid;grid-template-columns:140px auto;gap:0;margin-bottom:20px}.grid-table-vertical .cell{padding:5px 10px}.grid-table-vertical .tr{display:contents}.grid-table-vertical .tr .grid-table-cell{background:#fff;border-radius:8px;padding:10px 20px;box-shadow:0 0 10px #0006}.grid-table-vertical .tr .td{font-weight:700}span.required:before{content:"必須";display:inline;background:red;color:#fff;border-radius:5px;margin:0 .5em;padding:.2em .5em;font-size:10px;font-weight:700}span.semi-required:before{content:"基本的に必須";display:inline;background:#aaa;color:#fff;border-radius:5px;margin:0 .5em;padding:.2em .5em;font-size:10px;font-weight:700}.warn{color:red}.w3em{width:3em}.w4em{width:4em}.w5em{width:5em}.w7em{width:7em}.w10em{width:10em}.w20em{width:20em}.w100per{width:100%}.pagination-container .pagination{list-style:none;display:flex;justify-content:center;align-items:center;gap:.5em;padding:0;font-size:12px}.pagination-container .page-item{cursor:pointer}.pagination-container .page-item>*{display:block;border-radius:5px;padding:.5em .75em}.pagination-container .page-item.disabled{color:#ccc;cursor:inherit}.pagination-container .page-item.active{font-weight:700;cursor:inherit}.pagination-container .page-item.active>*{background:#333;color:#fff}.selectable{-webkit-user-select:initial;-moz-user-select:initial;user-select:initial}.selectable>*{-webkit-user-select:all;-moz-user-select:all;user-select:all}.content-wrapper{width:1200px;max-width:100%;margin:0 auto}.sec-title{background:#74b3e6;color:#fff;border-radius:8px;padding:5px 10px}.sec-title.magenta{background:#fc3f67}.sec-title.green{background:#66c791}.logo{width:300px;height:50px}.logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.box,body#mypage main .content-wrapper .left{background:#fff;border-radius:8px;box-shadow:0 0 10px #0006;padding:0;overflow:hidden}.box>.title,body#mypage main .content-wrapper .left>.title{background:#efefef;margin:0;padding:10px 20px;font-size:16px;font-weight:800;text-align:left}.box>.content,body#mypage main .content-wrapper .left>.content{padding:10px 20px}.box>.footer,body#mypage main .content-wrapper .left>.footer{padding:0 20px 20px}.box+.box,body#mypage main .content-wrapper .left+.box,body#mypage main .content-wrapper .box+.left,body#mypage main .content-wrapper .left+.left{margin-top:20px}.class-list a{display:block;background:#fff;box-shadow:0 0 10px #0006;border-radius:8px;width:220px;height:420px;overflow:hidden;color:#555}.class-list a:hover{text-decoration:none}.class-list a .class{height:100%;padding:10px}.class-list a .class header>*{display:block}.class-list a .class header img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.class-list a .class h3{margin:7px 0;min-height:2.7em;line-height:1.35em}.class-list a .class time{font-weight:900}.class-list a .class p{font-size:12px}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{cursor:pointer;pointer-events:initial}.swiper.class-list{position:relative}.swiper.class-list .swiper-wrapper{display:flex;justify-content:flex-start;align-content:stretch;height:430px;padding:10px}.swiper.class-list .swiper-button-prev,.swiper.class-list .swiper-button-next{position:absolute;top:50%;color:#555!important;transform:translateY(-50%)}.swiper.class-list .swiper-button-next{right:0}.class-category-list{list-style:none;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:10px 20px;margin:0 auto;padding:0}.class-category-list li{width:calc((100% - 40px) / 3);font-size:16px;text-align:center}.class-category-list li a{display:flex;justify-content:center;align-items:center;color:inherit;min-height:4em;height:100%;padding:5px 10px}.class-category-list li:nth-child(n){background:#fc3f67;color:#fff}.class-category-list li:nth-child(2n){background:#66c791;color:#fff}.class-category-list li:nth-child(3n){background:#74b3e6;color:#fff}.class-category-list li:nth-child(4n){background:#fc3f67;color:#fff}.class-category-list li:nth-child(5n){background:#66c791;color:#fff}.instructor-list{list-style:none;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:10px 20px;margin:0 auto;padding:0}.instructor-list li{width:200px}.instructor-list li a{display:block;color:inherit;width:100%;text-align:center}.instructor-list li a img{width:100%;height:auto}.anim-hover-opacity,button,.anin-hover-opacity-underline,a{transition:opacity .4s ease}.anim-hover-opacity:hover,button:hover,.anin-hover-opacity-underline:hover,a:hover{opacity:.8}.anin-hover-opacity-underline:hover,a:hover{text-decoration:underline}.form-item{display:flex;flex-direction:column;gap:5px;text-align:left}.form-item>.label{font-size:12px;font-weight:600}.form-item+.form-item{margin-top:10px}.form-item .col2{display:flex;justify-content:space-between}.form-item .col2>*{width:calc(50% - 3px)}.form-item .checkbox-group{display:flex;flex-wrap:wrap;gap:7px 15px}.vspacer{height:2em}.form-ctrl{display:flex;justify-content:center;align-items:center;gap:10px}input,select,textarea{color:#666;border:1px solid #999;border-radius:7px;padding:.5em 1em;font-size:14px;line-height:1.3em}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}input::placeholder,select::placeholder,textarea::placeholder{color:#ccc}button{-webkit-appearance:none;background:#efefef;color:#666;border:1px solid #999;border-radius:7px;padding:.5em 2em;font-size:14px;font-weight:600;cursor:pointer}button.cancel{border:1px solid #fc3f67;background:#fc3f67!important;color:#fff}button:disabled{border:1px solid #999;background:#efefef!important;color:#ccc!important;cursor:not-allowed}.form-errors{color:#a00;padding:.5em 0;font-size:12px;text-align:left}.form-errors .error{text-indent:-1em;margin-left:1em;line-height:1.2em}.form-errors .error:before{content:"※"}.form-errors .error+.error{margin-top:.3em}body{background:#fafafa;color:#555;margin:0;padding:70px 0 0;font-family:Noto Sans JP,sans-serif;font-weight:400;font-style:normal;font-size:14px}*{box-sizing:border-box}a{color:#009;text-decoration:none;cursor:pointer}[class^=fa-]{position:relative;top:.1em;font-size:20px}#site-header{position:fixed;top:0;left:0;right:0;background:#fff;z-index:10}#site-header .content-wrapper{position:relative;display:flex;justify-content:flex-start;align-items:center;height:70px;padding:10px 20px}#user-nav{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto}#user-nav .subscription{background:#66c791;color:#fff;border-radius:5px;margin-right:20px;padding:5px 10px;font-size:12px}#user-nav>.nickname{display:flex;align-items:center;gap:5px;cursor:pointer}#user-nav>.nickname:after{content:"∨";margin-left:5px;font-size:10px;font-weight:900}#user-nav>.nickname [class^=fa-]{margin-right:5px}#user-nav>.nickname img{width:30px;height:30px;-o-object-fit:cover;object-fit:cover;border-radius:15px}#user-nav>.nickname:hover{visibility:visible;opacity:1}#user-nav>.nickname:hover~.user-menu{visibility:visible;opacity:1}#user-nav .user-menu{position:absolute;top:1.75em;right:0;background:#fff;box-shadow:0 0 10px #0006;border-radius:5px;padding:10px 15px;visibility:hidden;opacity:0;transition:opacity .4s ease,visibility .4s ease}#user-nav .user-menu .icon{width:50px;height:50px;border-radius:25px;overflow:hidden;margin:10px auto}#user-nav .user-menu .icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#user-nav .user-menu .nickname{border-bottom:1px solid #CCC;padding:0 0 10px;text-align:center;white-space:break-spaces;word-break:break-all}#user-nav .user-menu ul{list-style:none;margin:0;padding:0}#user-nav .user-menu li a{display:block;white-space:nowrap;padding:.5em 2em;color:inherit;text-align:right}#user-nav .user-menu:hover{visibility:visible;opacity:1}@media (max-width: 480px){.logo{width:160px;height:40px}#site-header .content-wrapper{padding:8px 12px}#user-nav{gap:6px}#user-nav .subscription{display:none}#user-nav>.nickname{font-size:12px;white-space:nowrap}#user-nav>.nickname img{width:22px;height:22px}}#auth.login .auth-box-wrapper,#auth.register .auth-box-wrapper{position:absolute;top:200px;left:50%;width:500px;max-width:100%;text-align:center;transform:translate(-50%)}#auth.login .auth-box-wrapper .box,#auth.register .auth-box-wrapper .box{margin-bottom:20px}#auth.login .auth-box-wrapper .box button,#auth.register .auth-box-wrapper .box button{background:#66c791;color:#fff;border:none;width:calc((100% - 10px)/2);padding:.5em 1em}#auth.login .auth-footer-menu,#auth.register .auth-footer-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:25px}#auth.login .form-item,#auth.register .form-item{margin-bottom:10px}#auth.login .form-item.agreement,#auth.register .form-item.agreement{text-align:center}#auth.login .form-item.agreement .label,#auth.register .form-item.agreement .label{text-align:left}#auth.login .form-item.agreement textarea,#auth.register .form-item.agreement textarea{font-size:12px;height:5em;resize:none;overflow-y:auto;text-align:left}#auth.login .form-ctrl,#auth.register .form-ctrl{padding:20px 0 60px}#auth.login.index .form-ctrl,#auth.register.password-reset .form-ctrl{margin-top:-10px;padding:0 20px 20px}#auth.register.index main .content-wrapper{width:100%;max-width:400px}@media (max-width: 767px){#auth main{padding:0 20px}}#auth main button.cancel{background:#efefef!important;color:#777!important;border:1px solid #CCC!important}#auth main button.submit{background:#ff7591;color:#fff;border:1px solid #FF7591;min-width:120px}#auth.register.detail main .content-wrapper{display:flex;gap:30px;width:500px;max-width:100%;padding-top:20px}@media (max-width: 767px){#auth.register.detail main .content-wrapper{flex-direction:column;align-items:center}}#auth.register.detail main .content-wrapper .right{width:100%}#auth.register.detail main .sec-title{margin-top:0}#auth.register.detail .plan-desc{padding-top:30px}#auth.register.detail .plan-list{list-style:none;display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}#auth.register.detail .plan-list li{width:calc((100% - 10px)/2)}#auth.register.detail .plan-list label{position:relative;display:flex;flex-direction:column;justify-content:flex-start;background:#fff;border:3px solid #CCC;border-radius:7px;height:100%;padding:30px 10px 10px;text-align:center;overflow:hidden;cursor:pointer}#auth.register.detail .plan-list label span{display:block}#auth.register.detail .plan-list label .title{font-size:16px;font-weight:700}#auth.register.detail .plan-list label .description{background:#efefef;border-radius:7px;margin:7px 0;padding:5px 10px;font-size:11px;text-align:center}#auth.register.detail .plan-list label .description .red{font-size:12px;color:#fc3f67;font-weight:700}#auth.register.detail .plan-list label .price{font-size:14px;font-weight:700;margin-top:auto}#auth.register.detail .plan-list label .price i{margin-right:2px;font-style:normal;font-size:20px;font-weight:700}#auth.register.detail .plan-list label:after{content:"";position:absolute;top:0;left:0;right:0;background:#ccc;color:#fff;height:1.75em}#auth.register.detail .plan-list input[type=radio]{display:none}#auth.register.detail .plan-list input[type=radio]:checked+label{background:#f9f9f9;border:3px solid #fc3f67;padding:30px 10px 10px}#auth.register.detail .plan-list input[type=radio]:checked+label:after{content:"選択中";background:#fc3f67}#auth.register.subscription .plan-list{list-style:none;display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}#auth.register.subscription .plan-list label{position:relative;display:flex;flex-direction:column;justify-content:flex-start;background:#fff;border:3px solid #CCC;border-radius:7px;height:100%;padding:30px 10px 10px;text-align:center;overflow:hidden;cursor:pointer}#auth.register.subscription .plan-list label span{display:block}#auth.register.subscription .plan-list label .title{font-size:16px;font-weight:700}#auth.register.subscription .plan-list label .description{background:#efefef;border-radius:7px;margin:7px 0;padding:5px 10px;font-size:11px;text-align:center}#auth.register.subscription .plan-list label .description .red{font-size:12px;color:#fc3f67;font-weight:700}#auth.register.subscription .plan-list label .price{font-size:14px;font-weight:700;margin-top:auto}#auth.register.subscription .plan-list label .price i{margin-right:2px;font-style:normal;font-size:20px;font-weight:700}#auth.register.subscription .plan-list label:after{content:"";position:absolute;top:0;left:0;right:0;background:#ccc;color:#fff;height:1.75em}#auth.register.subscription .plan-list input[type=radio]{display:none}#auth.register.subscription .plan-list input[type=radio]:checked+label{background:#f9f9f9;border:3px solid #fc3f67;padding:30px 10px 10px}#auth.register.subscription .plan-list input[type=radio]:checked+label:after{content:"選択中";background:#fc3f67}#auth.register .auth-box-wrapper{width:600px}#auth.register .qty{text-align:right;width:7em}#auth.register.thanks .auth-box-wrapper .box button{width:auto}#home .content-wrapper{position:relative}#home .content-wrapper .left{position:fixed;top:90px;bottom:20px;width:200px;overflow-y:auto;scrollbar-width:thin;padding:3px 5px}#home .content-wrapper .left .title{margin:0 0 .5em;font-size:18px;font-weight:700}#home .content-wrapper .left [class^=sec-]+[class^=sec-]{margin-top:20px}#home .content-wrapper .left .box{width:100%;padding:10px 20px}#home .content-wrapper .right{width:100%;max-width:100%;padding-left:230px;padding-bottom:30px}#home .sec-status .rank-list .rank{background:#efefef;padding:5px 10px;font-size:12px}#home .sec-status .rank-list .rank .img{font-size:10px}#home .sec-status .rank-list .rank+.rank{margin-top:10px}#home .sec-login-streak .status,#home .sec-credits .status{font-size:12px}#home .sec-login-streak .status .number,#home .sec-credits .status .number{position:relative;top:.05em;margin-right:.3em;font-size:24px;font-weight:800}#home .sec-class-list{margin-bottom:60px}#home .search-form{margin-bottom:10px}#home .search-form input{width:calc(100% - 105px)}#home .search-form button{width:100px}.sf-js-enabled #home .content-wrapper .left{bottom:40px}body#classes.detail{padding-bottom:60px}body#classes.detail iframe{width:100%;height:500px}body#instructors.index .category-list,body#instructors.index .class-list,body#instructors.detail .category-list,body#instructors.detail .class-list,body#classes.list .category-list,body#classes.list .class-list{display:flex;flex-wrap:wrap;gap:20px}body#instructors.index .category-list .category-item,body#instructors.index .category-list .class-item,body#instructors.index .class-list .category-item,body#instructors.index .class-list .class-item,body#instructors.detail .category-list .category-item,body#instructors.detail .category-list .class-item,body#instructors.detail .class-list .category-item,body#instructors.detail .class-list .class-item,body#classes.list .category-list .category-item,body#classes.list .category-list .class-item,body#classes.list .class-list .category-item,body#classes.list .class-list .class-item{width:250px;padding:10px 20px;background:#fff;border:1px solid #CCC;border-radius:5px;box-shadow:0 0 5px #0000001a;font-size:14px}body#instructors.index .category-list .category-item .img,body#instructors.index .category-list .class-item .img,body#instructors.index .class-list .category-item .img,body#instructors.index .class-list .class-item .img,body#instructors.detail .category-list .category-item .img,body#instructors.detail .category-list .class-item .img,body#instructors.detail .class-list .category-item .img,body#instructors.detail .class-list .class-item .img,body#classes.list .category-list .category-item .img,body#classes.list .category-list .class-item .img,body#classes.list .class-list .category-item .img,body#classes.list .class-list .class-item .img{width:100%;height:auto;margin-bottom:10px}body#instructors.index .category-list .category-item .img img,body#instructors.index .category-list .class-item .img img,body#instructors.index .class-list .category-item .img img,body#instructors.index .class-list .class-item .img img,body#instructors.detail .category-list .category-item .img img,body#instructors.detail .category-list .class-item .img img,body#instructors.detail .class-list .category-item .img img,body#instructors.detail .class-list .class-item .img img,body#classes.list .category-list .category-item .img img,body#classes.list .category-list .class-item .img img,body#classes.list .class-list .category-item .img img,body#classes.list .class-list .class-item .img img{width:100%;height:auto}body#instructors.index .category-list .category-item .name,body#instructors.index .category-list .class-item .name,body#instructors.index .class-list .category-item .name,body#instructors.index .class-list .class-item .name,body#instructors.detail .category-list .category-item .name,body#instructors.detail .category-list .class-item .name,body#instructors.detail .class-list .category-item .name,body#instructors.detail .class-list .class-item .name,body#classes.list .category-list .category-item .name,body#classes.list .category-list .class-item .name,body#classes.list .class-list .category-item .name,body#classes.list .class-list .class-item .name{font-size:18px;font-weight:700;margin-bottom:5px}body#instructors.index .category-list .category-item .description,body#instructors.index .category-list .class-item .description,body#instructors.index .class-list .category-item .description,body#instructors.index .class-list .class-item .description,body#instructors.detail .category-list .category-item .description,body#instructors.detail .category-list .class-item .description,body#instructors.detail .class-list .category-item .description,body#instructors.detail .class-list .class-item .description,body#classes.list .category-list .category-item .description,body#classes.list .category-list .class-item .description,body#classes.list .class-list .category-item .description,body#classes.list .class-list .class-item .description{font-size:12px;color:#666}body#instructors.index .search-form,body#instructors.detail .search-form,body#classes.list .search-form{margin-bottom:10px}body#instructors.index .search-form input,body#instructors.detail .search-form input,body#classes.list .search-form input{width:calc(100% - 105px)}body#instructors.index .search-form button,body#instructors.detail .search-form button,body#classes.list .search-form button{width:100px}body#classes.search-result{padding-bottom:60px}body#classes.search-result .sec-title{display:flex;align-items:center;gap:.5em}body#classes.search-result .sec-title span{font-size:18px}.comment-list{margin-bottom:10px}.comment-list .comment{background:#efefef;border-radius:10px;width:calc(100% - 50px);margin-left:auto;padding:5px 10px;font-size:12px}.comment-list .comment+.comment{margin-top:10px}.comment-list .comment.owner{margin-left:0}.comment-list .comment .user,.comment-list .comment .instructor{border-top:1px solid #CCC;margin-top:5px;padding-top:5px}.comment-list .comment .text{font-size:14px}.comment-form{padding-top:10px}.comment-form form{display:flex;justify-content:space-between}.comment-form textarea{width:calc(100% - 105px);min-height:5em;resize:none}.comment-form button{width:100px}body#instructors.detail .sec-title{display:flex;align-items:center;gap:.5em}body#instructors.detail .sec-title span{font-size:18px}body#curriculums.index .curriculum-class-list{width:100%}body#curriculums.index .curriculum-class-list th,body#curriculums.index .curriculum-class-list td{border-bottom:1px solid #CCC}#curriculums .curriculum-class-list img{width:auto;max-height:100px}body#mypage main .content-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-top:10px;width:800px}body#mypage main .content-wrapper .left{order:1;width:200px}body#mypage main .content-wrapper .right{order:2;width:calc(100% - 230px)}body#mypage main .sec-title{margin-top:0}body#mypage .ctrl{display:flex;justify-content:center;align-items:center;gap:7px;padding-top:20px}body#mypage.index .grid-table-vertical .icon img{width:150px;height:150px;-o-object-fit:contain;object-fit:contain}body#mypage.edit.profile-image .grid-table-vertical{grid-template-columns:180px 1fr}body#mypage.edit.profile-image .grid-table-vertical input{border:none;padding:1px}.dev-memo{background:#999000;color:#fff;border-radius:7px;margin:.5em 0;padding:.5em 1em}