@charset "UTF-8";
body{opacity:1;}
body.preload {opacity: 0;
transform: 3s;}
img {
width:auto;
vertical-align: bottom;
}
li {
list-style: none;
}
.red{
color: #ff0000;
}
@media all and (-ms-high-contrast:none){ /* IE10 */

.set_course_mainbody .campaign_prices_off .prices > ul > li img,
.set_course_mainbody .campaign_prices_on .prices > ul > li img{
margin-top: -4px;
}


}
.sprite-setlist {
background-image: url(/img/SetCourse/spritesheet.png);
background-repeat: no-repeat;
display: block;
}

.sprite-SetCourse-top {
width: 940px;
height: 350px;
background-position: -2px -756px;
}

.sprite-arrow_b {
width: 12px;
height: 29px;
background-position: -2px -1110px;
}

.sprite-arrow_s {
width: 12px;
height: 29px;
background-position: -2px -1143px;
}
.sprite-SetCourse {
background-image: url(/img/SetCourse/spritesheet2.png);
background-repeat: no-repeat;
display: block;
}

.sprite-icon-book {
width: 31px;
height: 25px;
background-position: -69px -2px;
position: absolute;
top:26px;
left: 17px
}

.sprite-icon-memo {
width: 26px;
height: 25px;
background-position: -68px -42px;
position: absolute;
top:26px;
left: 15px
}


.sprite-icon_01 {
width: 19px;
height: 17px;
background-position: -2px -68px;
}

.sprite-icon_02 {
width: 19px;
height: 19px;
background-position: -2px -89px;
}

.sprite-icon_03 {
width: 21px;
height: 21px;
background-position: -2px -112px;
}

.sprite-icon_04 {
width: 21px;
height: 21px;
background-position: -2px -137px;
}

.sprite-icon_05 {
width: 21px;
height: 21px;
background-position: -2px -162px;
}

.sprite-icon_type_1 {

width: 75px;
height: 25px;
background-position: -153px -187px;
}

.sprite-icon_type_10 {
width: 147px;
height: 49px;
background-position: -153px -240px;
}

.sprite-icon_type_11 {
width: 147px;
height: 49px;
background-position: -153px -293px;
}

.sprite-icon_type_12 {
width: 147px;
height: 49px;
background-position: -153px -346px;
}

.sprite-icon_type_13 {
width: 147px;
height: 49px;
background-position: -153px -399px;
}

.sprite-icon_type_14 {
width: 147px;
height: 49px;
background-position: -153px -452px;
}

.sprite-icon_type_15 {
width: 147px;
height: 49px;
background-position: -153px -505px;
}

.sprite-icon_type_16 {
width: 147px;
height: 49px;
background-position: -153px -558px;
}

.sprite-icon_type_17 {
width: 147px;
height: 49px;
background-position: -153px -611px;
}

.sprite-icon_type_18 {
width: 147px;
height: 49px;
background-position: -153px -664px;
}

.sprite-icon_type_2 {
width: 147px;
height: 49px;
background-position: -153px -717px;
}

.sprite-icon_type_3 {
width: 147px;
height: 49px;
background-position: -153px -770px;
}

.sprite-icon_type_4 {
width: 147px;
height: 49px;
background-position: -153px -823px;
}

.sprite-icon_type_5 {
width: 147px;
height: 49px;
background-position: -153px -876px;
}

.sprite-icon_type_6 {
width: 147px;
height: 49px;
background-position: -153px -929px;
}

.sprite-icon_type_7 {
width: 147px;
height: 49px;
background-position: -153px -982px;
}

.sprite-icon_type_8 {
width: 147px;
height: 49px;
background-position: -153px -1035px;
}

.sprite-icon_type_9 {
width: 147px;
height: 49px;
background-position: -153px -1088px;
}

.sprite-icon_type_set {
width: 147px;
height: 49px;
background-position: -153px -1141px;
}

.sprite-point_bg {
width: 403px;
height: 105px;
background-position: -2px -1194px;
}
.sprite-rank_01 {
width: 448px;
height: 69px;
background-position: -2px -1303px;
}

.sprite-rank_02 {
width: 448px;
height: 69px;
background-position: -2px -1492px;
}

.sprite-rank_03 {
width: 448px;
height: 69px;
background-position: -2px -1681px;
}

.sprite-rank_04 {
width: 448px;
height: 69px;
background-position: -2px -1870px;
}

.sprite-rank_05 {
width: 448px;
height: 69px;
background-position: -2px -2059px;
}

.sprite-rank_06 {
width: 448px;
height: 69px;
background-position: -2px -2248px;
}

.sprite-rank_07 {
width: 448px;
height: 69px;
background-position: -2px -2437px;
}

.sprite-rank_08 {
width: 448px;
height: 69px;
background-position: -2px -2626px;
}

.sprite-rank_09 {
width: 448px;
height: 69px;
background-position: -2px -2815px;
}

.sprite-rank_10 {
width: 448px;
height: 69px;
background-position: -2px -3004px;
}

.sprite-rank_11 {
width: 448px;
height: 69px;
background-position: -2px -3193px;
}

.sprite-rank_12 {
width: 448px;
height: 69px;
background-position: -2px -3382px;
}

.sprite-rank_13 {
width: 448px;
height: 69px;
background-position: -2px -3571px;
}

.sprite-rank_14 {
width: 448px;
height: 69px;
background-position: -2px -3760px;
}

.sprite-rank_15 {
width: 448px;
height: 69px;
background-position: -2px -3949px;
}

.sprite-rank_16 {
width: 448px;
height: 69px;
background-position: -2px -4138px;
}

.sprite-rank_17 {
width: 448px;
height: 69px;
background-position: -2px -4327px;
}

.sprite-rank_18 {
width: 448px;
height: 69px;
background-position: -2px -4516px;
}

.sprite-rank_19 {
width: 448px;
height: 69px;
background-position: -2px -4705px;
}

.sprite-rank_20 {
width: 448px;
height: 69px;
background-position: -2px -4894px;
}

.sprite-rank_21 {
width: 448px;
height: 69px;
background-position: -2px -5083px;
}

.sprite-rank_22 {
width: 448px;
height: 69px;
background-position: -2px -5272px;
}

.sprite-rank_23 {
width: 448px;
height: 69px;
background-position: -2px -5461px;
}

.sprite-rank_24 {
width: 448px;
height: 69px;
background-position: -2px -5650px;
}

.sprite-rank_25 {
width: 448px;
height: 69px;
background-position: -2px -5839px;
}

.sprite-rank_26 {
width: 448px;
height: 69px;
background-position: -2px -6028px;
}

.sprite-rank_27 {
width: 448px;
height: 69px;
background-position: -2px -6217px;
}

.sprite-rank_28 {
width: 448px;
height: 69px;
background-position: -2px -6406px;
}

.sprite-rank_29 {
width: 448px;
height: 69px;
background-position: -2px -6595px;
}

.sprite-rank_30 {
width: 448px;
height: 69px;
background-position: -2px -6784px;
}
.sprite-new:before {
 content: "";
position: absolute;
top: 8px;
bottom: 0;
left: 0;
margin: auto;
overflow: hidden;
background-image: url(/img/SetCourse/spritesheet2.png);
background-repeat: no-repeat;
display: block;
width: 47px;
height: 22px;
background-position: -2px -7093px;

}


@media screen and (max-width: 767px) {

.sprite-new:before {
top: 0;
width: calc(60 / 750 * 100vw);
height: calc(28 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(7061 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-SetCourse-top {
width: calc(750 / 750 * 100vw);
height: calc(750 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(2 / 750 * 100vw));
background-size: calc(944 / 750 * 100vw);
}

.sprite-set-cate_top {
width: calc(720 / 750 * 100vw);
height: calc(85 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(1176 / 750 * 100vw));
background-size: calc(944 / 750 * 100vw);
}

.sprite-icon-book {
width: calc(48 / 750 * 100vw);
height: calc(37 / 750 * 100vw);
background-position: calc(-1*(17 / 750 * 100vw)) calc(-1*(2 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
top:calc(18 / 750 * 100vw);
left: calc(24 / 750 * 100vw);
}

.sprite-icon-memo {
width: calc(39 / 750 * 100vw);
height: calc(37 / 750 * 100vw);
background-position: calc(-1*(25 / 750 * 100vw)) calc(-1*(41 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
   top:calc(18 / 750 * 100vw);
left: calc(21 / 750 * 100vw);
}

.sprite-icon_02 {
width: calc(24 / 750 * 100vw);
height: calc(25 / 750 * 100vw);
background-position: calc(-1*(24 / 750 * 100vw)) calc(-1*(81 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_03 {
width: calc(23 / 750 * 100vw);
height: calc(23 / 750 * 100vw);
background-position: calc(-1*(26 / 750 * 100vw)) calc(-1*(110 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_04 {
width: calc(32 / 750 * 100vw);
height: calc(32 / 750 * 100vw);
background-position: calc(-1*(52 / 750 * 100vw)) calc(-1*(81 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_05 {
width: calc(23 / 750 * 100vw);
height: calc(23 / 750 * 100vw);
background-position: calc(-1*(26 / 750 * 100vw)) calc(-1*(137 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_01 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(1376 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_02 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(1565 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_03 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(1754 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_04 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(1943 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_05 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(2132 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_06 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(2321 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_07 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(2510 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_08 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(2699 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_09 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(2888 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_10 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(3077 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_11 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(3266 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_12 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(3455 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_13 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(3644 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}
.sprite-rank_14 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(3833 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_15 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(4022 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_16 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(4211 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_17 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(4400 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_18 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(4589 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_19 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(4778 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_20 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(4967 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_21 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(5156 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_22 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(5345 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_23 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(5534 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_24 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(5723 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_25 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(5912 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_26 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(6101 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_27 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(6290 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_28 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(6479 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_29 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(6668 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-rank_30 {
width: calc(724 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(6857 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}
.sprite-set-course-topimg {
width: calc(750 / 750 * 100vw);
height: calc(84 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(6973 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}
.sprite-icon_type_1 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(187 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_10 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(240 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);

}

.sprite-icon_type_11 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(293 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_12 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(346 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_13 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(399 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);

}

.sprite-icon_type_14 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(452 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_15 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(505 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);

}

.sprite-icon_type_16 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(558 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_17 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(611 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_18 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(664 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_2 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(717 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_3 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(770 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_4 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(823 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_5 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(876 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);

}

.sprite-icon_type_6 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(929 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_7 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(982 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}

.sprite-icon_type_8 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(1035 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);

}

.sprite-icon_type_9 {
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(1088 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);

}

}



.taxcoment{
font-size: 12px;
font-size: 1.2rem;
line-height: 30px;
line-height: 3.0rem;
margin: auto;
text-align: right;
padding: 0;
}
.side_main{
width: 232px;
}
.side .side_main .search-category {
padding-bottom: 0px;
}
.side .side_main .search-category2 {
padding-bottom: 0px;
}
span.lazyload {
  visibility: visible;
  opacity: 1;
}
span.lazyloaded:after {
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s, visibility .3s;
}
.ranking_waku{
background-color: #e5e5e5;
}
.campaign-banner-top > a > p,
.campaign-banner-bottom > a > p{
  position: relative;
  text-align: center;
  width: 940px;
  height: 200px;
  padding: 0px;
  overflow: hidden;

}
.campaign-banner-top > a > p > span ,
.campaign-banner-bottom > a > p > span {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.campaign-banner-top > a > p > span:after ,
.campaign-banner-bottom > a > p > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #f7f7f7 url(/img/common/spinner-type01.gif) no-repeat center center / auto 100%;
  width: 100%;
  height: 100%;
}
.set_course_main > p {
  position: relative;
  text-align: center;
  width: 110px;
  min-width: 110px;
  height: 74px;
  padding: 0px;
  overflow: hidden;

}
.set_course_main > p > span {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.set_course_main > p > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #f7f7f7 url(/img/common/spinner-type01.gif) no-repeat center center / auto 100%;
  width: 100%;
  height: 100%;
}
.rank-img{
  position: relative;
  text-align: center;
  width: 128px;
  height: 85px;
  padding: 0px;
  overflow: hidden;

}
.rank-img > span {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.rank-img > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #f7f7f7 url(/img/common/spinner-type01.gif) no-repeat center center / auto 100%;
  width: 100%;
  height: 100%;
}
.ranking{
  position: relative;
  text-align: center;
  width: 100%;
  height: 69px;
  padding: 0px;
  overflow: hidden;

}
.ranking > span {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.ranking > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #f7f7f7 url(/img/common/spinner-type01.gif) no-repeat center center / auto 100%;
  width: 100%;
  height: 100%;
}

.banner{
  position: relative;
  text-align: center;
  width: 417px;
  height: 290px;
  padding: 0px;
  overflow: hidden;

}
.banner > span {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.banner > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #f7f7f7 url(/img/common/spinner-type01.gif) no-repeat center center / auto 100%;
  width: 100%;
  height: 100%;
}

.campaign-banner-top{
margin-top: 0;
margin-bottom: 50px;
}

.campaign-banner-bottom{
margin-top: 50px;
margin-bottom: 4px;
}
.set_course ul:last-child
{
margin-bottom: 0;
}
/*** contents side ***/
.side h2 {
  color: white;
  font-size: 1.8em;
  font-weight: bold;
  line-height: calc(20 / 18 * 1em);
  background-color: gray;
  background-position: left 15px center;
  background-repeat: no-repeat;
  background-size: 58px auto;
  width: 100%;
  padding: 26px 0 26px 86px;
}
.side .search-category2 h2 { background-color: #e8340c; background-image: url(/img/common/icon-category-search.svg); }
/*** contents side search-category ***/
.side .search-category2 { padding-bottom: 64px; }
.side .search-category2 li { list-style: none; }
.side .search-category2 .category { margin-top: 6px; }
.side .search-category2 .category > li {
  position: relative;
  background-image: url(/img/common/border-dashed01.png);
  background-position: left bottom;
  background-repeat: repeat-x;
}
.side .search-category2 .category > li > a {
  display: block;
  position: relative;
  font-size: 1.3em;
  line-height: calc(17 / 13 * 1em);
  text-decoration: none;
  text-overflow: ellipsis;
  padding: 12px 20px 12px 38px;
  overflow: hidden;
  -webkit-transition: color .1s;
  transition: color .1s;
}
.side .search-category2 .category > li > a .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: left 8px center, right 3px center;
  background-repeat: no-repeat;
  background-size: 22px auto, 11px auto;
  -webkit-transition: .1s;
  transition: .1s;
}
.side .search-category2 .category > li > a .out {
  z-index: -2;
}
.side .search-category2 .category > li > a .on {
  z-index: -1;
  opacity: 0;
}
.set_course_mainbody .title .sougou{
order: 1;
width: 100%;
}

@media screen and (min-width: 768px) {
  .side .search-category2 .category > li:hover > a { color: white; }
  .side .search-category2 .category > li:hover > a .on { opacity: 1; }
}

/*** contents side search-category popup ***/
.side .search-category2 .popup {
  position: absolute;
  top: 0;
  left: 100%;
  width: 496px;
  height: auto;
  padding-left: 2px;
  transform: scale(0, 0);
  opacity: 0;
  -webkit-transition: transform 0s .2s, opacity .2s;
  transition: transform 0s .2s, opacity .2s;
}
@media screen and (min-width: 768px) {
  .side .search-category2 .category > li:hover a + .popup {
transform: scale(1, 1);
opacity: 1;
-webkit-transition: transform 0s, opacity .3s;
transition: transform 0s, opacity .3s;
  }
}
.side .search-category2 .popup h3 {
  position: relative;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1;
  background-color: white;
  background-position: left 15px center;
  background-repeat: no-repeat;
  background-size: 40px auto;
  border-width: 1px 1px 2px 1px;
  border-style: solid;
  border-color: #cdcdcd;
  padding: 19px 0 19px 67px;
}
.side .search-category2 .popup h3:after,
.side .search-category2 .popup .popup-body:after {
  content: "";
  position: absolute;
  background-color: red;
  background: url(/img/common/box-shadow01@2x.png) no-repeat left top / 100% 100%;
  height: 7px;
  overflow: hidden;
}
.side .search-category2 .popup h3:after { bottom: -9px; }
.side .search-category2 .popup .popup-body:after { bottom: -7px; }
.side .search-category2 .popup h3:after {
  right: 3px;
  left: 3px;
}
.side .search-category2 .popup .popup-body:after {
  right: 4px;
  left: 4px;
}
.side .search-category2 .popup-body {
  background-color: white;
  border: 1px solid #cdcdcd;
  border-top: none;
  padding: 25px 21px 36px;
}
.side .search-category2 .popup-body .courses {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.side .search-category2 .popup-body .courses > li {
  width: 216px;
}
.side .search-category2 .popup-body .courses > li a {
  display: block;
  font-size: 1.2em;
  line-height: calc(16 / 12 * 1em);
  text-decoration: none;
  background: url(/img/common/list-marker01.png) no-repeat left 6px;
  padding: 4px 0 4px 15px;
}
.side .search-category2 .popup-body .courses > li a:hover {
  text-decoration: underline;
}

.set_course {
width: 100%;
}
.siteLocation {
width: 1200px;
margin: 0 auto;
color: #23211f;
font-size: 12px;
}
.siteLocation ul {
margin: 0;
padding: 16px 0 0;
}
.siteLocation li {
display: inline-block;
margin: 0;
}

.set_course_main{
border: solid 1px #71d3d0;
padding: 5px;
width: 100%;
height: 100px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.set_course_main img{
max-height: 85px;
width: auto;
}
.set_course_main .ttl_b{
  font-size: 2.4em;
  line-height: calc(24 / 24 * 1em);
font-weight: bold;
margin-left: 25px;
}
.set_course_main .ttl_s{
  font-size: 1.8em;
  line-height: calc(17 / 18 * 1em);
font-weight: bold;
white-space: nowrap;
margin-right: 10px;
}
.set_course > ul{
display: flex;
flex-wrap: wrap;
background-color: #e5e5e5;
justify-content:flex-start;
padding: 23px 16px 0;
margin-bottom: 70px;
align-items: flex-start;
}
.set_course_mainbody {
width: calc(100% / 2  - 5px);
background-color: #ffffff;
margin: 0;
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.set_course > ul >li:nth-child(odd) {
margin-right: 10px;
}
.set_course_mainbody .ranking {
background-color: #e5e5e5;
height: 69px;
}

.set_course_mainbody .ranking img{
width: 100%;
height: auto;
}

.set_course_mainbody .campaign_waku {
padding: 0 16px 24px;
border: none;
flex-grow: 2;
}

.campaign_on .campaign_waku {
padding: 0 13px 21px;
border: solid 3px #ff0000;
}

.set_course_mainbody .campaign {
height: 28px;
}

.campaign_on .campaign {
margin: 0 auto;
font-size: 1.8em;
font-weight: bold;
color: #FFFFFF;
padding: 0;
text-align: center;
background-image: url(/img/SetCourse/spritesheet2.png);
background-repeat: no-repeat;
display: block;
width: 290px;
height: 26px;
background-position: -2px -7223px;
}

.set_course_mainbody .title {
box-sizing:content-box;
padding: 16px 10px 30px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: baseline;
align-content: center;

}
.set_course_mainbody .title .new{
position: relative;
width: 47px;
height: 22px;
margin-right: 10px;
}
.set_course_mainbody .title .join{  
line-height: calc(28 / 20 * 1em);
font-weight: bold;
color: #13b5b1;
word-wrap: normal;
}
.set_course_mainbody .title .join{  
line-height: calc(28 / 20 * 1em);
font-weight: bold;
color: #13b5b1;
word-wrap: normal;
}

.set_course_mainbody .title .join.join-first > .join{
font-size: 2.0rem;
font-weight: bold;
color: #13b5b1;
}
.set_course_mainbody .title .join.join-first{
font-size: 1.4em;
color: #000000;
}
.set_course_mainbody .title .join.join-big{  
font-size: 2.0em;
color: #000000;
}
.set_course_mainbody .title .join.join-big > .join{
font-size: 2.0rem;
font-weight: bold;
color: #13b5b1;
}
.set_course_mainbody .title .join.join-end{  
font-size: 2.0rem;
font-weight: bold;
color: #13b5b1;
}
.campaign_on .title .join.join-first{
font-size: 2.0em;
color: #000000;
}

.set_course_mainbody .banner img{
width:100%;
margin: 0 auto;
}
.set_course_mainbody .details {
box-sizing:content-box;
font-size: 1.4em;
line-height: calc(28 / 16 * 1em);
padding: 30px;

}
@media screen and (max-width: 767px){
.set_course_mainbody .spbox {
display: flex;
justify-content: space-between;
margin-bottom: calc(27 / 750 * 100vw);
}
.set_course_mainbody .details {
font-size: 2.1em;
line-height: 1.5;
padding: 0;
margin-right: calc(35 / 750 * 100vw);
width: calc(300 / 750 * 100vw);
}
}
.set_course_mainbody .set_course_point {
box-sizing:content-box;
border: solid 1px #71d3d0;
padding: 20px 5px;
position: relative;
margin: 0 8px;
color: #13b5b1;
padding-left: 105px;
min-height:  65px;
display: flex;
align-items: center;


}
.set_course_point_img {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
background-position: -2px -1194px;

}
.set_course_mainbody .set_course_point ul{
}
.set_course_mainbody .set_course_point ul li{
font-size: 1.4em;
line-height: calc(24 / 16 * 1em);
font-weight: bold;
  position: relative;
  list-style-type: none!important;
}
.set_course_mainbody .set_course_point ul li:before{ 
  display:inline-block; 
  vertical-align: middle;
  content:'';
  width:1em;
  height: 1em;
  background: #13b5b1;
  border-radius: 50%;
}
.set_course_mainbody .set_course_point ul li{
font-size: 1.4em;
line-height: calc(24 / 16 * 1em);
font-weight: bold;
}
.set_course_mainbody .campaign_prices_off {
display: block;
}
.prices > ul{
height: 135px;
padding: 23px 20px 30px;
display: flex;
flex-direction: column;
justify-content: space-between;

}
.prices > ul >li {
font-size: 1.4em;
line-height: calc(28 / 16 * 1em);
font-weight: bold;
display: flex;
align-items: center;
}
.prices > ul >li span:first-child{
margin-right: 10px;
}
.campaign_on .prices > ul {
height: 53px;
padding: 23px 10px 5px;
flex-direction:row;
}
.campaign_on .prices > ul >li span:first-child{
margin-right: 5px;
}
.campaignbox {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 5px 8px 20px;
}
.campaignbox .campaign_date{
display: flex;
justify-content: center;
align-items: center;
font-size: 2.0em;
line-height: 1.2;
padding: 0;
min-height: 25px;
color: #ffffff;
text-align: center;
background-color: #ff0000;
margin-bottom: 10px;
}
.campaignbox .campaign_date span{
font-size: 0.6em;
line-height: 1.2;
margin-left: 10px;
}
.campaignbox .campaign_price{
font-size: 1.8em;
line-height: 1.2;
font-weight: bold;
color: #ff0000;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.campaignbox .campaign_price span:first-child{
margin-right: 5px;
}


.set_course_mainbody .course-links {
box-sizing:content-box;
padding-bottom: 18px;
border-bottom: dotted 0.5px #7C7C7C;
}
.set_course_mainbody .course-links > ul > li {
margin-bottom: 5px;
}
.set_course_mainbody .course-links > ul > li.btn a{
position: relative;
}
.square_btn{
min-height: 40px;
font-size: 1.5em;
line-height: 1.2;
font-weight: bold;
text-decoration: none;
background: #efd526;/*ボタン色*/
color: #000;
border-bottom: solid 3px  #c6c6c6;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
}
.square_btn:hover {/*ボタンを押したとき*/
-ms-transform: translateY(2px);
-webkit-transform: translateY(2px);
transform: translateY(2px);/*下に動く*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
border-bottom: none;
}

.set_course_mainbody .icon-types > ul {
display: flex;
flex-wrap: wrap;
justify-content:center;
padding-top: 20px;
padding-bottom: 30px;
}
.set_course_mainbody .icon-types > ul > li {
margin-right: 3px;
width: 75px;
height: 25px;
margin-bottom: 5px;
}

.set_course_mainbody .icon-types > ul > li img{
width: 100%;
height: auto;
}
.set_course_mainbody .other-links > ul {
display: flex;
justify-content:space-between;
}
.set_course_mainbody .other-links > ul > li.otoku {
background-color: #e23a62;
}
.set_course_mainbody .other-links > ul > li {
position: relative;
background-color: #00a8ff;
width: calc(100% / 2  - 5px);
height: 80px;
border-bottom: solid 3px  #c6c6c6;
border-radius: 5px;
-webkit-transition: .2s;
transition: .2s;
}

.set_course_mainbody .other-links > ul > li > a > p{
color: white;
font-size: 2.0em;
font-weight: bold;
line-height: calc(24 / 18 * 1em);
-webkit-transition: .2s;
transition: .2s;
}
.set_course_mainbody .other-links > ul > li > a{
display: flex;
align-items: center;
color: white;
text-decoration:none;
padding: 0 0 0 70px;
height: 80px;
-webkit-transition: .2s;
transition: .2s;
}
.set_course_mainbody .other-links > ul > li.otoku > a{
padding: 0 0 0 55px;
}
.set_course_mainbody .other-links > ul > li > a:hover{
color: white;
}
.set_course_mainbody .other-links > ul > li a:hover p{/*ボタンを押したとき*/
-ms-transform: translateY(2px);
-webkit-transform: translateY(2px);
transform: translateY(2px);/*下に動く*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
border-bottom: none;
}

.set_course_mainbody .other-links > ul > li:hover{/*ボタンを押したとき*/
-ms-transform: translateY(2px);
-webkit-transform: translateY(2px);
transform: translateY(2px);/*下に動く*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
border-bottom: none;
}

.contents .container .side {
z-index: 100;
}

.side .search-category2.search-set h2 {
background-color: #13b5b1;
background-image: url(/img/common/icon-set-category-search.svg);
}
.set-courses-main-img{
margin-bottom:calc(32 / 750 * 100vw);
}

.set-courses-list .set-courses-list-section .set-courses-list-category {
width: 100%;
margin: 0;
padding: 0;
}

.set-courses-list .set-courses-list-section .set-courses-list-category > li {
list-style: none;
border-radius: 5px;
  position: relative;
}
.set-courses-list .set-courses-list-section .set-courses-list-category > li > a .set-courses-list-category-ttl {
  font-size: 2.4em;
  line-height: calc(17 / 24 * 1em);
font-weight: bold;
}

.set-courses-list .set-courses-list-section .set-courses-list-category > li > a span {
  font-size: 1.8em;
  line-height: calc(17 / 18 * 1em);
}

.set-courses-list .set-courses-list-section .set-courses-list-category > li > a {
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
height: 70px;
padding: 0 20px 0 60px; 
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
}
.set-courses-list .set-courses-list-section .set-courses-list-category > li > a .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: 0.2% 50%;
  background-repeat: no-repeat;
  background-size: 40px auto;
  -webkit-transition: .1s;
  transition: .1s;
border-radius-top: 5px;
border-radius-right: 5px;
}
.set-courses-list .set-courses-list-section .set-courses-list-category > li > a .out {
  z-index: 1;
}
.set-courses-list .set-courses-list-section .set-courses-list-category > li > a .on {
  z-index: 2;
  opacity: 0;
}
.set-courses-list .set-courses-list-section .set-courses-list-category > li > a span {
  position: relative;
  z-index: 3;
  -webkit-transition: .1s;
  transition: .1s;
}

.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body {
width: 100%;
margin: 0;
margin-bottom: 44px;
padding: 0 30px;
}

.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses {
display:flex;
flex-wrap: wrap;
justify-content:flex-start;
vertical-align: middle;
}
.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a {
margin-right: 20px;
margin-bottom: 22px;
}

.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a li {
width: 280px;
height: 62px;
list-style: none;
border-radius: 5px;
position: relative;

}


.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a:nth-child(3n) {
margin-right: 0;
}
.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a li .bgcolor{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 5px;
}
.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a li:hover{
opacity: 0.5;
}

.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a li p{
width: 100%;
font-size: 1.4em;
font-weight: bold;
text-align: left;
padding-left: 20px;
padding-right: 50px;
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a li .arrow{
width: 100%;
height: 100%;
position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
background-image: url(/img/SetCourse/arrow_s.png);
background-position: right 10px center;
background-repeat: no-repeat;
}


@media screen and (min-width: 768px) {
  .set-courses-list .set-courses-list-section .set-courses-list-category > li:hover > a .on { opacity: 1; }
  .set-courses-list .set-courses-list-section .set-courses-list-category > li:hover > a span { color: white; }

  .side .search-category2 .category > li > .now .on { opacity: 1; }
  .side .search-category2 .category > li > .now span { color: white; }

  .set-courses-list　.set-courses-list-section .set-courses-list-category > li > .now .on { opacity: 1; }
  .set-courses-list　.set-courses-list-section .set-courses-list-category > li > .now span { color: white; }

}
@media screen and (max-width: 767px) {
img {
width:100%;
}
a.anchor{
display: block;
padding-top:calc(220 / 750 * 100vw);
margin-top:calc((220 / 750 * 100vw) * -1);
}
.side_main{
width: 100%;
}

.siteLocation {
display: none;

}
.set_course_main > p{
width: calc(222 / 750 * 100vw);
min-width: calc(222 / 750 * 100vw);
  height:calc(148 / 750 * 100vw);
}
.set_course_mainbody .ranking{
width: 100%;
  height: calc(112 / 750 * 100vw);

}

.banner{
width: calc(300 / 750 * 100vw);
  height: calc(196 / 750 * 100vw);
}

.campaign-banner-top > a > p,
.campaign-banner-bottom > a > p{
width: 100%;
  height: calc(160 / 750 * 100vw);

}

.campaign-banner-top{
margin-top: 30px;
margin-bottom: 30px;
}

.campaign-banner-bottom{
margin-top: 30px;
margin-bottom: 30px;
}
.set_course ul:last-child
{
margin-bottom: 0;
}

.contents .container .main {
position: relative;
}
.side .search-category2.search-set h2 {
background-color: #13b5b1;
background-image:unset;
}
#floating{
width: 100%;
opacity: 1;
position: fixed;
top: calc(135 / 750 * 100vw);
margin: 0;
z-index: 999;
background-color: #e5e5e5;
display:none;
}


#floating .search-category2{
display: none;
position: absolute;
width: 100%;
left: 0;
}
/*開閉ボタン*/
.nav_btn {
position: absolute;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
z-index: 100;
padding-right: calc(70 / 750 * 100vw);
height: calc(80 / 750 * 100vw);
}
.cate_top {
position: relative;
}
.nav_btn span{
height:calc(60 / 750 * 100vw);
width:calc(60 / 750 * 100vw);
display:block;
position:relative;
} 


.check.icon {
overflow:hidden; 
height:calc(15 / 750 * 100vw);
z-index: 100;}

.check.icon:before{
content:''; 
height:20px;
width:20px;
display:block; 
border:calc(5 / 750 * 100vw) solid #ffffff;
border-right-width:0;
border-top-width:0;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
position:absolute;
bottom:calc(7 / 750 * 100vw);
left:calc(7 / 750 * 100vw);
z-index: 100;
}

/*開閉ボタンopen時*/
.floating_open .check.icon:before{
border:calc(5 / 750 * 100vw) solid #ffffff;
border-left-width:0;
border-bottom-width:0; 
top:calc(7 / 750 * 100vw);
bottom:0;
}


.set_course_mainbody {
width: 100%;
background-color: #ffffff;
margin: 0;
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.set_course_main {
border: solid 4px #71d3d0;
padding: calc(10 / 750 * 100vw);
width: 100%;
height: auto;
min-height: calc(148 / 750 * 100vw);
}
.set_course_main img{
height: 100%;
width: auto;
max-height: calc(148 / 750 * 100vw);
}

.set_course_main div{
margin-left: calc(27 / 750 * 100vw);
}

.set_course > ul {
display: flex;
flex-wrap: wrap;
background-color: #e5e5e5;
justify-content: flex-start;
padding: calc(20 / 750 * 100vw) calc(15 / 750 * 100vw) 0;
margin-top: 10px;
margin-bottom: 0;
align-items: flex-end;
}
.set_course > ul >li:nth-child(odd) {
margin-right: 0;
}
.set_course_main .ttl_b {
font-size: 3.6em;
line-height: 1.2;
font-weight: bold;
margin-left: 0;
}
.set_course_main .ttl_s{
  font-size: 3.0em;
line-height: 1.2;
font-weight:500;
}
.set_course_mainbody .campaign_waku {
padding: 0 calc(25 / 750 * 100vw) calc(43 / 750 * 100vw);
flex-grow: 2;
}
.set_course_mainbody .campaign {
line-height: 1.2;
font-size: 3.6em;
width: calc(531 / 750 * 100vw);
height: calc(46 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(7252 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);
}
.set_course_mainbody .title {
padding: calc(35 / 750 * 100vw) calc(20 / 750 * 100vw) calc(42 / 750 * 100vw);
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
flex-direction: row;
}
.set_course_mainbody .title .sougou{
order: 1;
}

.set_course_mainbody .title .new{
width: calc(60 / 750 * 100vw);
height: calc(28 / 750 * 100vw);
margin-right: calc(10 / 750 * 100vw);
}
.set_course_mainbody .title .join{  

line-height: 1.2;
font-weight: bold;
color: #13b5b1;
word-wrap: normal;
}
.set_course_mainbody .title .join.join-first > .join{
font-size: 3.0rem;
font-weight: bold;
color: #13b5b1;
}
.set_course_mainbody .title .join.join-first{
font-size: 2.0rem;
color: #000000;
}
.set_course_mainbody .title .join.join-big{  
font-size: 3.0em;
color: #000000;
}
.set_course_mainbody .title .join.join-big > .join{
font-size: 3.0rem;
font-weight: bold;
color: #13b5b1;
}
.set_course_mainbody .title .join.join-end{  
font-size: 3.0rem;
font-weight: bold;
color: #13b5b1;
}
.campaign_on .title .join.join-first{
font-size: 3.0rem;
font-weight: bold;
color: #000000;
}


.set_course_mainbody .campaign_waku .cl2{
display: flex;
justify-content:space-between;
flex-wrap:nowrap;
align-items:flex-start;
}
.set_course_mainbody .sougou{
font-size: 2.0rem;
font-weight: bold;
}
.layoutbox{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.layoutbox > div{
width: 100%;
}
.layoutbox > div.pricebox,
.layoutbox > div.icon-types{
width: 50%;
margin-bottom: 0;
}
 .icon-types {
  order: 1;
}
 .pricebox {
  order: 2;
}
 .campaignbox {
  order: 3;
}
 .course-links {
  order: 4;
}
.set_course_mainbody .campaign_waku .cl2 div{
width: calc(300 / 750 * 100vw);
}
.set_course_mainbody .campaign_waku .cl2 div.prices{
width: calc(320 / 750 * 100vw);
}
.set_course_mainbody .campaign_waku .cl2 .banner{
margin-bottom: calc(27 / 750 * 100vw);
}
.set_course_mainbody .campaign_waku .cl2 .banner img{
width: 100%;
}
.set_course_mainbody .campaign_waku .cl2 .details {
font-size: 2.1em;
line-height: 1.5;
padding: 0;
margin-right: calc(35 / 750 * 100vw);
margin-bottom: calc(27 / 750 * 100vw);
}
.set_course_mainbody .set_course_point {
margin: 0;
padding: calc(5 / 750 * 100vw);
padding-left: calc(174 / 750 * 100vw);
height: calc(156 / 750 * 100vw);
display: flex;
align-items: center;background-size: contain;
font-size: 2.2em;
line-height: 1.5;
margin-bottom: calc(37 / 750 * 100vw);

}
.set_course_point_img {
width: calc(100 / 750 * 100vw);
height: calc(100 / 750 * 100vw);
background-position: calc(-1*(2 / 750 * 100vw)) calc(-1*(7119 / 750 * 100vw));
background-size: calc(754 / 750 * 100vw);

}

.set_course_mainbody .icon-types > ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding-top: 0;
padding-right: calc(20 / 750 * 100vw);
padding-bottom: 0;
}
.set_course_mainbody .icon-types > ul > li {
margin-right: calc(5 / 750 * 100vw);
width: calc(147 / 750 * 100vw);
height: calc(49 / 750 * 100vw);
margin-bottom: calc(5 / 750 * 100vw);
}
.prices > ul{
height: unset;
padding: 0;

}
.prices > ul >li {
font-size: 2.2em;
line-height: calc(28 / 16 * 1em);
font-weight: bold;
display: flex;
align-items: center;
}
.prices > ul >li span:first-child{
margin-right: calc(10 / 750 * 100vw);
}
.campaign_on .prices > ul {
height: unset;
padding: 0;
flex-direction:column;
}
.campaign_on .prices > ul >li span:first-child{
margin-right: 5px;
}
.campaignbox {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0 calc(18 / 750 * 100vw);
margin-top: calc(36 / 750 * 100vw);
}
.campaignbox .campaign_date{
display: flex;
justify-content: center;
align-items: center;
font-size: 3.1em;
line-height: 1.2;
padding: 0;
min-height: 25px;
color: #ffffff;
text-align: center;
background-color: #ff0000;
margin-bottom: 10px;
}
.campaignbox .campaign_date span{
font-size: 0.7em;
line-height: 1.2;
margin-left: calc(15 / 750 * 100vw);
}
.campaignbox .campaign_price{
font-size: 2.8em;
line-height: 1.2;
font-weight: bold;
color: #ff0000;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.campaignbox .campaign_price span:first-child{
margin-right: 5px;
}


.set_course_mainbody .course-links {
border: none;
margin-top: calc(30 / 750 * 100vw);
padding: calc(55 / 750 * 100vw) calc(22 / 750 * 100vw) calc(5 / 750 * 100vw);
border-top: dotted 0.5px #7C7C7C;
}
.set_course_mainbody .course-links > ul > li {
margin-bottom: calc(15 / 750 * 100vw);
}
.square_btn {
height: auto;
min-height: calc(60 / 750 * 100vw);
padding: calc(10 / 750 * 100vw) calc(20 / 750 * 100vw);
font-size: 2.3em;
line-height: 1.5;
}
.set_course_mainbody .other-links {
padding: 0 calc(22 / 750 * 100vw);
}
.set_course_mainbody .other-links > ul > li.otoku {
background-color: #e23a62;
}
.set_course_mainbody .other-links > ul > li {
background-color: #00a8ff;
width: calc(100% / 2  - (17 / 750 * 100vw) / 2 );
height: calc(80 / 750 * 100vw);
}
.set_course_mainbody .other-links > ul > li > a > p{
color: white;
font-size: 2.4em;
font-weight: 500;
line-height: 1.2;
-webkit-transition: .2s;
transition: .2s;
}
.set_course_mainbody .other-links > ul > li > a{
display: flex;
align-items: center;
color: white;
text-decoration:none;
padding: 0 0 0 calc(110 / 750 * 100vw);
height: calc(80 / 750 * 100vw);
-webkit-transition: .2s;
transition: .2s;
}
.set_course_mainbody .other-links > ul > li.otoku > a{
padding: 0 0 0 calc(88 / 750 * 100vw);
}

.set_course_mainbody .other-links > ul > li > a:hover{
color: white;
}
.set_course_mainbody .other-links > ul > li a:hover p{/*ボタンを押したとき*/
-ms-transform: translateY(2px);
-webkit-transform: translateY(2px);
transform: translateY(2px);/*下に動く*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
border-bottom: none;
}

.set_course_mainbody .other-links > ul > li:hover{/*ボタンを押したとき*/
-ms-transform: translateY(2px);
-webkit-transform: translateY(2px);
transform: translateY(2px);/*下に動く*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
border-bottom: none;
}


.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body {
margin-bottom: calc(53 / 750 * 100vw);
padding: 0 calc(30 / 750 * 100vw);
}

.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses {
flex-direction: column;
}
.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a {
margin-right: 0;
margin-bottom: calc(10 / 750 * 100vw);
}
.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a li {
width: 100%;
height: calc(70 / 750 * 100vw);
}

.set-courses-list .set-courses-list-section .set-courses-list-category > li {
margin-bottom: 0;
border-style: solid;
border-width: calc(18 / 750 * 100vw) 0 0 0;
border-radius: unset;
}

.set-courses-list .set-courses-list-section .set-courses-list-category > li > a {
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  height: calc(135 / 750 * 100vw);
  padding: 0 calc(20 / 750 * 100vw) 0 calc(135 / 750 * 100vw);
  overflow: hidden;
width: 100%;
display: flex;
align-items: center;
}
.set-courses-list .set-courses-list-section .set-courses-list-category > li > a .bg {
  background-position: left calc(20 / 750 * 100vw) center, right calc(20 / 750 * 100vw) center;
  background-size: calc(80 / 750 * 100vw) auto, calc(15 / 750 * 100vw) auto;
}
.set-courses-list .set-courses-list-section .set-courses-list-category > li > a .set-courses-list-category-ttl {
  font-size: calc(33 / 750 * 100vw);
  line-height: calc(40 / 750 * 100vw);
font-weight: bold;
}

.set-courses-list .set-courses-list-section .set-courses-list-category > li > a span {
  font-size: calc(23 / 750 * 100vw);
  line-height: calc(35 / 750 * 100vw);
}
.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a li p{
font-size: calc(23 / 750 * 100vw);
padding-left: calc(30 / 750 * 100vw);
}
.set-courses-list .set-courses-list-section .set-courses-list-category .set-courses-list-body .set-courses-list-courses > a li .arrow{
height: calc(33 / 750 * 100vw);
}
 /*** contents course search-category ***/
  .course .search-category {
background-color: #e5e5e5;
padding-top: calc(30 / 750 * 100vw);
padding-bottom: 0;
overflow: hidden;
  }
/*** contents side search-category ***/
.course .search-category { padding-bottom: calc(40 / 750 * 100vw); }
.course .search-category li { list-style: none; }
.course .search-category .category { margin-top: 6px; }
.course .search-category .category > li {
display: block;
position: relative;
background-image: url(/img/common/border-dashed01.png);
background-position: left bottom;
background-repeat: repeat-x;


}
.course .search-category .category > li > a {
  display: block;
  position: relative;
  font-size: 1.3em;
  line-height: calc(17 / 13 * 1em);
  text-decoration: none;
  text-overflow: ellipsis;
  height: calc(150 / 750 * 100vw);
  width: calc(234 / 750 * 100vw);
  padding: calc(17 / 750 * 100vw) calc(15 / 750 * 100vw) calc(20 / 750 * 100vw);
  overflow: hidden;
}
.course .search-category .category > li > a .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: left 8px center, right 3px center;
  background-repeat: no-repeat;
  background-size: 22px auto, 11px auto;
  -webkit-transition: .1s;
  transition: .1s;
}
.course .search-category .category > li > a .out {
  z-index: 1;
}
.course .search-category .category > li > a .on {
  z-index: 2;
  opacity: 0;
}
.course .search-category .category > li > a span {
  position: relative;
  z-index: 3;
  -webkit-transition: .1s;
  transition: .1s;
}


.course .search-category .popup h3 {
  position: relative;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1;
  background-color: white;
  background-position: left 15px center;
  background-repeat: no-repeat;
  background-size: 40px auto;
  border: 1px solid #cdcdcd !important;
  padding: 19px 0 19px 67px;
}
.course .search-category .popup h3:after,
.course .search-category .popup .popup-body:after {
  content: "";
  position: absolute;
  bottom: -7px;
  background-color: red;
  background: url(/img/common/box-shadow01.svg) no-repeat left top / 100% 100%;
  height: 7px;
  overflow: hidden;
}
.course .search-category .popup h3:after {
  right: 3px;
  left: 3px;
}
.course .search-category .popup .popup-body:after {
  right: 4px;
  left: 4px;
}
.course .search-category .popup-body {
  background-color: white;
  border: 1px solid #cdcdcd;
  border-top: none;
  padding: 25px 21px 36px;
}
.course .search-category .popup-body .courses {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.course .search-category .popup-body .courses > li {
  width: 216px;
}
.course .search-category .popup-body .courses > li a {
  display: block;
  font-size: 1.2em;
  line-height: 1.2;
  text-decoration: none;
  background: url(/img/common/list-marker01.png) no-repeat left 6px;
  padding: 4px 0 4px 15px;
}
.course .search-category .popup-body .courses > li a:hover {
  text-decoration: underline;
}


.course .search-category .category {

display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: calc(9 / 750 * 100vw);
  }
  .course .search-category .category > li {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background: none;
width: calc(234 / 750 * 100vw);
margin: calc(5 / 750 * 100vw);
  }
  .course .search-category .category > li > a {
font-size: 2.5em;
font-weight: bold;
line-height: calc(32 / 25 * 1em);
text-align: center;
background: white;
border-radius: calc(5 / 750 * 100vw);
height: calc(150 / 750 * 100vw);
padding: calc(75 / 750 * 100vw) calc(15 / 750 * 100vw) calc(22 / 750 * 100vw);
  }
  .course .search-category .category > li > a > span {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: calc((32 / 25 * 1em) * 2);
overflow: hidden;
  }

  .course .search-category .category > li > a .bg {
background-position: center 0, 0 0;
background-size: auto 50%;
  }
  .course .search-category .category > li.open > a .on { opacity: 1; }
  .course .search-category .category > li:open > a span { color: white; }

  /*** contents course search-category popup ***/
  .course .search-category .category > li .popup {
position: relative;
top: 0;
z-index: 0;
width: calc(100vw - (28 / 750 * 100vw));
height: 0;
padding: 0;
overflow: hidden;
opacity: 1;
transform: scale(1, 1);
-webkit-transition: height .3s ease;
transition: height .3s ease;
  }
  .course .search-category .category > li:nth-of-type(3n+1) .popup { left: 0; }
  .course .search-category .category > li:nth-of-type(3n+2) .popup { left: calc(-100% - (10 / 750 * 100vw)); }
  .course .search-category .category > li:nth-of-type(3n+3) .popup { left: calc(-200% - (20 / 750 * 100vw)); }
  .course .search-category .category > li.open a + .popup {
z-index: 1;
  }
  /*** contents side ***/
  .side h2 {
font-size: 4em;
line-height: calc(82 / 40 * 1em);
text-align: center;
letter-spacing: 0.075em;
padding: calc(34 / 750 * 100vw) 0;
  }
  .side .search-category2,
  .side .search-suitable,
  .side .ranking {
background-color: #e5e5e5;
padding-bottom: 0;
overflow: hidden;
  }
  .side .search-category2 h2 { background: #e8340c; }
  .side .search-suitable h2 { background: #009944; }
  .side .ranking h2 { background: #ff6600; }
  .side h2 span {
display: inline-block;
vertical-align: top;
background-position: left center;
background-repeat: no-repeat;
background-size: calc(82 / 750 * 100vw) auto;
padding-left: calc(108 / 750 * 100vw);
  }
  .side .search-category2 h2 span { background-image: url(/img/common/icon-category-search.svg); }
  .side .search-suitable h2 span { background-image: url(/img/common/icon-suitable.svg); }
  .side .ranking h2 span { background-image: url(/img/common/icon-ranking.svg); }

  /*** contents side search-category ***/
  .side .search-category2 .category {
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: calc(9 / 750 * 100vw);
  }
  .side .search-category2 .category > li {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background: none;
width: calc(234 / 750 * 100vw);
margin: calc(5 / 750 * 100vw);
  }
  .side .search-category2 .category > li > a {
font-size: 2.5em;
font-weight: bold;
line-height: calc(32 / 25 * 1em);
text-align: center;
background: white;
border-radius: calc(5 / 750 * 100vw);
height: calc(234 / 750 * 100vw);
padding: calc(148 / 750 * 100vw) calc(25 / 750 * 100vw) calc(22 / 750 * 100vw);
  }
  .side .search-category2 .category > li > a > span {
display: -webkit-box;
position: relative;
z-index: 3;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: calc((32 / 25 * 1em) * 2);
overflow: hidden;
-webkit-transition: .1s;
transition: .1s;
  }
  .side .search-category2 .category > li > a .bg {
background-position: center calc(26 / 750 * 100vw), 0 0;
background-size: calc(106 / 750 * 100vw) auto, 0 auto;
-webkit-transition: .1s;
transition: .1s;
  }
  .side .search-category2 .category > li > a .out { z-index: 1; }
  .side .search-category2 .category > li > a .on { z-index: 2; }
  .side .search-category2 .category > li.open > a .on { opacity: 1; }
  .side .search-category2 .category > li.open > a span { color: white; }

  /*** contents side search-category popup ***/
  .side .search-category2 .category > li .popup {
position: relative;
top: 0;
z-index: 0;
width: calc(100vw - (28 / 750 * 100vw));
height: 0;
padding: 0;
overflow: hidden;
opacity: 1;
transform: scale(1, 1);
-webkit-transition: height .3s ease;
transition: height .3s ease;
  }
  .side .search-category2 .category > li:nth-of-type(3n+1) .popup { left: 0; }
  .side .search-category2 .category > li:nth-of-type(3n+2) .popup { left: calc(-100% - (10 / 750 * 100vw)); }
  .side .search-category2 .category > li:nth-of-type(3n+3) .popup { left: calc(-200% - (20 / 750 * 100vw)); }
  .side .search-category2 .category > li.open a + .popup {
z-index: 1;
  }
  .side .search-category2 .popup h3,
  .side .search-category2 .popup .popup-body:after {
display: none;
  }
  .side .search-category2 .popup-body {
background-color: transparent;
border: none;
padding: calc(25 / 750 * 100vw) calc(15 / 750 * 100vw) calc(15 / 750 * 100vw);
  }
  .side .search-category2 .popup-body .courses > li {
display: flex;
background-color: white;
border-radius: calc(5 / 750 * 100vw);
width: calc(340 / 750 * 100vw);
min-height: calc(72 / 750 * 100vw);
margin: calc(3 / 750 * 100vw);
  }
  .side .search-category2 .popup-body .courses > li a {
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2.2em;
line-height: calc(26 / 22 * 1em);
background: url(/img/common/icon-nav-arrow02.svg) no-repeat right calc(14 / 750 * 100vw) center / auto calc(30 / 750 * 100vw);
width: 100%;
padding: calc(10 / 750 * 100vw) calc(40 / 750 * 100vw) calc(10 / 750 * 100vw) calc(26 / 750 * 100vw);
  }
  .side .search-category2 .popup-body .courses > li a:hover {
text-decoration: none;
  }



 /*** contents course search-category ***/
  #floating .search-category2 {
background-color: #e5e5e5;
padding-top: calc(30 / 750 * 100vw);
padding-bottom: 0;
overflow: hidden;
  }
/*** contents side search-category ***/
#floating .search-category2 { padding-bottom: calc(40 / 750 * 100vw); }
#floating .search-category2 li { list-style: none; }
#floating .search-category2 .category { margin-top: 6px; }
#floating .search-category2 .category > li {
display: block;
position: relative;
background-image: url(/img/common/border-dashed01.png);
background-position: left bottom;
background-repeat: repeat-x;


}
#floating .search-category2 .category > li > a {
  display: block;
  position: relative;
  font-size: 1.3em;
  line-height: calc(17 / 13 * 1em);
  text-decoration: none;
  text-overflow: ellipsis;
  height: calc(150 / 750 * 100vw);
  width: calc(234 / 750 * 100vw);
  padding: calc(17 / 750 * 100vw) calc(15 / 750 * 100vw) calc(20 / 750 * 100vw);
  overflow: hidden;
}
#floating .search-category2 .category > li > a .bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: left 8px center, right 3px center;
  background-repeat: no-repeat;
  background-size: 22px auto, 11px auto;
  -webkit-transition: .1s;
  transition: .1s;
}
#floating .search-category2 .category > li > a .out {
  z-index: 1;
}
#floating .search-category2 .category > li > a .on {
  z-index: 2;
  opacity: 0;
}
#floating .search-category2 .category > li > a span {
  position: relative;
  z-index: 3;
  -webkit-transition: .1s;
  transition: .1s;
}


#floating .search-category2 .popup h3 {
  position: relative;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1;
  background-color: white;
  background-position: left 15px center;
  background-repeat: no-repeat;
  background-size: 40px auto;
  border: 1px solid #cdcdcd !important;
  padding: 19px 0 19px 67px;
}
#floating .search-category2 .popup h3:after,
#floating .search-category2 .popup .popup-body2:after {
  content: "";
  position: absolute;
  bottom: -7px;
  background-color: red;
  background: url(/img/common/box-shadow01.svg) no-repeat left top / 100% 100%;
  height: 7px;
  overflow: hidden;
}
#floating .search-category2 .popup h3:after {
  right: 3px;
  left: 3px;
}
#floating .search-category2 .popup .popup-body2:after {
  right: 4px;
  left: 4px;
}
#floating .search-category2 .popup-body2 {
  background-color: white;
  border: 1px solid #cdcdcd;
  border-top: none;
  padding: 25px 21px 36px;
}
#floating .search-category2 .popup-body2 .courses {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#floating .search-category2 .popup-body2 .courses > li {
  width: 216px;
}
#floating .search-category2 .popup-body2 .courses > li a {
  display: block;
  font-size: 1.2em;
  line-height: calc(16 / 12 * 1em);
  text-decoration: none;
  background: url(/img/common/list-marker01.png) no-repeat left 6px;
  padding: 4px 0 4px 15px;
}
#floating .search-category2 .popup-body2 .courses > li a:hover {
  text-decoration: underline;
}


#floating .search-category2 .category {

display: flex;
flex-wrap: wrap;
margin: 0;
padding: calc(9 / 750 * 100vw);
  }
  #floating .search-category2 .category > li {
background: none;
width: calc(234 / 750 * 100vw);
margin: calc(5 / 750 * 100vw);
  }
  #floating .search-category2 .category > li > a {
font-size: 2.5em;
font-weight: bold;
line-height: calc(32 / 25 * 1em);
text-align: center;
background: white;
border-radius: calc(5 / 750 * 100vw);
height: calc(150 / 750 * 100vw);
padding: 0;
  }
  #floating .search-category2 .category > li > a > span {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: calc((42 / 25 * 1em) * 2);
overflow: hidden;
margin-top: calc(75 / 750 * 100vw);
padding: calc(10 / 750 * 100vw) calc(15 / 750 * 100vw) calc(22 / 750 * 100vw);
background-color: #ffffff;
 }
  #floating .search-category2 .category > li > a .bg {
background-position: center 0, 0 0;
background-size: auto 50%;
  }
  #floating .search-category2 .category > li.open > a .on { opacity: 1; }
  #floating .search-category2 .category > li:open > a span { color: white; }

  /*** contents course search-category popup ***/
  #floating .search-category2 .category > li .popup {
position: relative;
top: 0;
z-index: 0;
width: calc(100vw - (28 / 750 * 100vw));
height: 0;
padding: 0;
overflow: hidden;
opacity: 1;
transform: scale(1, 1);
-webkit-transition: height .3s ease;
transition: height .3s ease;
  }
  #floating .search-category2 .category > li:nth-of-type(3n+1) .popup { left: 0; }
  #floating .search-category2 .category > li:nth-of-type(3n+2) .popup { left: calc(-100% - (10 / 750 * 100vw)); }
  #floating .search-category2 .category > li:nth-of-type(3n+3) .popup { left: calc(-200% - (20 / 750 * 100vw)); }
  #floating .search-category2 .category > li.open a + .popup {
z-index: 1;
  }
  #floating .search-category2 .popup h3,
  #floating .search-category2 .popup .popup-body2:after {
display: none;
  }
  #floating .search-category2 .popup-body2 {
background-color: transparent;
border: none;
padding: calc(25 / 750 * 100vw) calc(15 / 750 * 100vw) calc(15 / 750 * 100vw);
  }
  #floating .search-category2 .popup-body2 .courses > li {
background-color: white;
border-radius: calc(5 / 750 * 100vw);
width: calc(340 / 750 * 100vw);
min-height: calc(72 / 750 * 100vw);
margin: calc(3 / 750 * 100vw);
  }
  #floating .search-category2 .popup-body2 .courses > li a {
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2.2em;
line-height: calc(26 / 22 * 1em);
background: url(/img/common/icon-nav-arrow02.svg) no-repeat right calc(14 / 750 * 100vw) center / auto calc(30 / 750 * 100vw);
height: 100%;
padding: calc(10 / 750 * 100vw) calc(40 / 750 * 100vw) calc(10 / 750 * 100vw) calc(26 / 750 * 100vw);
  }
  #floating .search-category2 .popup-body2 .courses > li a:hover {
text-decoration: none;
  }

}