#menuset #list_class #mn_class a, #menuset #list_class #mn_class-list a { cursor: default; pointer-events: none; opacity: .75;}

.catch_txt { font-size: 110%; text-align: center; padding: 1em 0;}

#class { box-sizing: border-box; width: 100%; margin: 0 auto 2em auto; padding: 1.5em 1em; background: rgba(255, 255, 255, 1);}
#class h2 { text-align: center; font-size: 150%; color: rgba(0, 0, 0, 1);}
#class h2::before { content: '《 ';}
#class h2::after { content: ' 》';}
#class .catch_txt { text-align: center; color: rgba(0, 0, 0, 1); padding: .75em 0; letter-spacing: .1em;}
#classes { padding: 1em 0;}
#classes:before, #classes:after { content: ""; content: none; display: table;}
#classes:after { clear: both; }
#classes::after { content: ""; display: block; clear: both;}

#classes .kc_sp { box-sizing: border-box; width: 99%; max-width: 620px; margin: 0 auto 1em auto; border-radius: 10px; padding: .75em 1em; box-shadow: 4px 5px rgba(121, 72, 66, .3); position: relative;}
#classes .kc_sp .ue { width: 100%; position: absolute; top: 0; left: 0;}
#classes .kc_sp .shita { width: 100%; position: absolute; bottom: 0; left: 0;}
#classes .kc_sp .ue::before { content: ''; width: 6px; height: 6px; background: #623636; border-radius: 50%; position: absolute; top: 5px; left: 5px;}
#classes .kc_sp .ue::after { content: ''; width: 6px; height: 6px; background: #623636; border-radius: 50%; position: absolute; top: 5px; right: 5px;}
#classes .kc_sp .shita::before { content: ''; width: 6px; height: 6px; background: #623636; border-radius: 50%; position: absolute; bottom: 5px; left: 5px;}
#classes .kc_sp .shita::after { content: ''; width: 6px; height: 6px; background: #623636; border-radius: 50%; position: absolute; bottom: 5px; right: 5px;}

#classes #kc_basic { background: #cd5343; background: -moz-linear-gradient(-45deg, #cd5343 0%, #cd5343 20%, #ea6969 21%, #ea6969 51%, #cd5343 52%, #cd5343 52%); background: -webkit-linear-gradient(-45deg, #cd5343 0%,#cd5343 20%,#ea6969 21%,#ea6969 51%,#cd5343 52%,#cd5343 52%); background: linear-gradient(135deg, #cd5343 0%,#cd5343 20%,#ea6969 21%,#ea6969 51%,#cd5343 52%,#cd5343 52%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd5343', endColorstr='#cd5343',GradientType=1 ); border: 1px solid rgba(168, 61, 61, 1);}
#classes #kc_step { background: #e18c00; background: -moz-linear-gradient(-45deg, #e18c00 0%, #e18c00 30%, #e99f25 31%, #e99f25 61%, #e18c00 62%, #e18c00 62%); background: -webkit-linear-gradient(-45deg, #e18c00 0%,#e18c00 30%,#e99f25 31%,#e99f25 61%,#e18c00 62%,#e18c00 62%); background: linear-gradient(135deg, #e18c00 0%,#e18c00 30%,#e99f25 31%,#e99f25 61%,#e18c00 62%,#e18c00 62%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e18c00', endColorstr='#e18c00',GradientType=1 ); border: 1px solid rgba(191, 144, 67, 1);}
#classes #kc_basic2days { background: #f66565; background: -moz-linear-gradient(-45deg, #f66565 0%, #f66565 40%, #f88484 41%, #f88484 71%, #f66565 72%, #f66565 72%); background: -webkit-linear-gradient(-45deg, #f66565 0%,#f66565 40%,#f88484 41%,#f88484 71%,#f66565 72%,#f66565 72%); background: linear-gradient(135deg, #f66565 0%,#f66565 40%,#f88484 41%,#f88484 71%,#f66565 72%,#f66565 72%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66565', endColorstr='#f66565',GradientType=1 ); border: 1px solid rgba(187, 92, 80, 1);}
#classes #kc_step1day { background: #ff9f00; background: -moz-linear-gradient(-45deg, #ff9f00 0%, #ff9f00 50%, #ffba49 51%, #ffba49 81%, #ff9f00 82%, #ff9f00 82%); background: -webkit-linear-gradient(-45deg, #ff9f00 0%,#ff9f00 50%,#ffba49 51%,#ffba49 81%,#ff9f00 82%,#ff9f00 82%); background: linear-gradient(135deg, #ff9f00 0%,#ff9f00 50%,#ffba49 51%,#ffba49 81%,#ff9f00 82%,#ff9f00 82%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff9f00',GradientType=1 ); border: 1px solid rgba(191, 144, 67, 1);}

#classes .kc_sp h3 { display: block; margin: 0 auto 1.25em auto;}
#classes .kc_sp h3 .img_sp { display: block; width: 100%; height: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#classes .kc_sp .white_sp { box-sizing: border-box; width: 80%; padding: .75em; background: rgba(255, 255, 255, 1); position: relative;}
#classes .kc_sp .ann_sp { width: 51%; background: rgba(255, 255, 255, 1); box-shadow: 2px 2px 2px rgba(100, 100, 100, .2);}
#classes .kc_sp .ann_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#classes .kc_sp .catchtxt { font-size: 120%; font-weight: bold; line-height: 130%;}
#classes .kc_sp .kikantxt { font-size: 96%; padding: 1em 0;}
#classes .kc_sp .targettxt { font-size: 120%; font-weight: bold;}
#classes .kc_sp .plus_sp { width: 100%; margin: .75em auto .5em auto; font-size: 110%; text-align: center; font-weight: bold; color: rgba(255, 255, 255, .9);}
#classes .kc_sp .plus_sp a .nitteitxt { width: 64%; float: left; color: rgba(255, 255, 255, 1); text-align: center; line-height: 130%; padding-top: .2em;}
#classes .kc_sp .plus_sp a .btn_sp { width: 27%; float: right; display: inline-block; background: rgba(255, 255, 255, 1); border-radius: 10px; padding: 1em .75em .75em .75em; font-size: 90%; margin-top: .25em;}
#classes .kc_sp .plus_sp a.active_t .nitteitxt { color: rgba(255, 240, 0, 1); line-height: 130%;}
#classes .kc_sp .plus_sp a.active_t .nitteitxt .smkr { font-size: 80%; font-weight: lighter;}
#classes .kc_sp .plus_sp a.active_t .btn_sp { float: right; display: inline-block; background: rgba(255, 240, 0, 1); border-radius: 10px; padding: 1em .75em .75em .75em; font-size: 90%;}
#classes .kc_sp .plus_sp a .btn_sp .ya { width: 18px; float: right; margin-left: .5em; margin-top: -0.1em;}
#classes .kc_sp .plus_sp a .btn_sp .ya_img { display: block; width: 100%; height: 0; pading-top: 84.090909090909091%; padding-top: calc(74 / 88 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#classes .kc_sp .plus_sp a:hover { opacity: .85;}

#classes #kc_basic h3 { width: 38.333333333333333%; width: calc(140 / 363 * 100%);}
#classes #kc_basic h3 .img_sp { pading-top: 22.857142857142857%; padding-top: calc(64 / 280 * 100%); background-image: url(../img/kc_basic.png);}
#classes #kc_step h3 { width: 89.53168044077135%; width: calc(325 / 363 * 100%);}
#classes #kc_step h3 .img_sp { pading-top: 9.846153846153846%; padding-top: calc(64 / 650 * 100%); background-image: url(../img/kc_step.png);}
#classes #kc_basic2days h3 { width: 77.823691460055096%; width: calc(282.5 / 363 * 100%);}
#classes #kc_basic2days h3 .img_sp { pading-top: 11.504424778761062%; padding-top: calc(65 / 565 * 100%); background-image: url(../img/kc_basic2days.png);}
#classes #kc_step1day h3 { width: 89.669421487603306%; width: calc(325.5 / 363 * 100%);}
#classes #kc_step1day h3 .img_sp { pading-top: 9.831029185867896%; padding-top: calc(64 / 651 * 100%); background-image: url(../img/kc_step1day.png?0);}

#classes #kc_basic .white_sp, #classes #kc_basic2days .white_sp { margin: 0 0 0 19%;}
#classes #kc_basic .ann_sp, #classes #kc_basic2days .ann_sp { margin: -2em 1em 0 -28%; float: left;}
#classes #kc_step .white_sp, #classes #kc_step1day .white_sp { margin: 0 17% 0 2%;}
#classes #kc_step .ann_sp, #classes #kc_step1day .ann_sp { margin: -2em -26% 0 1em; float: right;}

#classes #kc_basic .white_sp { color: rgba(205, 83, 67, 1);}
#classes #kc_step .white_sp { color: rgba(225, 140, 0, 1);}
#classes #kc_basic2days .white_sp { color: rgba(246, 101, 101, 1);}
#classes #kc_step1day .white_sp { color: rgba(255, 165, 17, 1);}

#classes #kc_basic .catchtxt, #classes #kc_basic .plus_sp a .btn_sp { color: rgba(168, 61, 61, 1);}
#classes #kc_step .catchtxt, #classes #kc_step .plus_sp a .btn_sp { color: rgba(197, 122, 0, 1);}
#classes #kc_basic2days .catchtxt, #classes #kc_basic2days .plus_sp a .btn_sp { color: rgba(221, 85, 109, 1);}
#classes #kc_step1day .catchtxt, #classes #kc_step1day .plus_sp a .btn_sp { color: rgba(225, 140, 0, 1);}

#classes #kc_basic .targettxt span { border-bottom: 3px dotted rgba(205, 83, 67, .5);}
#classes #kc_step .targettxt span { border-bottom: 3px dotted rgba(225, 140, 0, .5);}
#classes #kc_basic2days .targettxt span { border-bottom: 3px dotted rgba(246, 101, 101, .5);}
#classes #kc_step1day .targettxt span { border-bottom: 3px dotted rgba(255, 165, 17, .5);}

#classes #kc_basic .plus_sp a .btn_sp .ya_img { background-image: url(../../img/ya/red.png);}
#classes #kc_step .plus_sp a .btn_sp .ya_img { background-image: url(../../img/ya/brown.png);}
#classes #kc_basic2days .plus_sp a .btn_sp .ya_img { background-image: url(../../img/ya/pink.png);}
#classes #kc_step1day .plus_sp a .btn_sp .ya_img { background-image: url(../../img/ya/orange.png);}

#class .linkset { width: 90%; max-width: 360px; margin: 0 auto; font-size: 110%; font-weight: bold; padding: 0 0 2.5em 0; color: rgba(0, 80, 255, 1); }
#class .linkset .class_list { float: left; opacity: .5; padding-left: 8%;}
#class .linkset .class_schedule { float: left; padding-left: 10px; padding-top: 15px; position: relative;}
#class .linkset .class_schedule a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
#class .linkset .class_schedule:hover { opacity: .75;}
#class .linkset .class_sls { float: left; margin-top: 15px; width: 40px; height: 20px;}
#class .linkset .class_sls .line { width: 50px; border: 1px solid rgba(129, 187, 255, 1); transform: rotate(-45deg);}
#class .linkset .ya { width: 18px; float: right; margin-left: .5em;}
#class .linkset .ya_img { display: block; width: 100%; height: 0; pading-top: 84.090909090909091%; padding-top: calc(74 / 88 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../../img/ya/blue.png);}
/*for_W640-*/
@media all and (min-width: 640px) {
#classes .kc_sp .white_sp { font-size: 120%;}
#classes .kc_sp .catchtxt { font-size: 120%;}
#classes .kc_sp .plus_sp { margin: 1em auto .5em auto; font-size: 110%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#class .linkset { max-width: 600px; font-size: 100%;}
#class .linkset .ya { width: 22px;}
#class .linkset .class_list { padding-left: 26%;}
#classes { width: 100%; max-width: 900px; margin: 0 auto; display: -webkit-flex; display: flex; flex-wrap: wrap; font-size: 75%;}
#classes .kc_sp { width: 48%; flex-basis: 48%; margin: 0 0 1em 1%;}
#classes .kc_sp .kikantxt { font-size: 96%; padding: 1em 0;}
#classes .kc_sp .targettxt { font-size: 100%; font-weight: bold;}
#classes .kc_sp .plus_sp { font-size: 120%;}
}

.linkset { width: 90%; max-width: 360px; margin: 0 auto; font-size: 110%; font-weight: bold; padding: 1em 1em .75em 1em; color: rgba(0, 80, 255, 1); background: rgba(255, 255, 255, 1); border-radius: 10px;}
.linkset .class_list { float: left; opacity: .5; padding-left: 8%; position: relative;}
.linkset .class_schedule { float: left; padding-left: 10px; padding-top: 15px; position: relative;}
.linkset .class_schedule a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
.linkset .class_schedule:hover { opacity: .75;}
.linkset .class_sls { float: left; margin-top: 15px; width: 40px; height: 20px;}
.linkset .class_sls .line { width: 50px; border: 1px solid rgba(129, 187, 255, 1); transform: rotate(-45deg);}
.linkset .ya { width: 18px; float: right; margin-left: .5em;}
.linkset .ya_img { display: block; width: 100%; height: 0; pading-top: 84.090909090909091%; padding-top: calc(74 / 88 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../../img/ya/blue.png);}
/*for_W1000-*/
@media all and (min-width: 1000px) {
.linkset { max-width: 400px; font-size: 100%;}
.linkset .ya { width: 22px;}
.linkset .class_list { padding-left: 13%;}
}


#classes #kc_step2days { background: #e18c00; background: -moz-linear-gradient(-45deg, #e18c00 0%, #e18c00 30%, #e99f25 31%, #e99f25 61%, #e18c00 62%, #e18c00 62%); background: -webkit-linear-gradient(-45deg, #e18c00 0%,#e18c00 30%,#e99f25 31%,#e99f25 61%,#e18c00 62%,#e18c00 62%); background: linear-gradient(135deg, #e18c00 0%,#e18c00 30%,#e99f25 31%,#e99f25 61%,#e18c00 62%,#e18c00 62%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e18c00', endColorstr='#e18c00',GradientType=1 ); border: 1px solid rgba(191, 144, 67, 1);}
#classes #kc_step2days h3 { width: 90%; max-width: 520px; margin: 0 auto .5em auto;}
#classes #kc_step2days h3 .img_sp { pading-top: 9.298998569384835%; padding-top: calc(65 / 699 * 100%); background-image: url(../img/kc_step2days.png);}
#classes #kc_step2days .white_sp { width: 98%; margin: 0 15% 0 2%; padding: 1em 1em 1.5em 1em;}
#classes #kc_step2days .catchtxt { padding-bottom: .5em;}
#classes #kc_step2days .white_sp { color: rgba(225, 140, 0, 1);}
#classes #kc_step2days .catchtxt, #classes #kc_step2days .plus_sp a .btn_sp { color: rgba(197, 122, 0, 1);}
#classes #kc_step2days .targettxt span { border-bottom: 3px dotted rgba(225, 140, 0, .5);}
#classes #kc_step2days .plus_sp a .btn_sp .ya_img { background-image: url(../../img/ya/brown.png);}
/*for_W640-*/
@media all and (min-width: 640px) {
#classes #kc_step2days .nitteitxt { padding-top: .75em;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#classes #kc_step2days h3 { max-width: 400px;}
#classes #kc_step2days { width: 98%; flex-basis: 98%; margin: 0 auto 1em auto;}
#classes #kc_step2days .white_sp { text-align: center;}
}