@charset "utf-8";
@media screen and (min-width: 961px) {
#pageTitle{background:url(../img/school/pagetitle.jpg) no-repeat center center}
#pageTitle h1{background:url(../img/school/title.png) no-repeat center;width:162px;height:80px;text-indent:-9999em;margin:0 auto;padding:260px 0 0}
#pageTitle.online {background:url(../img/online/pagetitle_online.jpg) no-repeat center right}
#pageTitle.online h1 {background:url(../img/online/title_online.png) no-repeat center;width:270px;height:80px;text-indent:-9999em;margin:0 auto;padding:260px 0 0}
.step01{margin:50px 0 100px}
.step01 li h4{font-size:216%;color:#513F33;margin:0 0 20px}
.step01 li p{margin:0 0 50px}
.step01 li.first h4{background:url(../img/school/top/li_step1.gif) no-repeat 0 0;padding:18px 0 12px 80px}
.step01 li.second h4{background:url(../img/school/top/li_step2.gif) no-repeat 0 0;padding:18px 0 12px 80px}
.step01 li.third h4{background:url(../img/school/top/li_step3.gif) no-repeat 0 0;padding:18px 0 12px 80px}
.step01 li.fourth h4{background:url(../img/school/top/li_step4.gif) no-repeat 0 0;padding:18px 0 12px 80px}
.step01 li.fifth h4{background:url(../img/school/top/li_step5.gif) no-repeat 0 0;padding:18px 0 12px 80px}
.step01 li.sixth h4{background:url(../img/school/top/li_step6.png) no-repeat 0 0;padding:18px 0 12px 80px}
.courseList{margin:0 0 100px}
.courseList article{background:#F0EFE9;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 30px;overflow:hidden;padding:20px 0 0}
.courseList article img{float:left;margin:0 0 20px 20px}
.courseList article .inner{width:590px;float:right;margin:0 20px 20px 0}
.courseList article .inner p{margin:0}
.courseList article h5,.courseList article h6{color:#513F33}
.courseList article h5{font-size:182%}
.courseList article h6{padding:5px 0 0;font-weight:700}
.courseList article h6,.courseList article p{font-size:116%}
.courseList article header{border-bottom:1px solid #645244;padding:0 0 15px;margin:0 0 20px}
.courseList article a{background:#948579;font-size:116%;font-weight:700;color:#FFF;display:block;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;text-align:center;clear:both;margin-top: 20px;}
.courseList article a:hover{text-decoration:none;opacity:.8}
.staffList{overflow:hidden}
.staffList article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;width:277px;float:left;margin:0 0 50px 19px;text-align:center;padding:20px 0 0}
.staffList .tiles article:nth-child(3n+1){margin-left: 0;}
.staffList article:first-of-type{margin-left:0}
.staffList article img{display:block;margin:0 auto 25px}
.staffList article span{display:block;margin:0 20px;text-align:left}
.staffList article span:lang(ja){color:#513F33;font-size:182%}
.staffList article span:lang(en){border-bottom:1px solid #645244;color:#523E32;font-weight:700;font-size:116%;padding:2px 0 12px}
.staffList article p{font-size:116%;padding:15px 20px 20px;margin:0;text-align:left}
.studentList article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 30px;overflow:hidden;padding:30px 0 0}
.studentList article:first-of-type{margin-top:50px}
.studentList article:last-of-type{margin-bottom:100px}
.studentList article h3{color:#513F33;font-size:182%;border-bottom:1px solid #645244;padding:0 0 10px;margin:0 0 30px}
.studentList article figure{float:left;margin:0 0 30px 30px;width:180px}
.studentList article figcaption{color:#523E32;font-weight:700;text-align:center;font-size:116%;padding:15px 0 0}
.studentList article .inner{width:590px;float:right;margin:0 30px 0 0}
.studentList article a{background:#948579;font-size:116%;font-weight:700;color:#FFF;display:block;padding:10px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;text-align:center;clear:both}
.studentList article a:hover{text-decoration:none;opacity:.8}
.studentList article .inner a{display:inline;color:#EA7300;font-weight:400;background:none;padding:0;font-size:100%;text-decoration:underline}
.studentList article .inner a:hover{text-decoration:none}
.applyPage p a{text-decoration:underline}
.applyPage p a:hover{text-decoration:none}
.applyPage table{border-top:1px solid #958579;border-left:1px solid #958579;margin:0 0 30px;line-height:1.8em}
.applyPage table th,.applyPage table td{border-right:1px solid #958579;border-bottom:1px solid #958579;font-size:116%;padding:15px 30px;font-size:116%;color:#523E32}
.applyPage thead th,.applyPage tbody th{background:#F0EFE9;font-weight:700;text-align:center}
.applyPage table.case2 td{text-align:center}
.applyPage table td .otoku{font-weight:400;color:red}
.applicationFlow{margin:0 0 100px}
.applicationFlow ol{color:#523E32;border-bottom:1px dotted #645244}
.applicationFlow ol li{padding:0 0 10px 200px}
.applicationFlow ol li:nth-of-type(1){background:url(../img/school/application/li_step1.png) no-repeat 0 0}
.applicationFlow ol li:nth-of-type(2){background:url(../img/school/application/li_step2.png) no-repeat 0 0}
.applicationFlow ol li:nth-of-type(3){background:url(../img/school/application/li_step3.png) no-repeat 0 0}
.applicationFlow ol li h5{font-size:138.5%;font-weight:700;margin:0 0 20px;padding:5px 0 0}
.applicationFlow ol li figure {float: right;margin-left: 20px;}
.applyPage .btn a:before{content:"";background:url(../img/common/ft_arrow.png) no-repeat 0;padding:10px}
.applyPage .btn a{color:#523E32;text-decoration:underline;cursor: pointer;}
.applyPage .btn a:hover{text-decoration:none}
table.w100p{width:99%}
.payment ul{color:#523E32;line-height:1.8em}
.payment .esterisk li:before{content:"\00203b"}
.applyPage ul.list{margin:0 0 50px;padding:0 0 0 15px;color:#523E32;line-height:1.8em}
.applyPage ul.list li{font-size:116%}
.applyPage ul.list li:before{content:"\0030fb";margin-left:-15px}
.applyPage ul.list .esterisk{font-size:85%}
.lessonList article{background:#F0EFE9;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 30px;overflow:hidden;padding:20px 0 0;position:relative}
.lessonList article .img{float:left;width:220px;margin:0 0 20px 20px}
.lessonList article .img ul{display: block;margin: 10px 0 0;overflow: hidden;}
.lessonList article .img ul li{float:left;width:66px;height: 44px;margin:0 0 11px 11px; display: block;box-sizing: border-box;background-size: cover;}
.lessonList article .img ul li:nth-child(3n+1){margin-left: 0;}
.lessonList article .img ul li img {opacity: 0;}
.lessonList article .inner{width:590px;float:right;margin:0 20px 20px 0}
.lessonList article .inner p.btn a:before{content:"";background:url(../img/common/ft_arrow.png) no-repeat 0;padding:10px}
.lessonList article .inner p.btn a{color:#523E32;text-decoration:underline;cursor: pointer;}
.lessonList article .inner p.btn a:hover{text-decoration:none}
.lessonList article .inner dl{font-size:116%;line-height:1.8em;color:#513F33}
.lessonList article .inner dl.info{padding:0 0 20px}
.lessonList article .inner dl.check{border-top:1px dotted #523F32;padding:30px 0 0}
.lessonList article .inner dl.date{padding:0}
.lessonList article .inner dl dt{font-weight:700}
.lessonList article .inner dl dd{padding:0 0 20px}
.lessonList article h5,.lessonList article h6{color:#513F33}
.lessonList article h5{font-size:182%}
.lessonList article h6{padding:5px 0 0;font-weight:700}
.lessonList article h6,.lessonList article p{font-size:116%}
.lessonList article header{border-bottom:1px solid #645244;padding:0 0 15px;margin:0 0 20px}
.lessonList article header span,.lessonList article header time{display:block;color:#513F33;font-size:116%;font-weight:700;padding:0 0 5px}
.lessonList article .icons {padding-bottom: 20px;}
.lessonList article p a{text-decoration:underline}
.lessonList article p a:hover{text-decoration:none}
.hidden p{padding:0 0 40px!important}
.check{margin-bottom:-20px}
.check li{clear:both;margin:5px 0 10px}
.check li span.evs {display: inline-block;margin-left: 10px;}
.check a {text-decoration: underline;}
.check a.wpfp-link,.lessonList article .inner dl.date a{background:#948579;color:#FFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:0 5px;font-size:12px;float:right;cursor: pointer;text-decoration: none;}
.check a.detail {background:#58BE89;color:#FFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:0 5px;font-size:12px;cursor: pointer;text-decoration: none;display: inline-block;padding: 0 10px;margin-left: 5px;}
.check a.wpfp-link.remove {background:#F0EFE9;color:#513F33;border:1px solid #948579;}
.check a:hover,.lessonList article .inner dl.date a:hover{text-decoration:none;opacity:.8}
.lessonList .look{background:#948579;font-size:116%;font-weight:700;color:#FFF;display:block;padding:15px 0 25px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;text-align:center;clear:both;width:100%;margin:0 0 -30px -260px;width:870px;line-height:1.8em;cursor:pointer}
.lessonList .look:hover{text-decoration:none;opacity:.8}
.lessonList .look.active{padding:0 0 28px}
.lessonList .look.active span{font-size:0!important;height:1px!important;opacity:0;}
.lessonList .look.active span:after{content:"↑閉じる";font-size:15px!important;display:block;text-ailgn:center;font-size:116%;font-weight:700;color:#FFF;position:relative;}
.entryBtn{padding:0 0 100px;line-height:1}
.entryBtn a{background:#948579;color:#FFF;text-align:center;font-weight:700;font-size:108%;padding:20px 25px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;display:block;text-decoration:none!important}
.entryBtn a:hover{text-decoration:none;opacity:.8}
#calendar article {margin-top: 30px;}
.classCalendar{margin:0 0 100px}
.classCalendar header{background:#F7EFA4;color:#3B3324;width:230px;text-align:center;font-size:138.5%;font-weight:700;padding:5px 0;margin:0 0 20px}
.classCalendar table{border-top:1px solid #958578;border-left:1px solid #958578;width:100%}
.classCalendar table th,.classCalendar table td{padding:15px 10px;width:14%;border-right:1px solid #958578;border-bottom:1px solid #958578}
.classCalendar table thead th{background:#F0EFE9;font-size:116%;text-align:center;color:#3B3324;font-weight:700}
.classCalendar table tbody td{vertical-align:top;height:80px}
.classCalendar table thead th.sat{background:#88D6DC}
.classCalendar table thead th.sun{background:#FFA6B3}
.classCalendar table tbody td.sat{background:#CBEDEF}
.classCalendar table tbody td.sun{background:#FDDCE0}
.classCalendar span.date{color:#3B3324;font-weight:700;font-size:116%;display:block;text-align:center}
.classCalendar .event{border-top:1px dotted #3C3324;margin:15px 0 0;padding:10px 0 0}
.classCalendar time{color:red;font-weight:700;text-align: center;}
.classCalendar time img{margin-right:5px;position:relative;top:3px;display: block;margin-bottom: 5px;margin: 0 auto 5px;}
.classCalendar time,.classCalendar .ottl,.classCalendar .rttl{display:block;margin:0 0 10px}
.classCalendar .ottl{font-size:93%;font-weight:700}
.classCalendar .rttl{font-size:93%}
.classCalendar .ico img{margin:0 1px 6px}
.classCalendar .rttl a{text-decoration:underline}
.classCalendar .rttl a:hover{text-decoration:none}
.classCalendar .status{font-size:93%;color:#FFF;display:block;padding:3px 0;text-align:center}
.classCalendar .status.empty{background:#33A0C6}
.classCalendar .status.wanted{background:#FF7F00}
.classCalendar ul.calendarNav {display: block;overflow: hidden;clear: both;margin: 20px 0;}
.classCalendar ul.calendarNav li{display: block;font-size: 120%;color:#513F33;font-weight: 700;position: relative;}
.classCalendar ul.calendarNav li.first{float:left}
.classCalendar ul.calendarNav li.second{float:right}
.classCalendar ul.calendarNav li.first a {padding-left: 30px;}
.classCalendar ul.calendarNav li.second a {padding-right: 30px;}
.classCalendar ul.calendarNav li.first a:before{content:'◀';position: absolute;left:0;}
.classCalendar ul.calendarNav li.second a:before{content:'▶';position: absolute;right:0;}
.classCalendar ul.calendarMonth {display: block;text-align: right;}
.classCalendar ul.calendarMonth li {display: inline-block;color: #46ACB7;font-size: 150%;line-height: 1.5em;}
.classCalendar ul.calendarMonth li a {color: #46ACB7;}
.classCalendar ul.calendarMonth li:before {content: '/';padding: 0 15px;}
.classCalendar ul.calendarMonth li.first:before {content: '';}
.classPoint{overflow:hidden;margin:0 0 50px}
.classPoint li{border:1px solid #948579;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;width:420px;margin:0 0 30px}
.classPoint li:nth-of-type(1){background:url(../img/school/class02/ico_no1.gif) no-repeat 20px 10px;float:left}
.classPoint li:nth-of-type(2){background:url(../img/school/class02/ico_no2.gif) no-repeat 20px 10px;float:right}
.classPoint li:nth-of-type(3){background:url(../img/school/class02/ico_no3.gif) no-repeat 20px 10px;float:left}
.classPoint li:nth-of-type(4){background:url(../img/school/class02/ico_no4.gif) no-repeat 20px 10px;float:right}
.classPoint li h3{border-bottom:1px solid #645244;margin:0 20px 20px;padding:15px 0 20px 125px;font-size:138.5%;color:#513F33;line-height:1.8em}
.classPoint li p{margin:0 20px 20px}
.classSummary{background:#F8F6EF;padding:0 20px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;color:#3C3324;font-size:116%;line-height:1.8em;margin:0 0 100px}
.classSummary dt{width:100px;padding:10px 0;float:left;clear:both;font-weight:700}
.classSummary dd{width:700px;padding:10px 0 10px 120px;border-bottom:1px solid #3C3324}
.classSummary dd:last-child{border:none}
.classSummary dt:after{content:":";float:right}
#classCurriculum{border:1px solid #46AEB7;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:20px 20px 0;background:url(../img/school/class02/img_step.gif) no-repeat right 20px top 20px;margin:0 0 50px}
#classCurriculumStep{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:20px 0;font-size:116%;color:#523E32;margin:0 0 100px}
#classCurriculumStep article{width:263px;float:left;margin:0 0 20px 20px}
#classCurriculumStep article header{font-weight:700;color:#FFF;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;padding:8px 15px}
#classCurriculumStep article .menu{font-weight:700;padding:15px 0 15px 40px;line-height:1.8em}
#classCurriculumStep article .menu li:before{content:"\0025cf"}
#classCurriculumStep article dl{padding:20px}
#classCurriculumStep article dl dt{padding:0 0 5px}
#classCurriculumStep article dl dd{line-height:1.8em}
#classCurriculumStep article dl dd ul li{padding-left:18px}
#classCurriculumStep article dl dd ul li:before{content:"\0030fb";margin-left:-18px}
#classCurriculumStep article:nth-of-type(1) dl{border-top:5px solid #32B16C;padding-left:40px}
#classCurriculumStep article:nth-of-type(2) dl{border-top:5px solid #00B8EB}
#classCurriculumStep article:nth-of-type(3) dl{border-top:5px solid #0168B7}
#classCurriculumStep article:nth-of-type(4) dl{border-top:5px solid #E968A1}
#classCurriculumStep article:nth-of-type(5) dl{border-top:5px solid #DF5263}
#classCurriculumStep article:nth-of-type(6) dl{border-top:5px solid #F39800}
#classCurriculumStep article:nth-of-type(1) .menu,#classCurriculumStep article:nth-of-type(2) .menu{padding-left:80px}
#classCurriculumStep article:nth-of-type(1) header{background:#32B16C}
#classCurriculumStep article:nth-of-type(2) header{background:#00B8EB}
#classCurriculumStep article:nth-of-type(3) header{background:#0168B7}
#classCurriculumStep article:nth-of-type(4) header{background:#E968A1}
#classCurriculumStep article:nth-of-type(5) header{background:#DF5263}
#classCurriculumStep article:nth-of-type(6) header{background:#F39800}
#classCurriculumStep article:nth-of-type(1) dl{padding:20px 0 20px 70px}
#classCurriculumStep p:first-child{margin-bottom:30px}
#classCurriculumStep p{clear:both;padding:0 20px;font-size:93%;margin:0}
.coordinatorComment article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 30px;overflow:hidden;padding:30px 0 0}
.coordinatorComment article:first-of-type{margin-top:30px}
.coordinatorComment article:last-of-type{margin-bottom:100px}
.coordinatorComment article h3{color:#513F33;font-size:182%;border-bottom:1px solid #645244;padding:0 0 20px;margin:0 0 20px}
.coordinatorComment article img{float:left;margin:0 0 30px 30px;width:153px}
.coordinatorComment article figure{float:left;margin:0 0 30px 30px;width:178px}
.coordinatorComment article figure img{float:none;margin:0 0 20px;width:auto}
.coordinatorComment article figcaption{font-size:116%;font-weight:700;color:#523E32;text-align:center}
.coordinatorComment article figcaption span{display:block;margin:0 0 5px}
.coordinatorComment article .inner{width:590px;float:right;margin:0 20px 0 0}
.coordinatorComment article .inner a{display:inline;color:#EA7300;font-weight:400;background:none;padding:0;font-size:100%}
.studentComment article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 30px;overflow:hidden;padding:30px 0 0}
.studentComment article:first-of-type{margin-top:30px}
.studentComment article h3{color:#513F33;font-size:182%;border-bottom:1px solid #645244;padding:0 0 20px;margin:0 0 20px}
.studentComment article img{float:left;margin:0 0 30px 30px;width:153px}
.studentComment article figure{float:left;margin:0 0 30px 30px;width:178px}
.studentComment article figure img{float:none;margin:0 0 20px;width:auto}
.studentComment article figcaption{font-size:116%;font-weight:700;color:#523E32;text-align:center}
.studentComment article figcaption span{display:block;margin:0 0 5px}
.studentComment article .inner{width:590px;float:right;margin:0 20px 0 0}
.studentComment article .inner a{display:inline;color:#EA7300;font-weight:400;background:none;padding:0;font-size:100%}
.classPage a{text-decoration:underline}
.classPage a:hover{text-decoration:none}
.important{color:red}
.relateClass{margin:0 0 100px}
.relateClass dt{color:#FFF;background:#DF5263;font-size:116%;font-weight:700;padding:5px 10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;width:520px;margin:0 0 20px}
.classFlow{margin:0 0 50px;overflow:hidden}
.classFlow img{margin:20px 0 50px}
.classFlow dl{color:#523E32;overflow:hidden;padding:20px 0 0;width:490px}
.classFlow dl dt{font-size:182%;width:170px;float:left}
.classFlow dl dd{padding:0 0 0 170px;font-weight:700}
.classFlow dl dd li{font-size:116%;line-height:1.8em;background:url(../img/school/flow/arrow.png) no-repeat left 35px bottom 10px;padding:0 0 30px;font-weight:700}
.classFlow dl dd li:last-child{background:none;padding:0}
.classFlow dl dd span{font-weight:400}
.voiceGraph{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:50px 0 100px;padding:0 0 20px}
.voiceGraph ul{padding:0 30px 60px;overflow:hidden}
.voiceGraph ul li{font-size:182%;color:#523E32;text-align:center;width:50%;float:left;padding:60px 0 0}
.voiceGraph ul li img{display:block;margin:30px auto 0}
.voiceGraph .comment{margin:0 20px;background:#FFF;padding:20px;overflow:hidden}
.voiceGraph .comment figure{width:130px;float:left;margin:0 20px 0 0;color:#523E32;font-weight:700;font-size:116%}
.voiceGraph .comment figcaption{padding:10px 0;text-align:center}
.studentVoiceList{margin:0 0 100px}
.studentVoiceList article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 30px;overflow:hidden;padding:20px 0 0;position:relative}
.studentVoiceList article figure{float:left;width:180px;margin:0 0 20px 20px}
.studentVoiceList article figcaption{font-size:116%;color:#523E32;font-weight:700;text-align:center;padding:20px 0;line-height:2em}
.studentVoiceList article figcaption span {display: block;font-size: 90%;font-weight: normal;line-height:1.4em}
.studentVoiceList article .inner{width:590px;float:right;margin:0 20px 20px 0}
.studentVoiceList article .hidden p{font-size:116%;padding:0!important}
.studentVoiceList article header{border-bottom:1px solid #645244;padding:0 0 15px;margin:0 0 20px}
.studentVoiceList article header h5{font-size:182%;color:#513F33;line-height:1.8em}
.studentVoiceList article p a{text-decoration:underline}
.studentVoiceList article p a:hover{text-decoration:none}
.studentVoiceList article dl dt,.studentVoiceList dl dd {color: #523E32;font-size: 116%;line-height: 1.8em;}
.studentVoiceList article dl dt {font-weight: bold;}
.studentVoiceList article dl {margin: 0 0 30px;}
.studentVoiceList .look{background:#948579;font-size:116%;font-weight:700;color:#FFF;display:block;padding:15px 0 25px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;text-align:center;clear:both;width:100%;margin:0 0 -30px -260px;width:870px;line-height:1.8em;cursor:pointer}
.studentVoiceList .look:hover{text-decoration:none;opacity:.8}
.studentVoiceList .look.active{padding:0 0 28px}
.studentVoiceList .look.active span{font-size:0!important;height:1px!important;opacity:0;line-height:1}
.studentVoiceList .look.active span:after{content:"↑閉じる";font-size:15px!important;display:block;text-ailgn:center;font-size:116%;font-weight:700;color:#FFF;position:relative;top:-3px}
h3.kw {clear: both;color: #7C6F66;font-size: 182%;margin: 0 0 30px;line-height: 1.5em;position: relative;text-align: center;}    
h3.kw:before {position: absolute;bottom: 16px;z-index: 1;content: '';display: block; width: 100%;height: 1px;background-color: #7C6F66;}
h3.kw span {position: relative;z-index: 2;display: inline-block;padding: 0 50px 0 0;background-color: #fff;text-align: center;padding: 0 20px;}
h3.kw span img {width: 60px;height:60px;margin-right: 20px;}
h3.kw.beginner span img {width: 60px;height:60px;margin-left: 20px;margin-right: 0;}
.itemList{overflow:hidden}
.itemList p {margin-bottom: 0;}
.itemList article{width:420px;background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:20px 0;margin:0 0 30px;line-height:1.8em}
.itemList article img{display:block;margin:0 auto}
.itemList article header{padding:20px 0;border-bottom:1px solid #523E32;margin:0 20px 20px;font-size:116%}
.itemList article header h5{color:#523E32;font-weight:700}
.itemList article header h5 span {font-weight:normal;font-size: 0.8em;}
.itemList article header h5 span.maker {display: block;font-size: 1em;}
.itemList article header h5 strong{display: block;font-weight: 700;}
.itemList article header .price{color:#523E32;display:block;padding:5px 0}
.itemList article header .price2{color:red;display:block;font-weight:700}
.itemList article .description,.itemList article .btn,.itemList article .spec{padding:0 20px}
.itemList article .spec{font-size:116%;border-top:1px dotted #523F32;border-bottom:1px dotted #523F32;margin:0 20px;padding:20px 0}
.itemList article .price2 {font-size: 0.8em;}
.itemList .inner article:nth-child(odd){float:left;clear:both}
.itemList .inner article:nth-child(even){float:right}
.itemList article .btn{padding:20px 20px 0}
.itemList article .btn a{display:block;color:#FFF;background:#93857A;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:10px 0;font-size:116%;font-weight:700;text-align:center}
.itemList article .btn a:hover{text-decoration:none;opacity:.8}
.menuboardList{overflow:hidden;margin:0 0 100px;}
.menuboardList .flex-menu-board {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.menuboardList article {
	margin: 15px;
	width:380px;
	background:#F8F6EF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 20px;
	line-height:1.8em;
	position: relative;
}
.menuboardList.school_lesson article {
	padding: 20px 20px 50px;
}
.menuboardList .inner article.tile2:nth-child(odd){float:left;clear:both}
.menuboardList .inner article.tile2:nth-child(even){float:right}

.menuboardList article h5{color:#513F33;font-size:138.5%;margin-top:20px;font-weight:700}
.menuboardList.school_lesson article h5{color:#513F33;font-size:138.5%;margin-top:0;margin-bottom:20px;font-weight:700}
.menuboardList article h5 span {display: block;font-size: 0.8em;} 
.menuboardList article figure {padding: 0 20px 20px;}
.menuboardList article figure.movie {
	padding-bottom: calc( calc( 100% - 40px ) * 0.5625 );
	position: relative;
	margin: 0 20px 50px;
}
.menuboardList article figure.img {
	padding-bottom: calc( calc( 100% - 40px ) * 0.5625 );
	position: relative;
	margin: 0 20px 50px;
	background-repeat: no-repeat;
	background-size: cover;
}
.menuboardList article p {padding: 0 20px 20px;margin: 0;}
.menuboardList article ul{font-size:116%;padding:0 20px 20px}
.menuboardList article ul li{padding-left:16px;color:#513F33;line-height:1.8em}
.menuboardList article ul li:before{content:"\0025cf";color:#513F33;margin-left:-16px}
.menuboardList article .btn{margin:0;padding: 0;position: absolute;width: 100%;bottom: 0;left: 0;}
.menuboardList article .btn a{-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;text-align:center;background:#948579;color:#FFF;font-weight:700;padding:10px 0;display:block;width:100%;}
.menuboardList article .btn a:hover{text-decoration:none;opacity:.8}
.faqMenu{font-size:116%;color:#523E32;padding:30px 0 50px;border-bottom:1px dotted #645244}
.faqMenu li{padding:0 0 0 25px;line-height:1.8em}
.faqMenu li:before{content:"\0051";font-weight:700;margin-left:-25px;margin-right:5px}
.faqMenu li a{text-decoration:underline}
.faqMenu li a:hover{text-decoration:none}
.faqList{margin:0 0 100px}
.faqList article{border-bottom:1px dotted #645244;padding:50px 0 20px}
.faqList article h4,.faqList article h5{font-size:138.5%;font-weight:700;line-height:1.8em;padding:0 0 0 20px}
.faqList article h4{color:#523E32}
.faqList article h4:before{content:"\0051";margin:0 10px 0 -20px}
.faqList article h5{color:#46ACB7;margin:0 0 20px}
.faqList article h5:before{content:"\0041";margin:0 10px 0 -20px}
.faqList article .notice p{color:red}
.marugotoHead{padding:0 0 150px;overflow:hidden;background:url(../img/school/marugoto/line01.gif) no-repeat center bottom;margin:0 0 50px}
.marugotoHead h3{color:#46ACB7;font-size:182%;text-align:center;line-height:1.8em;padding:0 0 50px}
.marugotoHead ul li{width:419px;border:3px solid #46ACB7;margin:0 0 20px}
.marugotoHead ul li h4{color:#46ACB7;font-size:138.5%;padding:30px 10px 30px 75px}
.marugotoHead ul li p{padding:0 20px 20px;margin:0}
.marugotoHead ul li:nth-child(odd){float:left;clear:both}
.marugotoHead ul li:nth-child(even){float:right}
.marugotoHead ul li:nth-of-type(1) h4{background:url(../img/party/marugoto/ico_01.gif) no-repeat 20px}
.marugotoHead ul li:nth-of-type(2) h4{background:url(../img/party/marugoto/ico_02.gif) no-repeat 20px}
.marugotoHead ul li:nth-of-type(3) h4{background:url(../img/party/marugoto/ico_03.gif) no-repeat 20px}
.marugotoHead ul li:nth-of-type(4) h4{background:url(../img/party/marugoto/ico_04.gif) no-repeat 20px}
.marugotoHead ul li:nth-of-type(5) h4{background:url(../img/party/marugoto/ico_05.gif) no-repeat 20px}
.marugotoHead ul li:nth-of-type(6) h4{background:url(../img/party/marugoto/ico_06.gif) no-repeat 20px}
.partyTeacher{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:50px 0;overflow:hidden}
.partyTeacher figure {margin:30px;float:left}
.partyTeacher figure p.name {font-weight: bold;padding: 5px 0 0;text-align: center;}
.partyTeacher p{padding:50px 30px 30px 0}
.leadotherEvent{overflow:hidden;margin:0 0 100px}
.leadotherEvent li{position:relative;float:left;margin-left:15px}
.leadotherEvent li:first-child{margin:0}
.leadotherEvent li img{position:relative;z-index:0}
.leadotherEvent li dl{background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}
.leadotherEvent li a:hover dl{display:none}
.leadotherEvent li a{text-align:center;color:#fff}
.leadotherEvent li dl dt{font-size:138.5%;font-weight:700;padding:50px 0 30px}
.leadotherEvent li dl dd{font-size:116%}

/* Online */
.online + .online {
	margin-top: 150px;
}
.online.last {
	margin-bottom: 100px;
}
.ondemand-lessons.online {
	margin-bottom: 100px;
}
.online .content .box01 + .box01 {
	margin-top: 60px;
}
.online .content .box01 .ttl-comp01 {
	font-size: 34px;
	font-weight: bold;
}
.cts p.txt-style-01 {
	color: #614F44;
	text-align: center;
	line-height: 1.66;
	font-size: 26px;
	margin: 80px auto;	
}
.cts p.txt-style-02 {
	color: #F49909;
	text-align: center;
	line-height: 1.66;
	font-size: 26px;
	margin: 0 auto 30px;
}
.cts p.txt-style-02.mb0 {
	margin-bottom: 0;
}
.cts p.txt-style-02 span {
	display: inline;
	position: relative;
	padding: 0 10px 5px;
	z-index: 1;
	background:linear-gradient(transparent 60%, #FFEB00 60%);
}

.cts p.txt-style-03 {
	text-align: center;
	line-height: 1.66;
	font-size: 26px;
	margin: 80px auto;
}
.cts p.txt-style-03 span {
	display: inline-block;
	position: relative;
	padding: 0 60px;
}
.cts p.txt-style-03 span:before,
.cts p.txt-style-03 span:after {
	content:'';
	width: 2px;
	height: 70px;
	position: absolute;
}
.cts p.txt-style-03 span:before {
	transform: rotate(-45deg);
	left: 0;
	bottom:0;
}
.cts p.txt-style-03 span:after {
	transform: rotate(45deg);
	right: 0;
	bottom:0;
}

.feature-list-01 {
	display: flex;
	justify-content: space-between;
}
.feature-list-01 li {
	display: flex;
	flex-direction: column;
	width: 30%;
}
.feature-list-01 li figure {
	background: #F5F5F5;
	width: 197px;
	height: 197px;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
}
.feature-list-01 li figure img {
	width: 50%;
	height: auto;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.feature-list-01 li figure figcaption {
	position: absolute;
	bottom: 0;
	color: #614F44;
	font-size: 16px;
	font-weight: bold;
	left: 0;
	right: 0;
	margin: auto;
    text-align: center;
}
.feature-list-01 li p {
	margin-top: 30px;
}
.feature-list-02 {
	margin-top: 75px;
	display: flex;
	flex-direction: column;	
}
.feature-list-02 li {
	display: flex;
	justify-content: space-between;
}
.feature-list-02 li + li {
	margin-top: 75px;
}
.feature-list-02 li figure {
	width: 203px;
	margin-bottom: 0;
}
.feature-list-02 li div {
	width: calc( 100% - 250px );
}
.feature-list-02 li div h4 {
	color: #614F44;
	font-size: 20px;
	font-weight: bold;
	margin: 36px 0;
}
.feature-list-02 li div p {
	margin-bottom: 0;
}
.tab {
	display: flex;
	justify-content: center;
	margin: 100px auto;
}
.tab li {
	font-size: 32px;
	font-weight: bold;
	line-height: 2;
	padding: 0 60px;
	position: relative;
	cursor: pointer;
	color: #CCCCCC;
}
.tab li.active {
	color: #262626;
}
.tab li + li:before {
	content:'';
	width: 2px;
	height: 70px;
	position: absolute;
	background: #FCAF37;
	transform: rotate(30deg);
	left: 0;
}
.content-area .content:not(.show){
	visibility:hidden;
	height:0!important;
	overflow: hidden;
}
.bg-box {
	background: #FFFAF2;
	padding: 40px;
}
.bg-box p {
	margin-bottom: 0;
}
.features {
	margin-top: 130px;
}
.features ul {
	display: flex;
	flex-wrap: wrap;
}
.features ul li {
	width: 48%;
	padding: 24px;
	box-sizing: border-box;
}
.features ul li:nth-child(2n) {
	margin-left: 4%;
}
.features ul li:nth-child(n+3) {
	margin-top: 36px;
}
.features ul li h4 {
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	padding-left: 56px;
	position: relative;
	margin-bottom: 20px;
}
.features ul li h4 > span {
  display: flex;
  align-items: center;
  height: 50px;
}
.features ul li h4 span span {
  flex: 1;
}
.features ul li h4:before {
	width: 42px;
	height: 42px;
	content: '';
	background-repeat: no-repeat;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.features ul li h4:after {
	content: '';
	width: 30px;
	height: 30px;
	background-size: contain;
	position: absolute;
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
}
.features ul li:first-child h4:after {
	background-image: url('/img/online/num_one.png');
}
.features ul li:nth-child(2) h4:after {
	background-image: url('/img/online/num_two.png');
}
.features ul li:nth-child(3) h4:after {
	background-image: url('/img/online/num_three.png');
}
.features ul li:nth-child(4) h4:after {
	background-image: url('/img/online/num_four.png');
}
.feature-set-01 p.txt-style-03 {
	color: #FCAF37;
}
.feature-set-01  p.txt-style-03 span:before,
.feature-set-01  p.txt-style-03 span:after {
	background: #FCAF37;
}
.features.feature-set-01 ul li {
	background: #FFFAF2;
}
.features.feature-set-01 ul li h4 {
	color: #FCAF37;
}
.features.feature-set-01 ul li h4:before {
	background-color: #FCAF37;
}

.feature-set-02 p.txt-style-03 {
	color: #47ACB7;
}
.feature-set-02  p.txt-style-03 span:before,
.feature-set-02  p.txt-style-03 span:after {
	background: #47ACB7;
}
.features.feature-set-02 ul li {
	background: #F3F9FA
}
.features.feature-set-02 ul li h4 {
	color: #47ACB7;
}
.features.feature-set-02 ul li h4:before {
	background-color: #47ACB7;
}
.online .movie {
	text-align: center;
	margin-bottom: 95px;
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}
.online .movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.cts p.txt-style-04 {
	line-height: 1.66;
	font-size: 26px;
	font-weight: bold;
	background: #F8F5F0;
	color: #614F44;
	line-height: 2.2;
	padding: 0 50px;
	margin: 80px auto;
}
.cts p.txt-style-04 br {
	display: none;
}
.swiper-flow {
	width: 100%;
	overflow: hidden;
	padding: 0 30px;
	position: relative;
	box-sizing: border-box;
}
.swiper-flow:before {
	width: 30px;
	position: absolute;
	background: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 50;
	content: '';
}
.swiper-flow:after {
	width: 30px;
	position: absolute;
	background: #fff;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 50;
	content: '';
}
.swiper-flow .prev i {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	cursor: pointer;
}
.swiper-flow .next {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	cursor: pointer;
}
.swiper-flow .prev i,
.swiper-flow .next i {
	color: #F1EADF;
	font-size: 30px;
}
.swiper-flow ul li {
	box-sizing: border-box;
	padding: 17px 15px 0 67px;
}
.swiper-flow ul li .step-inner {
	padding: 80px 24px 10px;
	border: 3px solid #F1EADF;
}
.swiper-flow ul li .step-inner:before {
	content: '';
	width: 258px;
	height: 73px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.swiper-flow ul li.step1 .step-inner:before {
	background-image: url('/img/online/title01.png');
}
.swiper-flow ul li.step2 .step-inner:before {
	background-image: url('/img/online/title02.png');
}
.swiper-flow ul li.step3 .step-inner:before {
	background-image: url('/img/online/title03.png');
}
.swiper-flow ul li.step4 .step-inner:before {
	background-image: url('/img/online/title04.png');
}
.swiper-flow ul li.step5 .step-inner:before {
	background-image: url('/img/online/title05.png');
}
.swiper-flow ul li.step6 .step-inner:before {
	background-image: url('/img/online/title06.png');
}
.swiper-flow ul li.step7 .step-inner:before {
	background-image: url('/img/online/title07.png');
}
.swiper-flow ul li.step8 .step-inner:before {
	background-image: url('/img/online/title08.png');
}
.swiper-flow ul li.support .step-inner:before {
	background-image: url('/img/online/title_support.png');
}
.swiper-flow ul li.goal .step-inner:before {
	background-image: url('/img/online/title_goal.png');
}
.swiper-flow ul li figure {
	text-align: center;
	margin-bottom: 15px;
}
.swiper-flow ul li figure img {
	width: 80%;
	height: auto;
}
.swiper-flow ul li h4 {
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	margin-bottom: 30px;
}
.swiper-flow ul li p {
	margin-bottom: 0;
}
.swiper-flow ul li p span {
	background: linear-gradient(transparent 60%, #FFEB00 60%);
}
.subttl {
	color: #614F44;
	font-size: 30px;
	margin: 100px 0 50px;
	font-weight: bold;
}
.staff-box-01 {
	display: flex;
	justify-content: space-between;
}
.staff-box-01 figure {
	width: 430px;
}
.online .staff-box-01 .movie {
	padding-bottom: calc( 430px * .5625 );
	margin-bottom: 0;
}
.staff-box-01 + .staff-box-01 {
	margin-top: 30px;
}
.staff-box-01 figure img {
	width: 100%;
	height: auto;
}
.staff-box-01 .staff-profile {
	width: calc( 100% - 460px );
}
.staff-box-01 .staff-profile h5 {
	color: #6F5C50;
	font-size: 22px;
	margin-bottom: 24px;
	line-height: 1.66;
}
.staff-box-01 .staff-profile h5 span{
	display: block;
	font-size: 18px;
}
.staff-box-01 .staff-profile p {
	margin-bottom: 0;
}
.staff-box-02 {
	display: flex;
	flex-wrap: wrap;
}
.staff-box-02 .staff-profile {
	width: 49%;
}
.staff-box-02 .staff-profile:nth-child(2n) {
	margin-left: 2%;
}
.staff-box-02 .staff-profile figure {
	width: 100%;
}
.staff-box-02 .staff-profile figure.movie {
	margin-bottom: 30px;
}
.staff-box-02 .staff-profile h5 {
	color: #6F5C50;
	font-size: 20px;
	line-height: 1.66;
}
.staff-box-02 .staff-profile h5 span{
	display: block;
	font-size: 18px;
}
.ttl-comp01 {
	color: #6F5C50;
	font-size: 31px;
	margin-bottom: 40px;
}
.ondemand-lessons .ondemand-lesson {
	background: #F0EFE8;
	border-radius: 6px;
	padding: 40px 50px;
	color: #6F5C50;
}
.ondemand-lessons .ondemand-lesson p {
	color: #6F5C50;
}
.ondemand-lessons .ondemand-lesson h2 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 34px;
}
.ondemand-lessons .ondemand-lesson figure {
	width: 90%;
	margin: 0 auto 50px;
}
.ondemand-lessons .ondemand-lesson h4 {
    font-size: 116%;
    line-height: 1.8em;
    margin-top: 30px;
}
.ondemand-lessons .ondemand-lesson ul li {
    font-size: 116%;
    line-height: 1.8em;	
}
.ondemand-lessons .ondemand-lesson .price {
	margin-top: 50px;
	display: flex;
}
.ondemand-lessons .ondemand-lesson .price dt,
.ondemand-lessons .ondemand-lesson .price dd {
    font-size: 116%;	
}
.ondemand-lessons .ondemand-lesson .price .del {
	text-decoration: line-through;
	margin-right: 1em;
}
.ondemand-lessons .ondemand-lesson .price .true {
	font-weight: bold;
	color: #ff0000;
}
.ondemand-lessons .ondemand-lesson .buyBtn {
	margin-top: 30px;
}
.ondemand-lessons .ondemand-lesson .buyBtn a {
	width: 100%;
	background: #707070;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
	border: none;
	display: block;
	text-decoration: none;
}
.ondemand-lessons .ondemand-lesson .buyBtn a:hover {
	opacity: 0.8;
}
.ondemand-lessons .ondemand-lesson + .ondemand-lesson {
	margin-top: 65px;
}
.ondemand-lessons .ondemand-lesson .ondemand-lesson-terms {
	margin-top: 30px;
}
.ondemand-lessons .ondemand-lesson .ondemand-lesson-terms h3 {
    font-size: 138.5%;
    color: #523E32;
    padding: 20px 0;
    font-weight: 700;
    border-bottom: 1px solid #645244;
    text-align: left;
    margin-bottom: 20px;
}
.ondemand-lessons .ondemand-lesson .ondemand-lesson-terms dl dt,
.ondemand-lessons .ondemand-lesson .ondemand-lesson-terms dl dd {
    font-size: 116%;
    line-height: 1.8em;
    line-height: 1.66;
    color: #6F5C50;
}
.ondemand-lessons .ondemand-lesson .ondemand-lesson-terms dl dt {
	font-weight: bold;
}
.ondemand-lessons .ondemand-lesson .ondemand-lesson-terms dl + dl {
	margin-top: 1em;
}

.lessonList.liveLesson article .inner { 
	width:100%;
	box-sizing: border-box;
	float: none;
	margin: 0;
	overflow: hidden;
}
.lessonList.liveLesson article .inner .lessonDetail {
	padding: 20px 70px;
}
.lessonList.liveLesson article .inner h3 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 34px;
    color: #6F5C50;
}
.lessonList.liveLesson article .inner .online-class-gallery {
	width: 100%;
	margin-bottom: 50px;
}
.lessonList.liveLesson article .inner .online-class-gallery figure {
	width: 100%;
	padding-bottom: 56.25%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	margin-bottom: 0;
}
.lessonList.liveLesson article .inner .online-class-gallery figure iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}
.lessonList.liveLesson article .inner .online-class-gallery .slider-for {
	margin-bottom: 20px;
}
.lessonList.liveLesson article .inner .online-class-gallery .slider-nav .slick-track {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%!important;
}
.lessonList.liveLesson article .inner .online-class-gallery .slider-nav .slick-track .item {
	width: calc( calc( 100% - 80px ) / 5 )!important;
	margin-left: 20px;
}
.lessonList.liveLesson article .inner .online-class-gallery .slider-nav .slick-track .item:nth-child(5n+1) {
	margin-left: 0;
}
.lessonList.liveLesson article .inner .online-class-gallery .slider-nav .slick-track .item:nth-child(n+6) {
	margin-top: 20px;
}
.lessonList.liveLesson .look {
	width: 100%;
	margin: 0;
    padding: 15px 0;
}
.lessonList.liveLesson .look span:after {
    display: block;
    text-ailgn: center;
    font-size: 15px;
    font-weight: 700;
    color: #FFF;
    position: relative;
	content: "↓日程を見る";	
}
.lessonList.liveLesson .look.active span:after {
	content: "↑閉じる";
}
.cts .lessonList.liveLesson article .inner .info p {
	font-size: 100%;
	margin-bottom: 0;
}
.cts .lessonList.liveLesson article .inner .classPrice {
	margin-bottom: 30px;
}
.cts .lessonList.liveLesson article .inner .classPrice p {
	margin-bottom: 0;
}
.online-agreement {
	background: #fff;
}
.ondemand-lesson .online-agreement {
	margin-top: 50px;
}
.online-agreement dl dt {
	background: #948579;
	font-size: 20px;
	color: #fff;
	padding: 0 15px;
	line-height: 2.4;
}
.online-agreement dl dd {
	padding: 20px!important;
}
.cts .online-agreement dl dd p {
	font-size: 15px;
	margin-bottom: 0;
}
.cts .online-agreement dl dd p + p {
	margin-top: 1.4em;
}
.online-agreement dl dd .bold {
	color: #6F5C50;
}
.entry-box {
	margin-bottom: 30px;
}
.agree {
	text-align: center;
	background: #fff;
	padding: 30px 0;
	position: relative;
	margin-bottom: 30px;
}
.agree:before {
	content: '';
	width: calc( 100% - 40px );
	height: 1px;
	background: #948579;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.agree label input + span {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.66;
	position: relative;
	padding-left: 42px;
}
.agree label input + span:before {
    content: '';
    border-radius: 100%;
    border: 1px solid #948579;
    display: inline-block;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    left: 10px;
	transform: translateY(-50%);
    transition: all 250ms ease;
}
.agree label input:checked + span:before {
    background-color: #948579;
    box-shadow: inset 0 0 0 4px #fff;
}
.agree + button {
    appearance: none;
	background: #E8E8E8;
	color: #747474;
	font-size: 15px;
    font-weight: bold;
    line-height: 3;
    width: 100%;
    border-radius: 6px;
    border:none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.agree + button.on {
	background: #948579;
	color: #fff;	
}
.entry a {
	display: block;
	text-align: center;
	text-decoration: none;
    background: #948579;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 3;
    width: 100%;
    border-radius: 6px;
    border: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.entry a:hover {
	opacity: .8;
	text-decoration: none;
}
.lessonList article p.agree-note {
	text-align: center;
	color: #535353;
	font-size: 13px;
	margin-top: 1em;
	margin-bottom: 0;
}
.online-lesson-slide .item .item-inner {
	margin: 0 15px;
}
.online-lesson-slide .item .item-inner .item-figure {
	background: #F8F6EE;
	padding: 10px 10px 0;
}
.cts .online-lesson-slide .item .item-inner .item-figure figure {
	margin: 0;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.online-lesson-slide .item .item-inner .item-name {
	background: #F8F6EE;
	text-align: center;
	line-height: 2.4;
	font-weight: bold;
	font-size: 17px;
	color: #523E33;
	border-top: 8px solid #AF9D8E;
}

.classList article {
    background: #F0EFE9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 30px 50px 50px;
    position: relative;
}
.classList article + article {
	margin-top: 80px;
}
.classList article h3 {
	font-size: 26px;
	color: #6F5C50;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #707070;
	line-height: 1.66;
}
.classList article h3 span {
	font-size: 22px;
	display: block;
}
.online .classList article figure.movie {
	margin-bottom: 0;
}
.online .classList article .liveClassInfo {
	margin-top: 30px;
}
.online .classList article .linkBtn {
	margin-top: 30px;
}
.online .classList article .linkBtn a {
	width: 100%;
	background: #948579;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
	border: none;
	display: block;
	text-decoration: none;
}
.online-lesson-detail {
	margin-bottom: 100px;
}
.online-lesson-detail h2 {
	color: #434343;
    font-size: 35px;
    margin-top: 30px;
    margin-bottom: 50px;
    font-weight: bold;
    text-align: center;
}
.online-lesson-detail .movie {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.online-lesson-detail .movie iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.online-lesson-detail h1 {
	color: #434343;
    font-size: 18px;
    margin: 20px 0;
    font-weight: bold;
    line-height: 1.66;
}
.online-lesson-detail h1 span {
	margin-left: 50px;
}
.online-lesson-detail .bg-box {
	background: #F0EFE8;
	padding: 24px 40px;
	margin-top: 30px;
	border-radius: 6px;
}
.online-lesson-detail .bg-box h3 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 1em;
}
.online-lesson-detail .bg-box dl {
	display: flex;
}
.online-lesson-detail .bg-box dl + dl {
	margin-top: 1em;
}
.online-lesson-detail .bg-box dl dt,
.online-lesson-detail .bg-box dl dd {
	font-size: 16px;
}
.online-lesson-detail .bg-box dl dt {
	font-weight: bold;
	width: 80px;
}
.online-lesson-detail .bg-box .dl_btn {
	display: flex;
	justify-content: center;
	margin-top: 
}
.online-lesson-detail .bg-box .dl_btn a {
	background: #2D8CFF;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	font-size: 13px;
	text-decoration: none;
	margin-top: 30px;
	width: 250px;
    max-width: 100%;
    padding: 10px 0;
}
.online-lesson-detail .btns {
	margin-top: 30px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.online-lesson-detail .btns .btn {
	width: 30%;
	margin-left: 5%;
}
.online-lesson-detail .btns .btn:nth-child( 3n+1 ) {
	margin-left: 0;
}
.online-lesson-detail .btns .btn:nth-child( n+4 ) {
	margin-top: 30px;
}
.online-lesson-detail .btns .btn a {
	display: block;
	background: #948579;
	color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	width: 250px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	padding: 10px 0;
	text-decoration: none;
}
.online-lesson-detail .btns .btn a:hover {
	opacity: 0.8;
}
.online-lesson-detail .btns .btn .off {
	display: block;
	background: #A3A3A3;
	color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	width: 250px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	padding: 10px 0;
}
.online-lesson-detail .btns .btn span {
	display: block;
	text-align: center;
	line-height: 2;
}
.online-lesson-detail .main-btn {
	margin-top: 60px;
	display: flex;
	justify-content: center;	
}
.online-lesson-detail .main-btn a {
	display: block;
	background: #2D8CFF;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	width: 280px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	padding: 10px 0;
	text-decoration: none;
}
.online-lesson-detail .main-btn a:hover {
	opacity: 0.8;
}
.online-lesson-detail .main-btn .off {
	display: block;
	background: #A3A3A3;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	width: 280px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	padding: 10px 0;
}
.online-lesson-detail .main-btn span {
	display: block;
	text-align: center;
	line-height: 2;
}
.online-lesson-detail .additional_movies {
	margin-top: 150px;
	margin-bottom: 150px;
}
.online-lesson-detail .additional_movies h3 {
	color: #707070;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 50px;
}
.online-lesson-detail .additional_movies .movie + .movie {
	margin-top: 60px;
}
}





@media screen and (max-width: 960px) {
#pageTitle{background:url(../img/school/pagetitle.jpg) no-repeat center center;background-size:auto 100%}
#pageTitle h1{background:url(../img/school/title.png) no-repeat center;background-size:81px 40px;width:81px;height:40px;text-indent:-9999em;margin:0 auto;padding:100px 0 0}
#pageTitle.online{background:url(../img/online/pagetitle_online.jpg) no-repeat center center;background-size:auto 100%}
#pageTitle.online h1{background:url(../img/online/title_online.png) no-repeat center;background-size: 174.2px 40px;width: auto;height: 40px;text-indent:-9999em;margin:0 auto;padding:100px 0 0}
.step01{margin:25px 0 50px}
.step01 li h4{font-size:138.5%;color:#513F33;margin:0 0 10px}
.step01 li p{margin:0 0 25px}
.step01 li.first h4{background:url(../img/school/top/li_step1.gif) no-repeat 0 0;background-size:33px;padding:9px 0 6px 40px}
.step01 li.second h4{background:url(../img/school/top/li_step2.gif) no-repeat 0 0;background-size:33px;padding:9px 0 6px 40px}
.step01 li.third h4{background:url(../img/school/top/li_step3.gif) no-repeat 0 0;background-size:33px;padding:9px 0 6px 40px}
.step01 li.fourth h4{background:url(../img/school/top/li_step4.gif) no-repeat 0 0;background-size:33px;padding:9px 0 6px 40px}
.step01 li.fifth h4{background:url(../img/school/top/li_step5.gif) no-repeat 0 0;background-size:33px;padding:9px 0 6px 40px}
.step01 li.sixth h4{background:url(../img/school/top/li_step6.png) no-repeat 0 0;background-size:33px;padding:9px 0 6px 40px}
.courseList{margin:0 0 50px}
.courseList article{background:#F0EFE9;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 15px;overflow:hidden;padding:10px 0 0}
.courseList article img{float:none;margin:0 auto;display: block;max-width: 100%;margin-bottom: 10px;}
.courseList article .inner{margin: 0 20px 20px 0;width: 100%;}

.courseList article h5,.courseList article h6{color:#513F33}
.courseList article h5{font-size:138.5%}
.courseList article h6{padding:5px 0 0;font-weight:700;font-size:108%}
.courseList article header{border-bottom:1px solid #645244;padding:0 0 10px;margin:0 10px 10px}
.courseList article a{font-weight:700;color:#948579;display:block;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;text-align:center;clear:both;border: 1px solid #948579;}
.courseList article a:hover{text-decoration:none;opacity:.8}
.courseList article p {padding: 0 10px;}
.courseList article .inner .spHidden {display: none;}
.courseList .look{background:#948579;font-size:15px;font-weight:700;color:#FFF;display:block;padding:10px 0;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;text-align:center;clear:both;width:100%;margin:0 0 -20px;line-height:1;cursor:pointer}
.courseList .look:hover{text-decoration:none;opacity:.8}
.courseList .look.active{padding:0 0 10px}
.courseList .look.active span{font-size:0!important;height:1px!important;opacity:0;line-height:1}
.courseList .look.active span:after{content:"↑閉じる";font-size:15px!important;display:block;text-ailgn:center;font-weight:700;color:#FFF;position:relative;top:-3px}
.staffList{overflow:hidden}
.staffList article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;width:100%;margin:0 auto 25px;text-align:center;padding:10px 0 0}
.staffList article img{display:block;margin:0 auto 12px}
.staffList article span{display:block;margin:0 10px;text-align:center}
.staffList article span:lang(ja){color:#513F33;font-size:123.1%}
.staffList article span:lang(en){border-bottom:1px solid #645244;color:#523E32;font-weight:700;font-size:123.1%;padding:1px 0 6px}
.staffList article p{padding:7px 10px 10px;text-align:left}
.studentList article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 15px;overflow:hidden;padding:15px 0 0}
.studentList article:first-of-type{margin-top:25px}
.studentList article:last-of-type{margin-bottom:25px}
.studentList article h3{color:#513F33;font-size:123.1%;border-bottom:1px solid #645244;padding:10px 0;margin:0 0 15px}
.studentList article figure{float:none;margin:0 0 15px;width:100%;text-align: center;}
.studentList article figcaption{color:#523E32;font-weight:700;text-align:center;padding:7px 0 0}
.studentList article .inner{margin:0 15px;padding:0}
.studentList article a{background:#948579;font-weight:700;color:#FFF;display:block;padding:10px 5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;text-align:center;clear:both}
.studentList article a:hover{text-decoration:none;opacity:.8}
.studentList article .inner a{display:inline;color:#EA7300;font-weight:400;background:none;padding:0;font-size:100%}
.applyPage p a{text-decoration:underline}
.applyPage p a:hover{text-decoration:none}
.applyPage table{border-top:1px solid #958579;border-left:1px solid #958579;margin:0 0 15px;line-height:1.8em}
.applyPage table th,.applyPage table td{border-right:1px solid #958579;border-bottom:1px solid #958579;font-size:100%;padding:7px 10px;color:#523E32}
.applyPage thead th,.applyPage tbody th{background:#F0EFE9;font-weight:700;text-align:center}
.applyPage table.case2 td{text-align:center}
.applyPage table td .otoku{font-weight:400;color:red}
.applicationFlow{margin:0 0 50px}
.applicationFlow ol{color:#523E32;border-bottom:1px dotted #645244}
.applicationFlow ol li{padding:0 0 5px 100px}
.applicationFlow ol li:nth-of-type(1){background:url(../img/school/application/li_step1.png) no-repeat 0 0;background-size:84px 45px}
.applicationFlow ol li:nth-of-type(2){background:url(../img/school/application/li_step2.png) no-repeat 0 0;background-size:84px 45px}
.applicationFlow ol li:nth-of-type(3){background:url(../img/school/application/li_step3.png) no-repeat 0 0;background-size:84px 45px}
.applicationFlow ol li h5{font-size:138.5%;font-weight:700;margin:0 0 10px}
.applicationFlow ol li figure {margin-bottom: 10px;}
.applyPage .btn a:before{content:"";background:url(../img/common/ft_arrow.png) no-repeat 0;padding:10px}
.applyPage .btn a{color:#523E32;text-decoration:underline}
.applyPage .btn a:hover{text-decoration:none}
.payment ul{color:#523E32;line-height:1.8em}
.payment .esterisk li:before{content:"\00203b"}
.applyPage ul.list{margin:0 0 50px;padding:0 0 0 15px;color:#523E32;line-height:1.8em}
.applyPage ul.list li{font-size:116%}
.applyPage ul.list li:before{content:"\0030fb";margin-left:-15px}
.applyPage ul.list .esterisk{font-size:85%}
.lessonList article{background:#F0EFE9;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 30px;overflow:hidden;padding:20px 0 0;position:relative}
.lessonList article .img{width:220px;margin:0 auto 20px}
.lessonList article .img ul{padding:10px 0 0;overflow:hidden}
.lessonList article .img ul li{float:left;width:66px;height: 44px;margin:0 0 11px 11px; display: block;box-sizing: border-box;background-size: cover;}
.lessonList article .img ul li:nth-child(3n+1){margin-left: 0;}
.lessonList article .img ul li img {opacity: 0;}
.lessonList article .inner{padding:20px 10px}
.lessonList article .inner p.btn a:before{content:"";background:url(../img/common/ft_arrow.png) no-repeat 0;padding:10px}
.lessonList article .inner p.btn a{color:#523E32;text-decoration:underline}
.lessonList article .inner p.btn a:hover{text-decoration:none}
.lessonList article .inner dl{font-size:116%;line-height:1.8em;color:#513F33}
.lessonList article .inner dl.info{padding:0 0 30px}
.lessonList article .inner dl.check{border-top:1px dotted #523F32;padding:30px 0 0;}
.lessonList article .inner dl dt{font-weight:700}
.lessonList article .inner dl dd{padding:0 0 30px}
.lessonList article h5,.lessonList article h6{color:#513F33}
.lessonList article h5{font-size:182%}
.lessonList article h6{padding:5px 0 0;font-weight:700}
.lessonList article h6,.lessonList article p{font-size:116%}
.lessonList article header{border-bottom:1px solid #645244;padding:0 0 15px;margin:0 0 20px}
.lessonList article header span,.lessonList article header time{display:block;color:#513F33;font-size:116%;font-weight:700;padding:0 0 5px}
.lessonList article p a{text-decoration:underline}
.lessonList article p a:hover{text-decoration:none}
.lessonList article .icons {padding-bottom: 20px;}
.check{margin-bottom:-20px}
.check li{clear:both;margin:10px 0 20px;font-size:92%;display: block;overflow: hidden;}
.check li span.evs {display: inline-block;margin-left: 10px;}
.check a {text-decoration: underline;}
.check a.wpfp-link,.lessonList article .inner dl.date a{background:#948579;color:#FFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:0 5px;font-size:12px;cursor: pointer;text-decoration: none;display: inline-block;}
.check a.wpfp-link.remove {background:#F0EFE9;color:#513F33;border:1px solid #948579;}
.check a:hover,.lessonList article .inner dl.date a:hover{text-decoration:none;opacity:.8}
.check a.detail {background:#58BE89;color:#FFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:0 5px;font-size:12px;cursor: pointer;text-decoration: none;display: inline-block;padding: 0 10px;margin-left: 5px;}
.lessonList article .inner dl.date a{background:#948579;ont-weight:bold;color:#FFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:3px 12px}
.lessonList .look{background:#948579;font-size:116%;font-weight:700;color:#FFF;display:block;padding:10px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;text-align:center;clear:both;width:100%;margin:0 0 -20px -10px;line-height:1.44;cursor:pointer}
.lessonList .look:hover{text-decoration:none;opacity:.8}
.lessonList .look.active{padding:0 10px 15px}
.lessonList .look.active span{font-size:0!important;height:1px!important;opacity:0;}
.lessonList .look.active span:after{content:"↑閉じる";font-size:15px!important;display:block;text-ailgn:center;font-size:116%;font-weight:700;color:#FFF;position:relative;top:-3px}
.entryBtn{padding:0 0 50px;line-height:1}
.entryBtn a{background:#948579;color:#FFF;text-align:center;font-weight:700;font-size:123.1%;padding:15px 25px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;display:block}
.entryBtn a:hover{text-decoration:none;opacity:.8}

.classCalendar header{background:#F7EFA4;color:#3B3324;width:200px;text-align:center;font-size: 116%;font-weight:700;padding:5px 0;margin:0 0 20px}
.classCalendar{margin:0 0 50px}
.classCalendar table{border:1px solid #958578;border-left:1px solid #958578;width:100%;display: block;box-sizing: border-box;border-bottom:none;}
.classCalendar table thead {display: none;}
.classCalendar table tbody {display: block;}
.classCalendar table tbody tr {display: table;width: 100%;}
.classCalendar table tbody td{display: table-row;list-style: none;width: 100%;box-sizing: border-box;border-bottom: 1px solid #3C3324;}
.classCalendar table tbody td.blank {display: none;}
.classCalendar table tbody td span.date{display: table-cell;padding: 10px 5px;width: 90px;text-align: center;vertical-align: middle;font-weight:700;}
.classCalendar table tbody td .eventWrap{display: table-cell;padding: 8px;}
.classCalendar table tbody td.sat{background:#CBEDEF}
.classCalendar table tbody td.sun{background:#FDDCE0}
.classCalendar .event{position: relative;padding-bottom: 25px;}
.classCalendar .eventWrap .event + .event {margin-top: 10px;border-top: 1px dotted #3C3324;border-top: 1px dotted #3C3324;margin: 15px 0 0;padding: 15px 0 25px;}
.classCalendar .event time {display: inline-block;line-height: 30px;}
.classCalendar .ottl{display: inline-block;line-height: 30px;font-size:93%;font-weight:700;}
.classCalendar .rttl {display: block;}
.classCalendar .ico {display: block;margin-top: 5px;}
.classCalendar .ico img{margin:0 1px 6px}
.classCalendar .rttl a{text-decoration:underline}
.classCalendar .rttl a:hover{text-decoration:none}
.classCalendar .status{font-size:93%;color:#FFF;display:block;padding:3px;text-align:center;position: absolute;right:0;bottom:0;}
.classCalendar .status.empty{background:#33A0C6}
.classCalendar .status.wanted{background:#FF7F00}
.classCalendar ul.calendarNav {display: block;overflow: hidden;clear: both;margin: 20px 0;}
.classCalendar ul.calendarNav li{display: block;font-size: 120%;color:#513F33;font-weight: 700;position: relative;}
.classCalendar ul.calendarNav li.first{float:left}
.classCalendar ul.calendarNav li.second{float:right}
.classCalendar ul.calendarNav li.first a {padding-left: 30px;}
.classCalendar ul.calendarNav li.second a {padding-right: 30px;}
.classCalendar ul.calendarNav li.first a:before{content:'◀';position: absolute;left:0;}
.classCalendar ul.calendarNav li.second a:before{content:'▶';position: absolute;right:0;}
#calendar article + article {margin-top: 30px;}
.classCalendar ul.calendarMonth {display: block;text-align: center;margin: 20px 0;}
.classCalendar ul.calendarMonth li {display: inline-block;color: #46ACB7;font-size: 120%;line-height: 1.5em;}
.classCalendar ul.calendarMonth li a {color: #46ACB7;}
.classCalendar ul.calendarMonth li:before {content: '/';padding: 0 15px;}
.classCalendar ul.calendarMonth li.first:before {content: '';}
.classPoint{overflow:hidden;margin:0 0 50px}
.classPoint li{border:1px solid #948579;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 15px}
.classPoint li:nth-of-type(1){background:url(../img/school/class02/ico_no1.gif) no-repeat 20px 10px;float:left;background-size:50px auto}
.classPoint li:nth-of-type(2){background:url(../img/school/class02/ico_no2.gif) no-repeat 20px 10px;float:right;background-size:50px auto}
.classPoint li:nth-of-type(3){background:url(../img/school/class02/ico_no3.gif) no-repeat 20px 10px;float:left;background-size:50px auto}
.classPoint li:nth-of-type(4){background:url(../img/school/class02/ico_no4.gif) no-repeat 20px 10px;float:right;background-size:50px auto}
.classPoint li h3{border-bottom:1px solid #645244;margin:0 10px 10px;padding:12px 0 10px 75px;font-size:138.5%;color:#513F33;line-height:1.8em}
.classPoint li h3 br{display:none}
.classPoint li p{margin:0 20px 20px}
.classSummary{background:#F8F6EF;padding:0 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;color:#3C3324;font-size:116%;line-height:1.8em;margin:0 0 50px}
.classSummary dt{width:100%;padding:10px 0 0;clear:both;font-weight:700}
.classSummary dd{width:100%;padding:0 0 10px 0;border-bottom:1px solid #3C3324}
.classSummary dd:last-child{border:none}
.classSummary dt:after{content:":";margin-left: 5px;}
#classCurriculum{border:1px solid #46AEB7;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:100px 20px 0;background:url(../img/school/class02/img_step.gif) no-repeat center top 10px;margin:0 0 50px;background-size:80px}
#classCurriculumStep{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:10px;font-size:116%;color:#523E32;margin:0 0 50px}
#classCurriculumStep article{width:100%;float:none;margin:0;}
#classCurriculumStep article + article {margin-top: 30px;}
#classCurriculumStep article header{font-weight:700;color:#FFF;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;padding:4px 10px}
#classCurriculumStep article .menu{font-weight:700;padding:10px 0;line-height:1.8em}
#classCurriculumStep article .menu li:before{content:"\0025cf"}
#classCurriculumStep article dl{padding:10px 0}
#classCurriculumStep article dl dt{padding:0 0 5px}
#classCurriculumStep article dl dd{line-height:1.5em}
#classCurriculumStep article dl dd ul li{padding-left:18px}
#classCurriculumStep article dl dd ul li:before{content:"\0030fb";margin-left:-18px}
#classCurriculumStep article:nth-of-type(1) dl{border-top:5px solid #32B16C}
#classCurriculumStep article:nth-of-type(2) dl{border-top:5px solid #00B8EB}
#classCurriculumStep article:nth-of-type(3) dl{border-top:5px solid #0168B7}
#classCurriculumStep article:nth-of-type(4) dl{border-top:5px solid #E968A1}
#classCurriculumStep article:nth-of-type(5) dl{border-top:5px solid #DF5263}
#classCurriculumStep article:nth-of-type(6) dl{border-top:5px solid #F39800}
#classCurriculumStep article:nth-of-type(1) header{background:#32B16C}
#classCurriculumStep article:nth-of-type(2) header{background:#00B8EB}
#classCurriculumStep article:nth-of-type(3) header{background:#0168B7}
#classCurriculumStep article:nth-of-type(4) header{background:#E968A1}
#classCurriculumStep article:nth-of-type(5) header{background:#DF5263}
#classCurriculumStep article:nth-of-type(6) header{background:#F39800}
#classCurriculumStep p:first-child{margin-bottom:30px}
#classCurriculumStep p{clear:both;font-size:93%;margin:0}
.coordinatorComment article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 15px;overflow:hidden;padding:15px 0 0}
.coordinatorComment article:first-of-type{margin-top:25px}
.coordinatorComment article h3{color:#513F33;font-size:123.1%;line-height:1.8em;border-bottom:1px solid #645244;padding:0 0 10px;margin:0 0 10px}
.coordinatorComment article figure{margin:0 auto 15px;width:120px}
.coordinatorComment article figcaption{font-weight:700}
.coordinatorComment article figcaption span{color:#513F33;display:block;text-align:center;padding:5px 0 0}
.coordinatorComment article .inner{margin:0 20px 0 0;padding:0 10px}
.coordinatorComment article .inner a{display:inline;color:#EA7300;font-weight:400;background:none;padding:0;font-size:100%}
.studentComment article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 15px;overflow:hidden;padding:15px 0 0}
.studentComment article:first-of-type{margin-top:25px}
.studentComment article h3{color:#513F33;font-size:123.1%;line-height:1.8em;border-bottom:1px solid #645244;padding:0 0 10px;margin:0 0 10px}
.studentComment article figure{margin:0 auto 15px;width:120px}
.studentComment article figcaption{font-weight:700}
.studentComment article figcaption span{color:#513F33;display:block;text-align:center;padding:5px 0 0}
.studentComment article .inner{margin:0 20px 0 0;padding:0 10px}
.studentComment article .inner a{display:inline;color:#EA7300;font-weight:400;background:none;padding:0;font-size:100%}
.classPage a{text-decoration:underline}
.classPage a:hover{text-decoration:none}
.important{color:red}
.relateClass{margin:0 0 50px}
.relateClass dt{color:#FFF;background:#DF5263;font-size:116%;font-weight:700;padding:5px 10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin:0 0 10px}
.classFlow img{margin:10px 0 25px}
.classFlow dl{color:#523E32;overflow:hidden}
.classFlow dl dt{font-size:182%}
.classFlow dl dd{padding:30px 0 50px;font-weight:700}
.classFlow dl dd li{font-size:116%;line-height:1.8em;background:url(../img/school/flow/arrow.png) no-repeat left 35px bottom 10px;padding:0 0 30px;font-weight:700}
.classFlow dl dd li:last-child{background:none;padding:0}
.classFlow dl dd span{font-weight:400}
.voiceGraph{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:25px 0 50px;padding:0 0 10px}
.voiceGraph ul{padding:0 15px 30px;overflow:hidden}
.voiceGraph ul li{font-size: 150%;color:#523E32;text-align:center;padding:30px 0 0}
.voiceGraph ul li img{display:block;margin:15px auto 0}
.voiceGraph .comment{margin:0 10px;background:#FFF;padding:10px;overflow:hidden}
.voiceGraph .comment figure{width:130px;display:block;margin:0 auto 10px;color:#523E32;font-weight:700;font-size:116%}
.voiceGraph .comment figcaption{padding:10px 0;text-align:center}
.studentVoiceList{margin:0 0 100px}
.studentVoiceList article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 30px;overflow:hidden;padding:20px 0 0;position:relative}
.studentVoiceList article figure{width:100%;margin:0 auto 20px;text-align: center}
.studentVoiceList article figcaption{font-size:116%;color:#523E32;font-weight:700;text-align:center;padding:20px 0;line-height:1.8em}
.studentVoiceList article figcaption span{display: block;font-weight: normal;font-size: 0.9em;line-height: 1.5}
.studentVoiceList article .inner{margin:0 20px 20px 0;width:100%}
.studentVoiceList article .inner .spHidden {display: none;}
.studentVoiceList article p{padding:0 10px}
.studentVoiceList article header{border-bottom:1px solid #645244;padding:0 0 15px;margin:0 10px 20px}
.studentVoiceList article header h3{font-size: 123.1%;color:#513F33;line-height:1.8em}
.studentVoiceList article p a{text-decoration:underline}
.studentVoiceList article p a:hover{text-decoration:none}
.studentVoiceList article dl dt,.studentVoiceList dl dd {color: #523E32;line-height: 1.8em;}
.studentVoiceList article dl dt {font-weight: bold;margin-bottom: 1em;}
.studentVoiceList article dl {margin: 0 0 30px;padding: 0 10px;}
.studentVoiceList .look{background:#948579;font-size:116%;font-weight:700;color:#FFF;display:block;padding:10px 0;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;text-align:center;clear:both;width:100%;margin:0 0 -20px;line-height:1.8em;cursor:pointer}
.studentVoiceList .look:hover{text-decoration:none;opacity:.8}
.studentVoiceList .look.active{padding:0 0 15px}
.studentVoiceList .look.active span{font-size:0!important;height:1px!important;opacity:0;line-height:1}
.studentVoiceList .look.active span:after{content:"↑閉じる";font-size:15px!important;display:block;text-ailgn:center;font-size:116%;font-weight:700;color:#FFF;position:relative;top:-3px}
h3.kw {clear: both;color: #7C6F66;font-size: 116%;margin: 0 0 30px;line-height: 1.5em;position: relative;text-align: center;}    
h3.kw:before {position: absolute;bottom: 11px;z-index: 1;content: '';display: block; width: 100%;height: 1px;background-color: #7C6F66;}
h3.kw span {position: relative;z-index: 2;display: inline-block;padding: 0 50px 0 0;background-color: #fff;text-align: center;padding: 0 20px;}
h3.kw span img {width: 30px;height:30px;margin-right: 10px;}
h3.kw.beginner span img {margin-left: 10px;margin-right: 0;}
.itemList{overflow:hidden}
.itemList .taRight{text-align: left!important;}
.itemList article{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:10px;margin:0 0 15px;line-height:1.8em}
.itemList article img{display:block;margin:0 auto}
.itemList article header{padding:10px 0;border-bottom:1px solid #523E32;margin:0 0 10px;font-size:116%}
.itemList article header h5{color:#523E32;font-weight:700}
.itemList article header .price{color:#523E32;display:block;padding:5px 0}
.itemList article header .price2{color:red;display:block;font-weight:700}
.itemList article .spec{font-size:116%;border-top:1px dotted #523F32;border-bottom:1px dotted #523F32;padding:10px 0}
.itemList .inner article:nth-child(odd){float:left;clear:both}
.itemList .inner article:nth-child(even){float:right}
.itemList article .btn{padding:10px 0 0}
.itemList article .btn a{display:block;color:#FFF;background:#93857A;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:10px;font-size:116%;font-weight:700;text-align:center}
.itemList article .btn a:hover{text-decoration:none;opacity:.8}
.menuboardList{overflow:hidden;margin:0 0 50px}
.menuboardList article {background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:10px 0 43px;margin:0 0 15px;line-height:1.8em;position: relative;}
.menuboardList article figure {padding: 0 10px 10px;}
.menuboardList article figure.movie {
	padding-bottom: calc( calc( 100% - 20px ) * 0.5625 );
	position: relative;
}
.menuboardList article figure.img {
	padding-bottom: calc( calc( 100% - 20px ) * 0.5625 );
	position: relative;
	margin: 0 10px 10px;
	background-repeat: no-repeat;
	background-size: cover;
}
.menuboardList article h5{color:#513F33;font-size:116%;padding:0 10px 10px;font-weight:700}
.menuboardList article h5 span {display: block;font-size: 0.8em;}
.menuboardList article img{display:block;margin:0 auto 10px}
.menuboardList article p {padding: 0 10px 20px;margin: 0;}
.menuboardList article ul{font-size:116%;padding:0 10px 10px}
.menuboardList article ul li{padding-left:10px;color:#513F33;line-height:1.8em}
.menuboardList article ul li:before{content:"\0025cf";color:#513F33;margin-left:-10px}
.menuboardList article .btn{margin:0;position: absolute;width: 100%;bottom:0;padding: 0;}
.menuboardList article .btn a{-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;text-align:center;background:#948579;color:#FFF;font-weight:700;padding:10px 0;display:block;width:100%}
.menuboardList article .btn a:hover{text-decoration:none;opacity:.8}
.faqMenu{font-size:116%;color:#523E32;padding:15px 0 25px;border-bottom:1px dotted #645244}
.faqMenu li{padding:0 0 0 25px;line-height:1.8em}
.faqMenu li:before{content:"\0051";font-weight:700;margin-left:-25px;margin-right:5px}
.faqMenu li a{text-decoration:underline}
.faqMenu li a:hover{text-decoration:none}
.faqList{margin:0 0 50px}
.faqList article{border-bottom:1px dotted #645244;padding:25px 10px 10px}
.faqList article h4,.faqList article h5{font-size:116%;font-weight:700;line-height:1.8em;padding:0 0 0 10px;margin-bottom: 1em;}
.faqList article h4{color:#523E32}
.faqList article h4:before{content:"\0051";margin:0 10px 0 -20px}
.faqList article h5{color:#46ACB7;margin:0 0 10px}
.faqList article h5:before{content:"\0041";margin:0 10px 0 -20px}
.faqList article .notice p{color:red}
.marugotoHead{padding:0 0 50px;overflow:hidden;background:url(../img/party/marugoto/line01.gif) no-repeat center bottom;margin:0 0 50px;background-size:100% auto}
.marugotoHead h3{color:#46ACB7;font-size:150%;text-align:center;line-height:1.8em;padding:0 0 25px}
.marugotoHead ul{padding:0 10px}
.marugotoHead ul li{width:100%;border:3px solid #46ACB7;margin:0 0 20px}
.marugotoHead ul li h4{color:#46ACB7;font-size:138.5%;padding:30px 10px 30px 75px}
.marugotoHead ul li p{padding:0 20px 20px;margin:0}
.marugotoHead ul li:nth-of-type(1) h4{background:url(../img/party/marugoto/ico_01.gif) no-repeat 20px}
.marugotoHead ul li:nth-of-type(2) h4{background:url(../img/party/marugoto/ico_02.gif) no-repeat 20px}
.marugotoHead ul li:nth-of-type(3) h4{background:url(../img/party/marugoto/ico_03.gif) no-repeat 20px}
.marugotoHead ul li:nth-of-type(4) h4{background:url(../img/party/marugoto/ico_04.gif) no-repeat 20px}
.marugotoHead ul li:nth-of-type(5) h4{background:url(../img/party/marugoto/ico_05.gif) no-repeat 20px}
.marugotoHead ul li:nth-of-type(6) h4{background:url(../img/party/marugoto/ico_06.gif) no-repeat 20px}
.partyTeacher{background:#F8F6EF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:25px 0;overflow:hidden;text-align:center}
.partyTeacher img{display:block;margin:15px auto}
.partyTeacher p{padding:25px 15px 15px;text-align:left}
.partyTeacher figure p.name {font-weight: bold;padding: 5px 0 0;text-align: center;}
.leadotherEvent{overflow:hidden;margin:0 auto 50px;width:280px}
.leadotherEvent li{position:relative;margin:0 0 10px}
.leadotherEvent li img{position:relative;z-index:0}
.leadotherEvent li dl{background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}
.leadotherEvent li a:hover dl{display:block}
.leadotherEvent li a{text-align:center;color:#fff}
.leadotherEvent li dl dt{font-size:138.5%;font-weight:700;padding:50px 0 30px}
.leadotherEvent li dl dd{font-size:116%}

/* Online Lesson SP */
/* Online */
.online + .online {
	margin-top: 75px;
}
.online.last {
	margin-bottom: 60px;
}
.ondemand-lessons.online {
	margin-bottom: 60px;
}
.post-type-archive-sorisso_live .pageHead p {
	text-align: center;
}
.online .content .box01 + .box01 {
	margin-top: 30px;
}
.online .content .box01 .ttl-comp01 {
	font-weight: bold;
	font-size: 20px;
}
.cts p.txt-style-01 {
	color: #614F44;
	text-align: center;
	line-height: 1.66;
	font-size: 18px;
	margin: 40px auto;	
}
.cts p.txt-style-02 {
	color: #F49909;
	text-align: center;
	line-height: 1.66;
	font-size: 18px;
	margin: 0 auto 15px;
}
.cts p.txt-style-02 span {
	display: inline;
	position: relative;
	padding: 0 10px 3px;
	z-index: 1;
	background:linear-gradient(transparent 60%, #FFEB00 60%);
}
.cts p.txt-style-03 {
	text-align: center;
	line-height: 1.66;
	font-size: 16px;
	margin: 40px auto;
}
.cts p.txt-style-03 span {
	display: inline-block;
	position: relative;
	padding: 0 30px;
}
.cts p.txt-style-03 span:before,
.cts p.txt-style-03 span:after {
	content:'';
	width: 2px;
	height: 40px;
	position: absolute;
}
.cts p.txt-style-03 span:before {
	transform: rotate(-45deg);
	left: 0;
	bottom:0;
}
.cts p.txt-style-03 span:after {
	transform: rotate(45deg);
	right: 0;
	bottom:0;
}
.cts p.txt-style-04 {
	font-size: 16px;
	font-weight: bold;
	background: #F8F5F0;
	color: #614F44;
	line-height: 1.4;
	padding: 5px 20px;
	margin: 40px auto;
}
.cts p.txt-style-04 br {
	display: inline;
}

.feature-list-01 {
	display: flex;
	flex-direction: column;
}
.feature-list-01 li {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.feature-list-01 li + li {
	margin-top: 20px;
}
.feature-list-01 li figure {
	background: #F5F5F5;
	width: 197px;
	height: 197px;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
}
.feature-list-01 li figure img {
	width: 50%;
	height: auto;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.feature-list-01 li figure figcaption {
	position: absolute;
	bottom: 0;
	color: #614F44;
	font-size: 16px;
	font-weight: bold;
	left: 0;
	right: 0;
	margin: auto;
    text-align: center;
}
.feature-list-01 li p {
	margin-top: 10px;
}
.feature-list-02 {
	margin-top: 30px;
	display: flex;
	flex-direction: column;	
}
.feature-list-02 li {
	display: flex;
	flex-direction: column;	
}
.feature-list-02 li + li {
	margin-top: 30px;
}
.feature-list-02 li figure {
	width: 203px;
	max-width: 80%;
	margin: 0 auto;
}
.feature-list-02 li div {
	width: 100%;
}
.feature-list-02 li div h4 {
	color: #614F44;
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0;
}
.feature-list-02 li div p {
	margin-bottom: 0;
}
.tab {
	display: flex;
	justify-content: center;
	margin: 50px auto;
}
.tab li {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 30px 0 15px;
	position: relative;
	cursor: pointer;
	color: #CCCCCC;
}
.tab li + li {
	padding: 0 15px 0 30px;
	
}
.tab li.active {
	color: #262626;
}
.tab li + li:before {
	content:'';
	width: 2px;
	height: 35px;
	position: absolute;
	background: #FCAF37;
	transform: rotate(30deg);
	left: 0;
	top: -2px;
}
.content-area .content:not(.show){
	visibility:hidden;
	height:0;
}
.bg-box {
	background: #FFFAF2;
	padding: 20px;
}
.bg-box p {
	margin-bottom: 0;
}
.features {
	margin-top: 65px;
}
.features ul {
	display: flex;
	flex-direction: column;
}
.features ul li {
	width: 100%;
	padding: 24px 18px;
	box-sizing: border-box;
}
.features ul li + li {
	margin-top: 10px;
}
.features ul li h4 {
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	padding-left: 56px;
	position: relative;
	margin-bottom: 20px;
}
.features ul li h4 > span {
  display: flex;
  align-items: center;
}
.features ul li h4 span span {
  flex: 1;
}
.features ul li h4:before {
	width: 42px;
	height: 42px;
	content: '';
	background-repeat: no-repeat;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.features ul li h4:after {
	content: '';
	width: 30px;
	height: 30px;
	background-size: contain;
	position: absolute;
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
}
.features ul li:first-child h4:after {
	background-image: url('/img/online/num_one.png');
}
.features ul li:nth-child(2) h4:after {
	background-image: url('/img/online/num_two.png');
}
.features ul li:nth-child(3) h4:after {
	background-image: url('/img/online/num_three.png');
}
.features ul li:nth-child(4) h4:after {
	background-image: url('/img/online/num_four.png');
}
.features ul li p {
	margin-bottom: 0;
}
.feature-set-01 p.txt-style-03 {
	color: #FCAF37;
}
.feature-set-01  p.txt-style-03 span:before,
.feature-set-01  p.txt-style-03 span:after {
	background: #FCAF37;
}
.features.feature-set-01 ul li {
	background: #FFFAF2;
}
.features.feature-set-01 ul li h4 {
	color: #FCAF37;
}

.features.feature-set-01 ul li h4 span {

}
.features.feature-set-01 ul li h4:before {
	background-color: #FCAF37;
}

.feature-set-02 p.txt-style-03 {
	color: #47ACB7;
}
.feature-set-02  p.txt-style-03 span:before,
.feature-set-02  p.txt-style-03 span:after {
	background: #47ACB7;
}
.features.feature-set-02 ul li {
	background: #F3F9FA
}
.features.feature-set-02 ul li h4 {
	color: #47ACB7;
}
.features.feature-set-02 ul li h4:before {
	background-color: #47ACB7;
}
.online .movie {
	text-align: center;
	margin-bottom: 30px;
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}
.online .movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.swiper-flow {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.swiper-flow:before {
	width: 30px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 50;
	content: '';
}
.swiper-flow:after {
	width: 30px;
	position: absolute;
	background: #fff;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 50;
	content: '';
}
.swiper-flow .prev i {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	cursor: pointer;
}
.swiper-flow .next {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	cursor: pointer;
}
.swiper-flow .prev i,
.swiper-flow .next i {
	color: #F1EADF;
	font-size: 30px;
}
.swiper-flow ul li {
	box-sizing: border-box;
	padding: 17px 30px 0 30px;
}
.swiper-flow ul li .step-inner {
	padding: 80px 24px 10px;
	border: 3px solid #F1EADF;
}
.swiper-flow ul li .step-inner:before {
	content: '';
	width: 258px;
	height: 73px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.swiper-flow ul li.step1 .step-inner:before {
	background-image: url('/img/online/title01.png');
}
.swiper-flow ul li.step2 .step-inner:before {
	background-image: url('/img/online/title02.png');
}
.swiper-flow ul li.step3 .step-inner:before {
	background-image: url('/img/online/title03.png');
}
.swiper-flow ul li.step4 .step-inner:before {
	background-image: url('/img/online/title04.png');
}
.swiper-flow ul li.step5 .step-inner:before {
	background-image: url('/img/online/title05.png');
}
.swiper-flow ul li.step6 .step-inner:before {
	background-image: url('/img/online/title06.png');
}
.swiper-flow ul li.support .step-inner:before {
	background-image: url('/img/online/title_support.png');
}
.swiper-flow ul li.goal .step-inner:before {
	background-image: url('/img/online/title_goal.png');
}
.swiper-flow ul li figure {
	text-align: center;
	margin-bottom: 15px;
}
.swiper-flow ul li figure img {
	width: 80%;
	height: auto;
}
.swiper-flow ul li h4 {
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	margin-bottom: 30px;
}
.swiper-flow ul li p {
	margin-bottom: 0;
}
.subttl {
	color: #614F44;
	font-size: 18px;
	margin: 50px 0 25px;
	font-weight: bold;
}
.staff-box-01 {
	display: flex;
	flex-direction: column;
}
.staff-box-01 + .staff-box-01 {
	margin-top: 30px;
}
.staff-box-01 figure {
	width: 100%;
	margin-bottom: 0;
}
.staff-box-01 figure.movie {
	margin-bottom: 0;
}
.staff-box-01 figure.movie iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
.staff-box-01 figure img {
	width: 100%;
	height: auto;
}
.staff-box-01 .staff-profile {
	width: 100%;
	margin-top: 10px;
}
.staff-box-01 .staff-profile h5 {
	color: #6F5C50;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.66;
}
.staff-box-01 .staff-profile h5 span{
	display: block;
	font-size: 14px;
}
.staff-box-01 .staff-profile p {
	margin-bottom: 0;
}
.staff-box-02 {
	display: flex;
	flex-direction: column;
}
.staff-box-02 .staff-profile {
	width: 49%;
}
.staff-box-02 .staff-profile:nth-child(2n) {
	margin-left: 2%;
}
.staff-box-02 .staff-profile figure {
	width: 100%;
}
.staff-box-02 .staff-profile figure.movie {
	margin-bottom: 30px;
}
.staff-box-02 .staff-profile h5 {
	color: #6F5C50;
	font-size: 20px;
	line-height: 1.66;
}
.staff-box-02 .staff-profile h5 span{
	display: block;
	font-size: 18px;
}
.ttl-comp01 {
	color: #6F5C50;
	font-size: 18px;
	margin-bottom: 20px;
}
.ondemand-lessons .ondemand-lesson {
	background: #F0EFE8;
	border-radius: 6px;
	padding: 20px 20px;
	color: #6F5C50;
}
.ondemand-lessons .ondemand-lesson p {
	color: #6F5C50;
}
.ondemand-lessons .ondemand-lesson h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.ondemand-lessons .ondemand-lesson figure {
	width: 100%;
	margin: 0 auto 20px;
}
.ondemand-lessons .ondemand-lesson h4 {
    font-size: 116%;
    line-height: 1.8em;
    margin-top: 15px;
}
.ondemand-lessons .ondemand-lesson ul li {
    line-height: 1.8em;	
}
.ondemand-lessons .ondemand-lesson .price {
	margin-top: 30px;
	display: flex;
}
.ondemand-lessons .ondemand-lesson .price dt,
.ondemand-lessons .ondemand-lesson .price dd {
    font-size: 116%;
}
.ondemand-lessons .ondemand-lesson .price dt {
	white-space: nowrap;
}
.ondemand-lessons .ondemand-lesson .price .del {
	text-decoration: line-through;
	margin-right: 1em;
	display: block;
}
.ondemand-lessons .ondemand-lesson .price .true {
	font-weight: bold;
	color: #ff0000;
}
.ondemand-lessons .ondemand-lesson .buyBtn {
	margin-top: 30px;
}
.ondemand-lessons .ondemand-lesson .buyBtn a {
	width: 100%;
	background: #707070;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
	border: none;
	display: block;
	text-decoration: none;
}
.ondemand-lessons .ondemand-lesson .buyBtn a:hover {
	opacity: 0.8;
}
.ondemand-lessons .ondemand-lesson + .ondemand-lesson {
	margin-top: 30px;
}
.lessonList.liveLesson article {
	padding: 0;
}
.lessonList.liveLesson article .inner { 
	width:100%;
	box-sizing: border-box;
	float: none;
	margin: 0;
	overflow: hidden;
}
.lessonList.liveLesson article .inner .lessonDetail {
	padding: 0;
}
.lessonList.liveLesson article .inner h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #6F5C50;
}
.lessonList.liveLesson article .inner .online-class-gallery {
	width: 100%;
	margin-bottom: 20px;
}
.lessonList.liveLesson article .inner .online-class-gallery figure {
	width: 100%;
	padding-bottom: 56.25%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	margin-bottom: 0;
}
.lessonList.liveLesson article .inner .online-class-gallery figure iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}
.lessonList.liveLesson article .inner .online-class-gallery .slider-for {
	margin-bottom: 10px;
}
.lessonList.liveLesson article .inner .online-class-gallery .slider-nav .slick-track {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%!important;
}
.lessonList.liveLesson article .inner .online-class-gallery .slider-nav .slick-track .item {
	width: calc( calc( 100% - 40px ) / 5 )!important;
	margin-left: 10px;
}
.lessonList.liveLesson article .inner .online-class-gallery .slider-nav .slick-track .item:nth-child(5n+1) {
	margin-left: 0;
}
.lessonList.liveLesson article .inner .online-class-gallery .slider-nav .slick-track .item:nth-child(n+6) {
	margin-top: 20px;
}
.lessonList.liveLesson .look {
	width: calc( 100% + 20px );
	margin: 0 0 -20px -10px;
    padding: 15px 0;
}
.lessonList.liveLesson .look span:after {
    display: block;
    text-ailgn: center;
    font-size: 15px;
    font-weight: 700;
    color: #FFF;
    position: relative;
	content: "↓日程を見る";	
}
.lessonList.liveLesson .look.active span:after {
	content: "↑閉じる";
}
.cts .lessonList.liveLesson article .inner .info {
	padding: 0
}
.cts .lessonList.liveLesson article .inner .info p {
	font-size: 100%;
	margin-bottom: 0;
}
.cts .lessonList.liveLesson article .inner .classPrice {
	margin-bottom: 30px;
}
.cts .lessonList.liveLesson article .inner .classPrice p {
	margin-bottom: 0;
}
.online-agreement {
	background: #fff;
}
.ondemand-lesson .online-agreement {
	margin-top: 50px;
}
.online-agreement dl dt {
	background: #948579;
	font-size: 16px;
	color: #fff;
	padding: 0 15px;
	line-height: 2.4;
}
.online-agreement dl dd {
	padding: 10px!important;
}
.cts .online-agreement dl dd p {
	font-size: 14px;
	margin-bottom: 0;
}
.cts .online-agreement dl dd p + p {
	margin-top: 1.4em;
}
.online-agreement dl dd .bold {
	color: #6F5C50;
}
.entry-box {
	margin-bottom: 30px;
}
.agree {
	text-align: center;
	background: #fff;
	padding: 30px 0;
	position: relative;
	margin-bottom: 30px;
}
.agree:before {
	content: '';
	width: calc( 100% - 40px );
	height: 1px;
	background: #948579;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.agree label input + span {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.66;
	position: relative;
	padding-left: 42px;
}
.agree label input + span:before {
    content: '';
    border-radius: 100%;
    border: 1px solid #948579;
    display: inline-block;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    left: 10px;
	transform: translateY(-50%);
    transition: all 250ms ease;
}
.agree label input:checked + span:before {
    background-color: #948579;
    box-shadow: inset 0 0 0 4px #fff;
}
.agree + button {
    appearance: none;
	background: #E8E8E8;
	color: #747474;
	font-size: 15px;
    font-weight: bold;
    line-height: 3;
    width: 100%;
    border-radius: 6px;
    border:none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.agree + button.on {
	background: #948579;
	color: #fff;	
}
.entry a {
	display: block;
	text-align: center;
	text-decoration: none;
    background: #948579;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 3;
    width: 100%;
    border-radius: 6px;
    border: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.entry a:hover {
	opacity: .8;
	text-decoration: none;
}
.lessonList article p.agree-note {
	text-align: center;
	color: #535353;
	font-size: 13px;
	margin-top: 1em;
	margin-bottom: 0;
}

.online-lesson-slide {
	margin-bottom: 95px;
}
.online-lesson-slide .item .item-inner {
	margin: 0 15px;
}
.online-lesson-slide .item .item-inner .item-figure {
	background: #F8F6EE;
	padding: 10px 10px 0;
}
.cts .online-lesson-slide .item .item-inner .item-figure figure {
	margin: 0;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.online-lesson-slide .item .item-inner .item-name {
	background: #F8F6EE;
	text-align: center;
	line-height: 2.4;
	font-weight: bold;
	font-size: 17px;
	color: #523E33;
	border-top: 8px solid #AF9D8E;
}
.classList article {
	background: #F0EFE8;
    border-radius: 6px;
    padding: 20px 20px;
    color: #6F5C50;
    margin: 0 0 15px;
    overflow: hidden;
    position: relative;
}

.classList article + article {
	margin-top: 80px;
}
.classList article h3 {
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
	color: #6F5C50;
	padding-bottom: 10px;
	border-bottom: 1px solid #707070;
	line-height: 1.66;
}
.classList article h3 span {
	font-size: 14px;
	display: block;
}
.online .classList article figure.movie {
	margin-bottom: 0;
}
.online .classList article .liveClassInfo {
	margin-top: 30px;
}
.online .classList article .linkBtn {
	margin-top: 30px;
}
.online .classList article .linkBtn a {
	width: 100%;
	background: #948579;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
	border: none;
	display: block;
	text-decoration: none;
}
.online-lesson-detail {
	margin-bottom: 100px;
}
.online-lesson-detail h2 {
	color: #434343;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}
.online-lesson-detail .movie {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.online-lesson-detail .movie iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.online-lesson-detail h1 {
	color: #434343;
    font-size: 16px;
    margin: 20px 0;
    font-weight: bold;
    line-height: 1.66;
}
.online-lesson-detail h1 span {
	margin-left: 50px;
}
.online-lesson-detail .bg-box {
	background: #F0EFE8;
	padding: 20px;
	margin-top: 30px;
	border-radius: 6px;
}
.online-lesson-detail .bg-box .dl_btn {
	display: flex;
	justify-content: center;
	margin-top: 
}
.online-lesson-detail .bg-box .dl_btn a {
	background: #2D8CFF;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	font-size: 13px;
	text-decoration: none;
	margin-top: 30px;
	width: 250px;
    max-width: 100%;
    padding: 10px 0;
}
.online-lesson-detail .bg-box h3 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 1em;
}
.online-lesson-detail .bg-box dl {
	display: flex;
}
.online-lesson-detail .bg-box dl + dl {
	margin-top: 1em;
}
.online-lesson-detail .bg-box dl dt,
.online-lesson-detail .bg-box dl dd {
	font-size: 14px;
}
.online-lesson-detail .bg-box dl dt {
	font-weight: bold;
	width: 60px;
}
.online-lesson-detail .btns {
	margin-top: 40px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.online-lesson-detail .btns .btn {
	width: 47.5%;
	margin-left: 5%;
}
.online-lesson-detail .btns .btn:nth-child( 2n+1 ) {
	margin-left: 0;
}
.online-lesson-detail .btns .btn:nth-child( n+3 ) {
	margin-top: 15px;
}
.online-lesson-detail .btns .btn a {
	display: block;
	background: #948579;
	color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	width: 250px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	padding: 10px 0;
	text-decoration: none;
}
.online-lesson-detail .btns .btn a:hover {
	opacity: 0.8;
}
.online-lesson-detail .btns .btn .off {
	display: block;
	background: #A3A3A3;
	color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	width: 250px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	padding: 10px 0;
}
.online-lesson-detail .btns .btn span {
	display: block;
	text-align: center;
	line-height: 2;
}
.online-lesson-detail .main-btn {
	margin-top: 40px;
	display: flex;
	justify-content: center;	
}
.online-lesson-detail .main-btn a {
	display: block;
	background: #2D8CFF;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	width: 280px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	padding: 10px 0;
	text-decoration: none;
}
.online-lesson-detail .main-btn a:hover {
	opacity: 0.8;
}
.online-lesson-detail .main-btn .off {
	display: block;
	background: #A3A3A3;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	width: 280px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	padding: 10px 0;
}
.online-lesson-detail .main-btn span {
	display: block;
	text-align: center;
	line-height: 2;
}
.online-lesson-detail .additional_movies {
	margin-top: 60px;
	margin-bottom: 60px;
}
.online-lesson-detail .additional_movies h3 {
	color: #707070;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;
}
.online-lesson-detail .additional_movies .movie {
	position: relative;
}
.online-lesson-detail .additional_movies .movie a {
	position: absolute;
	top: -66px;
}
.online-lesson-detail .additional_movies .movie + .movie {
	margin-top: 66px;
}
}

/* Added at 2022.03  */
section[class^="online-sec"] h3 {
	margin-bottom: 50px;
}
section[class^="online-sec"] + section[class^="online-sec"] {
	margin-top: 100px;
}

.pittari .pittari-item h4 {
	color: #F49909;
    line-height: 1.66;
    font-size: 20px;
    margin: 0 auto 30px;
    font-weight: bold;
}
.pittari .pittari-item h4 span {
	display: inline;
    position: relative;
    padding: 0 10px 5px;
    z-index: 1;
    background: linear-gradient(transparent 60%, #FFEB00 60%);
}
.pittari .pittari-item + .pittari-item {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #E99033;
}
.pittari .pittari-item .pittari-item__inner {
	display: flex;
}
.pittari .pittari-item .pittari-item__inner figure {
	width: 330px;
	margin-bottom: 0;
}
.pittari .pittari-item .pittari-item__inner .pittari-item__right {
	margin-left: 24px;
	display: flex;
	flex-direction: column;
}
.pittari .pittari-item .pittari-item__inner .pittari-item__right .pittari-item__list {
	background: #fff;
	padding: 18px 20px;
}
.pittari .pittari-item .pittari-item__inner .pittari-item__right .pittari-item__list p {
	color: #F49909;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 20px;
}
.pittari .pittari-item .pittari-item__inner .pittari-item__right .pittari-item__list ul li {
	font-size: 14px;
	line-height: 1.66;
}
.pittari .pittari-item .pittari-item__inner .pittari-item__right .btn {
	margin-top: 20px;
}
.pittari .pittari-item .pittari-item__inner .pittari-item__right .btn a {
	display: block;
	background: #F49909;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	font-size: 15px;
}

.recommend {
	display: flex;
}
.recommend .recommend-item {
	width: calc( 100% / 3 );
}
.recommend .recommend-item + .recommend-item {
	margin-left: 24px;
}
.recommend .recommend-item .img {
	position: relative;
}
.recommend .recommend-item .img .label {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	background: #FFFAF2;
	padding: 0 10px;
	line-height: 2;
	color: #F49909;
	font-size: 12px;
	z-index: 1;
}
.recommend .recommend-item .img figure {
	width: 100%;
	height: 205px;
	margin-bottom: 0;
}
.recommend .recommend-item .img figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.recommend .recommend-item h4 {
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #513F33;
	line-height: 1.66;
}

.cts .online-sec01 p.txt-style-02 span br {
	display: none;
}
.illust-box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.illust-box ul li {
	width: 33%;
	display: flex;
	align-items: center;
	align-content: center;
}
.illust-box ul li span {
	padding: 30px;
}

.list-box {
	width: 80%;
	margin: 0 auto;
}
.list-box ul {
	display: flex;
	flex-direction: column;	
	align-content: flex-start;
}
.list-box ul li {
	font-size: 15px;
	line-height: 2.2;
}

.type-box {
	display: flex;
	justify-content: center;
	position: relative;
	padding-top: 73px;
}
.type-box:before {
	content: '';
	background: url( '../img/online/type_before.png' ) no-repeat;
	background-size: contain;
	width: 403px;
	height: 73px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.type-box .type-box__item {
	background: #fff;
	padding: 40px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 50%;
}
.type-box .type-box__item + .type-box__item {
	margin-left: 40px;
}
.type-box .type-box__item > * + * {
	margin-top: 15px;
}
.type-box .type-box__item .ttl {
	color: #F49909;
	text-align: center;
	line-height: 1.66;
	font-size: 20px;
	font-weight: bold;
}
.type-box .type-box__item .txt {
	font-size: 16px;
	line-height: 1.66;
}
.source {
	margin-top: 40px;
	font-size: 12px;
	text-align: right;
}
.servey {
	display: flex;
	justify-content: center;
	position: relative;
	flex-wrap: wrap;
}
.servey .servey__item {
	width: calc( calc( 100% - 40px ) / 2 );
	display: flex;
	flex-direction: column;
	align-items: center;
}
.servey .servey__item p {
	font-size: 16px;
	line-height: 1.66;
	font-weight: bold;	
}
.servey .servey__item + .servey__item {
	margin-left: 40px;
}
.servey .source {
	width: 100%;
}

/* 吹出し */
.talk-area {
}
.talk {
	width: 100%;
	margin: 20px 0;
	display: flex;
	justify-content: flex-start;
}
.talk.left {
	flex-direction: row;
}
.talk.right {
	flex-direction: row-reverse;
}
.talk.left .icon {
	margin-right: 40px;
}
.talk.right .icon {
	margin-left: 40px;
} 
.talk .icon img {
	width: 75px;
	height: 75px;
	border-radius: 50%;
}
.talk .icon span {
	text-align: center;
	font-size: 1rem;
	display: block;
	position: relative;	
	line-height: 2;
}
.talk .serif {
 	width: calc( 80% - 120px );
 	position: relative;
}
.talk .serif .serif-inner {
 	padding: 20px;	
}
.talk .serif .serif-inner p {
	margin: 0;
	line-height: 1.44;
}
.talk.baloon .serif .serif-inner {
	border-radius: 10px;
}

.talk.right .serif .serif-inner {
	background: #FFFAF2;
	color: #fff;
}
.talk.left .serif .serif-inner {
	background: #FFFAF2;
	color: #000;
}

/* 三角部分 */
.talk.left.baloon .serif:before {
	content: "";
    position: absolute;
	top: 20px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 26px 7.5px 0;
    border-color: transparent #c7ddeb transparent transparent;
    -webkit-transform: translateX(-99%);
    -ms-transform: translateX(-99%);
    transform: translateX(-99%);
	border-right: 20px solid #FFFAF2;
}
.talk.right.baloon .serif:before {
	content: "";
    position: absolute;
	top: 20px;
    left: 99.9%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 26px;
    border-color: transparent transparent transparent #FFFAF2;
}

.cp_ipselect {
	overflow: hidden;
	width: 50%;
	margin: 2em auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}
.cts p.noinfo {
	background: #F0EFE8;
    border-radius: 6px;
    padding: 20px 20px;
}
.online__main-img {
	width: 100%;
}
.online__main-img .movie {
	width: 100%;
	aspect-ratio:16 / 9;
}
.online__main-img .movie iframe {
	width: 100%;
	aspect-ratio:16 / 9;
	height: auto;
}

@media screen and (max-width: 960px) {
	.pittari .pittari-item .pittari-item__inner {
		flex-direction: column;
	}
	.pittari .pittari-item h4 {
		font-size: 16px;
		margin: 0 auto 15px;
	}
	.pittari .pittari-item .pittari-item__inner figure {
		width: 100%;
	}
	.pittari .pittari-item .pittari-item__inner .pittari-item__right {
		margin-left: 0;
		margin-top: 20px;
	}
	.pittari .pittari-item .pittari-item__inner .pittari-item__right .pittari-item__list {
		padding: 10px;
	}
	.pittari .pittari-item .pittari-item__inner .pittari-item__right .pittari-item__list p {
		font-size: 13px;
		margin-bottom: 10px;
	}
	.pittari .pittari-item .pittari-item__inner .pittari-item__right .pittari-item__list ul li {
		font-size: 13px;
	}
	.recommend {
		flex-direction: column;
	}
	.recommend .recommend-item {
		width: 100%;
	}
	.recommend .recommend-item + .recommend-item {
		margin-left: 0;
		margin-top: 20px;
	}
	.cts .online-sec01 p.txt-style-02 span br {
		display: inline;
	}
	.list-box {
		width: 100%;
	}
	.list-box ul li {
		text-indent: -1em;
		padding-left: 1em;
	}
	.list-box ul li:before {
		content: '・';
	}
	.type-box {
		padding-top: 0;
		flex-direction: column;
	}
	.type-box:before {
		display: none;
	}
	.type-box .type-box__item {
		width: 100%;
		box-sizing: border-box;
		padding: 20px;
	}
	.type-box .type-box__item .ttl {
		font-size: 15px;
	}
	.type-box .type-box__item .txt {
		font-size: 14px;
	}
	.type-box .type-box__item + .type-box__item {
		margin-left: 0;
		margin-top: 20px;
	}
	.illust-box ul li {
		width: 100%;
	}
	.illust-box ul li span {
		padding: 15px;
	}
	.servey {
		flex-direction: column;
	}
	.servey .servey__item {
		width: 100%;
	}
	.servey .servey__item img {
		width: 80%;
		height: auto;
	}
	.servey .servey__item + .servey__item {
		margin-left: 0;
		margin-top: 40px;
	}
	.talk.left .icon {
		margin-right: 30px;
	}
	.talk.right .icon {
		margin-left: 30px;
	}
	.talk .icon img {
		width: 50px;
		height: auto;
	}
	.talk .serif {
		width: calc( 100% - 30px );
	}
	.talk.right.baloon .serif:before {
		top:10px;
	}
	.talk.left.baloon .serif:before {
		top: 10px;
	}
	.talk .serif .serif-inner {
		padding: 15px;
	}
}

/* 23.07 */
.l-movie-list {
	margin-top: 100px;
}
.comment-section {
	margin-top: 80px;
}
.comment-list {
	margin: 50px 0 100px;
	padding-left: 1em;
}
.comment-list > li .comment-author.vcard .fn {
	font-size: 116%;
	font-weight: bold;
	color: #948579;
}
.comment-list > li .comment-author.vcard .fn:after {
	content: ' さん';
}
.comment-list > li .comment-author.vcard .says {
	display: none;
}
.comment-list > li .comment-meta.commentmetadata {
	display: flex;
	justify-content: flex-end;
	margin: 10px 0;	
}
.comment-list > li .comment-meta.commentmetadata a {
	color: #46ACB7;
}
.comment-list > li + li {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #F0EFE8;
}
.comment-list > li p {
	margin: 15px 0;
}
.comment-list .children {
	position: relative;
	padding: 10px 0 10px 33px;
}
.comment-list .children:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: #F0EFE8;
    z-index: -1;
}
.comment-list .children > li + li {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #F0EFE8;
}
.comment-list .reply {
	display: flex;
	justify-content: flex-end;
}
.comment-reply-link {
	font-size: 100%;
	font-weight: bold;
	background: #948579;;
	color: #fff;
	display: inline-block;
    width: 80px;
    padding: 0 10px;
    line-height: 30px;
    text-align: center;
    border: none;
    border-radius: 15px;
    outline: none;
    cursor: pointer;
}
.comment-reply-link:hover {
    text-decoration: none;
    color: #F6EEA8;
}
.comment-form-comment label,
.comment-form-attachment .comment-form-attachment__file-types-notice {
	display: none!important;
}
.comment-form-comment textarea {
    height: 200px;
    width: 100%;
    padding: 10px 15px;
    line-height: 1.66;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background-color: #f8f8f8;
    box-sizing: border-box;
}
.comment-reply-title {
	font-size: 116%;
	background: #F0EFE9;
    border-radius: 5px;
    margin: 15px 0 15px;
    overflow: hidden;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 30px;
}
.comment-reply-title a {
	font-size: 100%;
    font-weight: bold;
    background: #948579;
    color: #fff;
    display: inline-block;
    width: 80px;
    padding: 0 10px;
    line-height: 30px;
    text-align: center;
    border: none;
    border-radius: 15px;
    outline: none;
    cursor: pointer;
}
.comment-reply-title a:hover {
    text-decoration: none;
    color: #F6EEA8;
}
.comment-form input[type="submit"] {
	display: block;
    width: 240px;
    padding: 15px 0;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background: #685145;
    border-radius: 6px;
    border: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    cursor: pointer;
    margin-bottom: 60px;
}
.comment-form input[type="submit"]:hover {
    text-decoration: none;
    color: #F6EEA8;
}
@media screen and (max-width: 960px) {
	.comment-list {
		margin: 25px 0 50px;
		padding-left: 0;
	}
	.comment-list > li + li {
    	margin-top: 15px;
		padding-top: 15px;
	}
	.comment-list .children {
		padding-left: 28px;
	}
	.comment-list .children:before {
		left: 5px;
	}
	.comment-list .children > li + li {
    	margin-top: 15px;
		padding-top: 15px;
	}
	.comment-list > li .comment-author.vcard .fn,
	.comment-reply-title {
		font-size: 100%;
	}
}