@charset "utf-8";

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// under 404
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

p.mes404{text-align:center;margin:100px auto;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// login
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.login{text-align:center;padding:30px;background:#f8f8f8;}

section.login h1{color:#ec6800;font-size:20px;margin-bottom:20px;}
section.login h1 img{width:100px;margin-bottom:10px;}

section.login h2{font-size:20px;border-bottom:1px solid #ccc;padding-bottom:15px;margin:50px auto 30px;color:#000;}

section.login div.loginarea{max-width:680px;margin:10px auto;padding:20px;background:#fff;}
section.login div.class_flow{max-width:680px;margin:10px auto;padding:20px;background:#fff;}

section.login .btn{max-width:300px;width:100%;margin:20px auto;background:none;padding:0;}
section.login .btn a{background:#28ac66;padding:20px 12px;text-align:center;color:#fff;font-size:15px;font-weight:400;display:block;}

section.login .btn_login{max-width:300px;width:100%;margin:20px auto;background:none;padding:0;background:#28ac66;padding:20px 12px;text-align:center;color:#fff;font-size:15px;font-weight:400;display:block;}

section.login input{max-width:450px;width:100%;background:#f2f2f2;padding:10px;box-shadow: none;outline: none;border:none;margin-top:15px;}
section.login input[type="checkbox"]{width:auto;margin-right:10px;}
section.login h3{font-size:24px;margin-top:30px;}
section.login p{max-width:450px;width:100%;margin: 10px auto;line-height:1.5;text-align:left;}

section.login a{color:#ec6800;line-height:1.5;}

section.login dl{max-width:680px;display:flex;flex-wrap:wrap;text-align:left;margin:10px auto;padding:20px;background:#fff;align-items: center;}
section.login dl dt{width:30%;padding15px 15px;}
section.login dl dd{width:70%;padding:15px 15px;}
section.login dl dd input{width:100%;margin-top:0;}
section.login dl dd textarea{width:100%;background:#f2f2f2;margin-top:5px;padding:10px;box-shadow: none;outline: none;border:none;height:130px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// mypage
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.mypage{background:#f2f2f2;padding:147px 15px 40px;}

section.mypage a{color:#ec6800;}

section.mypage ul.paging{width:100%;display:flex;justify-content: center;align-items: center;margin:20px auto;}
section.mypage ul.paging li{width:auto;margin:5px;text-align:center;}
section.mypage ul.paging li a{background:#ec6800;color:#fff;padding:10px 15px;width:100%;display:block;}
section.mypage ul.paging li a:hover{background:#fff;color:#ec6800;}

section.mypage div.mypage_con{max-width:1000px;margin:0 auto;background:#fff;padding:40px;display:flex;flex-wrap:wrap;}


section.mypage div.mypage_con nav{width:20%;color:#000;min-width:145px;}
section.mypage div.mypage_con nav h4{font-size:16px;}

section.mypage div.mypage_con nav ul{margin-top:40px;}
section.mypage div.mypage_con nav ul li{margin-bottom:15px;position:relative;padding-left:20px;}
section.mypage div.mypage_con nav ul li:before{position:absolute;content:">";left:0;top:0;}
section.mypage div.mypage_con nav ul li:hover{opacity:0.6;}

section.mypage div.mypage_con div.mypage_right{width:100%;margin:0 auto;}

section.mypage div.mypage_con div.mypage_right div.pdf_manual{width:250px;margin:10px 0 15px auto;}
section.mypage div.mypage_con div.mypage_right div.pdf_manual a{width:100%;padding:15px 20px;text-align:center;background:#ec6800;color:#fff;font-weight:bold;display:block;}

section.mypage div.mypage_con div.mypage_right h4{font-size:20px;border-bottom:1px solid #999;padding-bottom:15px;margin-bottom:30px;color:#000;}
section.mypage div.mypage_con div.mypage_right h4 span{font-size:13px;}

ul.class_detail span.require{font-size:13px;padding:5px;color:#db0f2f;}
ul.class_detail span.att_detail{font-size:13px;padding:5px;color:#db0f2f;display:block;}

section.mypage div.mypage_con div.mypage_right dl{border-bottom:1px solid #999;padding-bottom:15px;margin-bottom:30px;display:flex;flex-wrap:wrap;color: #000;align-items: center;}

section.mypage div.mypage_con div.mypage_right dl dt{width:25%;padding-bottom:15px;min-width:144px;}
section.mypage div.mypage_con div.mypage_right dl dd{width:75%;padding-bottom:15px;line-height:1.3;}
section.mypage div.mypage_con div.mypage_right dl.rc_btn_group dd{display:flex;flex-wrap:wrap;padding-bottom:0;}
section.mypage div.mypage_con div.mypage_right dl dd span.invalid-feedback{color:#ff0000;}

span.invalid-feedback ul{border:3px solid #ff0000;padding:15px;margin:10px auto;}
span.invalid-feedback ul li{color:#ff0000;font-weight:bold;font-size:16px;position:relative;margin:8px 0;padding-left:24px;}
span.invalid-feedback ul li:before{position:absolute;content:"※";left:0;top:0;}

span.invalid-feedback div.message{background:#ec6800;color:#fff;padding:20px 25px;margin:10px auto;font-weight:bold;font-size:18px;}



section.mypage div.mypage_con div.mypage_right dl dd img{max-width:100%;}

section.mypage div.right_con{width:46%;margin:0 2% 2%;background:none;padding:0;}

section.mypage .btn_dobule{display:flex;}
section.mypage .btn{width:46%;margin:0 2% 2%;background:none;padding:0;}
section.mypage .btn a{background:#28ac66;padding:20px 12px;text-align:center;color:#fff;font-size:15px;font-weight:400;display:block;}

section.mypage button.btn{width:46%;margin:0 2% 2%;background:none;background:#28ac66;padding:16px 12px;text-align:center;color:#fff;font-size:15px;font-weight:400;display:block;}

section.mypage button.btn_delete{background:#e54848;}
section.mypage button.btn_center{width:46%;margin:5px auto;}

section.mypage .btn_center{width:46%;margin:5px auto;}

section.mypage .btn_teikei{width:100%;margin:10px 0 0;background:none;padding:0;}
section.mypage .btn_teikei a{background:#28ac66;padding:20px 12px;text-align:center;color:#fff;font-size:15px;font-weight:400;display:block;}

section.mypage .btn_back{max-width:90%;width:300px;margin:40px auto 0;}
section.mypage .btn_back a{background:#999;}

section.mypage .btn_edit{width:100%;margin:0;background:none;padding:0;}
section.mypage .btn_edit a{background:#28ac66;padding:10px 5px;text-align:center;color:#fff;font-size:12px;font-weight:400;display:block;}
section.mypage .btn_edit:hover{opacity:0.7;}

section.mypage .btn_delete{width:100%;margin:0;background:none;padding:0;}
section.mypage .btn_delete a{background:#e54848;padding:10px 5px;text-align:center;color:#fff;font-size:12px;font-weight:400;display:block;}
section.mypage .btn_delete:hover{opacity:0.7;}

section.mypage ul.searcharea{display:flex;flex-wrap:wrap;}
section.mypage ul.searcharea li{width:50%;padding:10px 15px;}
section.mypage input[type=checkbox]{width:auto;margin:5px 2px 5px 10px;}
section.mypage input[type=radio]{width:auto;margin:5px 2px 5px 10px;color:#000;}

section.mypage input{width:100%;background:#f2f2f2;margin-top:5px;padding:10px;box-shadow: none;outline: none;border:none;}
section.mypage textarea{width:100%;background:#f2f2f2;margin-top:5px;padding:10px;box-shadow: none;outline: none;border:none;height:130px;}
section.mypage .nicEdit-main {width:100%!important;height: 150px;}
section.mypage li.teacher_detail{display:none;}
section.mypage li.program_detail{display:none;}

section.mypage div.flexbox{display:flex;flex-wrap:wrap;}

section.mypage ul.class_detail{display:flex;flex-wrap:wrap;}
section.mypage li{width:100%;}
section.mypage li.short{width:50%;padding-right:10px;}
section.mypage ul.class_detail h5{font-size:16px;}
section.mypage ul.class_detail li{margin-bottom:10px;border-bottom:1px dotted #ccc;padding:10px;}
section.mypage ul.class_detail li img{max-width:100%;}
section.mypage ul.class_detail li input.s_middle{width:80%;}
section.mypage ul.class_detail li input.s_short{width:280px;}

.lite-editor, .lite-editor-source{height:180px;}
ul.attention strong{color:#db0f2f;}

section.mypage ul.member_tab{display:flex;margin-top:8px;}
section.mypage ul.member_tab li{width:25%;padding:10px;border:1px solid #ccc;text-align:center;border-radius:5px 5px 0 0;background:#f2f2f2;margin-bottom:0px;}
section.mypage ul.member_tab li:hover,section.mypage ul.member_tab li.is-active{background:#fff;border-bottom:none;}

section.mypage ul.member_con{border:1px solid #ccc;border-top:none;padding:10px;}
section.mypage ul.member_con li{width:100%;}
section.mypage ul.member_con li h6{margin:15px 0 0;}

section.mypage ul.teacher_tab{display:flex;margin-top:8px;}
section.mypage ul.teacher_tab li{width:10%;padding:10px;border:1px solid #ccc;text-align:center;border-radius:5px 5px 0 0;background:#f2f2f2;margin-bottom:0px;}
section.mypage ul.teacher_tab li:hover,section.mypage ul.teacher_tab li.is-active{background:#fff;border-bottom:none;}

section.mypage ul.teacher_con{border:1px solid #ccc;border-top:none;padding:10px;}
section.mypage ul.teacher_con li{width:100%;}
section.mypage ul.teacher_con li h6{margin:15px 0 0;}

section.mypage ul.program_tab{display:flex;margin-top:8px;}
section.mypage ul.program_tab li{width:12.5%;padding:10px;border:1px solid #ccc;text-align:center;border-radius:5px 5px 0 0;background:#f2f2f2;margin-bottom:0px;}
section.mypage ul.program_tab li:hover,section.mypage ul.program_tab li.is-active{background:#fff;border-bottom:none;}

section.mypage ul.program_con{border:1px solid #ccc;border-top:none;padding:10px;}
section.mypage ul.program_con li{width:100%;}
section.mypage ul.program_con li h6{margin:15px 0 0;}



section.mypage select{width:100%;background:#f2f2f2;margin-top:5px;padding:10px;text-overflow: ellipsis;box-shadow: none;-webkit-appearance: none;appearance: none;outline: none;border-radius:0;border:none;}

section.mypage label.status select{min-width:150px;}
section.mypage label.con_title select{min-width:400px; padding-right:30px;}
section.mypage select::-ms-expand {display: none;}
section.mypage label.select{position:relative;display: block;}
section.mypage label.select:after{position:absolute;right:0;top:18px;width:24px;height:24px;background-size:100%;content:"▼";display:block;pointer-events: none;font-size:11px;}

section.mypage view_cnt

section.mypage hr{margin:50px auto;width:100%;border:1px solid;}
section.mypage table{width:100%;margin-top:30px;}
section.mypage .row-head {border-collapse: collapse;vertical-align: middle;width: 100%;}
section.mypage table a{color:#ec6800;}
section.mypage .row-head th,
section.mypage .row-head td {border: 1px solid #dbe1e8;  padding: 12px 5px;text-align:center;line-height:1.5;font-size:13px;color:#000;}
 
section.mypage .row-head th {background: #f2f2f2;}
 section.mypage .class_apply td{text-align:left;}
 
section.mypage .row-head label {line-height: 1.3;margin: 0;}
 
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// class detail
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.mypage li.teacher_con{}
section.mypage li.teacher_con .btn_teacher{width:100px;float:left;}
section.mypage li.teacher_con div.active{width:100%;}
section.mypage li.teacher_con div.teacher_add{display:none;}

section.mypage p.commission_att{position:relative;cursor:pointer;background:#ec6800;padding:10px 20px 10px 10px;text-align:center;color:#fff;width:200px;font-weight:bold;}
section.mypage p.commission_att:after{position:absolute;content:"→";right:5px;top:10px;font-weight:bold;}
section.mypage p.active:after{position:absolute;content:"↑";right:5px;top:10px;font-weight:bold;}
section.mypage ul.commission_exp{display:none;border:1px solid #ccc;padding:15px;}

section.mypage dl.commission_sum{margin-top:20px;}
section.mypage dl.commission_sum input[type=text]{width:35px;margin:0 10px;}
section.mypage dl.commission_sum input[type=text].subcon{width:130px;}

section.mypage table.tbl_sum input{width:130px;margin-right:10px;}

section.mypage input.error{background:#FFCCCC;}
section.mypage span.name{font-size:16px;font-weight:bold;color:#db0f2f;padding:5px;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// order
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

section.mypage table.row-head_order{width:100%;margin-top:30px;}
section.mypage .row-head_order{border-collapse: collapse;vertical-align: middle;width: 100%;}
section.mypage table.row-head_order a{color:#ec6800;}
section.mypage .row-head_order th,
section.mypage .row-head_order td {border: 1px solid #dbe1e8;  padding: 12px 5px;text-align:center;line-height:1.5;font-size:13px;color:#000;}
 
section.mypage .row-head_order th {background: #f2f2f2;}
 
section.mypage .row-head_order label {line-height: 1.3;margin: 0;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// order detail
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

ul.order_detail{display:flex;flex-wrap:wrap;max-width:920px;}
ul.order_detail li{width:48%;margin:1%;font-size:14px;}
ul.order_detail li h3{font-size:16px;font-weight:bold;}
ul.order_detail li h5{font-size:16px;font-weight:bold;margin-top:5px;}
ul.order_detail li p{line-height:1.5;}

section.mypage table.order_class{margin:0 auto;}
table.order_class th{background:#ccc;padding:10px 20px;border:1px solid #fff;}
table.order_class td{padding:10px 10px;border:1px dotted #ccc;}
table.order_class tr.sum td{background:#ccc;padding:15px 20px;border:1px solid #fff;}
section.mypage .btn_order{margin:20px auto;}