@charset "UTF-8";

/* カテゴリから探す（アコーディオン）
----------------------------------------------*/
.p-sectionCat {
	padding: 35px 0;
	background: #f5f2ed;
}

.p-sectionCat .l-container {
    width: 90%;
    background: #fff;
    padding: 0 15px 10px;
    border-radius: 15px;
}

.p-sectionCat .p-categoryNameList {
	display: block;
	margin: 0;
}

.p-sectionCat .p-categoryNameList__item {
	width: 100%;
	border-bottom: #d3d3d3 dashed 1px;
}

/* .p-sectionCat .p-categoryNameList__item:last-of-type {
	border-bottom: none;
} */

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	cursor: pointer;
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__wrap {
	display: flex;
	align-items: center;
	gap: 5px;
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 10vw !important;
    /* padding: 8px; */
    /* background: #eee; */
    /* border-radius: 50px; */
    width: 10vw;
	position: relative;
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__icon::before {
    content: "●";
    display: block;
    font-size: 45px;
    position: absolute;
    color: rgba(170, 209, 79, 0.2);
    z-index: 1;
    width: 45px;
    left: 50%;
    top: 16%;
    transform: translate(-50%, -50%);
    height: 40px;
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(2) .p-categoryNameList__icon::before{
	color: rgba(200, 151, 255,0.2);
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(3) .p-categoryNameList__icon::before{
	color: rgba(240, 189, 0,0.2);
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(4) .p-categoryNameList__icon::before{
	color: rgba(136, 196, 224,0.2);
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(5) .p-categoryNameList__icon::before{
	color:rgba(255, 87, 86,0.2);
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(6) .p-categoryNameList__icon::before{
	color: rgba(0, 191, 99,0.2);
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(7) .p-categoryNameList__icon::before{
	color: rgba(195, 198, 0,0.2);
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(8) .p-categoryNameList__icon::before{
	color: rgba(201, 181, 120,0.2);
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(9) .p-categoryNameList__icon::before{
	color: rgba(238, 109, 62,0.2);
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(10) .p-categoryNameList__icon::before{
	color: rgba(178, 176, 216,0.2);
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(11) .p-categoryNameList__icon::before{
	color: rgba(137, 227, 121,0.2);
}
.p-sectionCat .p-categoryNameList__item:nth-of-type(12) .p-categoryNameList__icon::before{
	color: rgb(253, 255, 0, 0.2);
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__text {
	display: block;
	height: auto;
	background-color: transparent !important;
	color: #000 !important;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: -0.075em;
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__arrow {
	position: relative;
	right: 10px;
	width: 15px;
	height: 15px;
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__arrow::before {
	content: "";
	position: absolute;
	top: calc(50% - 7.07px);
	left: calc(50% - 7.07px);
	width: 10px;
	height: 10px;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	transform: rotate(135deg);
	transition: 0.3s all ease-in-out;
}

.p-sectionCat .p-categoryNameList__item .is-active .p-categoryNameList__arrow::before {
	top: calc(50% - 3.535px);
	transform: rotate(-45deg);
}

.p-sectionCat .js-slideToggle::before,
.p-sectionCat .js-slideToggle::after {
	content: none;
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__contents {
	display: block;
	padding: 12px 20px;
	border-top: 1px solid #DDD;
	background-color: #f7f7f7;
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__course a {
	position: relative;
	display: block;
	padding: 6px 0 6px 18px;
	font-size: 13px;
	font-weight: bold;
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__course a::before {
	content: "▲";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) rotate(90deg);
	color: #999;
	font-size: 10px;
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__other {
	padding-top: 6px;
}

.p-sectionCat .p-categoryNameList__item .p-categoryNameList__other a {
	padding: 8px 0;
	font-size: 13px;
	text-decoration: underline;
}

@media only screen and (min-width: 798px) {
	.p-sectionCat {
		padding: 60px 0 ;
	}

	.p-sectionCat .l-container {
		max-width: 960px;
	}

	.p-sectionCat .p-categoryNameList__item .p-categoryNameList__text {
		font-size: 16px;
	}

	.p-sectionCat .p-categoryNameList__item .p-categoryNameList__arrow {
		width: 50px;
		height: 50px;
	}

	.p-sectionCat .p-categoryNameList__item .p-categoryNameList__arrow::before {
		top: calc(50% - 8.5px);
		left: calc(50% - 8.5px);
		width: 12px;
		height: 12px;
		border-top: 3px solid #999;
		border-right: 3px solid #999;
	}

	.p-sectionCat .p-categoryNameList__item .p-categoryNameList__contents {
		padding: 12px 62px;
	}

	.p-sectionCat .p-categoryNameList__item .p-categoryNameList__course a {
		font-size: 16px;
	}

	.p-sectionCat .p-categoryNameList__item .p-categoryNameList__other a {
		font-size: 16px;
	}
	.p-sectionCat .p-categoryNameList__item .p-categoryNameList__icon::before {
		top: 8%;
	}
	.p-sectionCat .p-categoryNameList__item .p-categoryNameList__icon {
		height: 50px !important;
		width: 50px;
	}
.p-sectionCat .p-categoryNameList__item .p-categoryNameList__icon::before{
	content: "●";
    display: block;
	font-size: 55px;
	position: absolute;
	color: rgba(170, 209, 79, 0.2);
	z-index: 1;
	width: 55px;
	left: 50%;
	top: 10%;
    transform: translate(-50%, -50%);
    height: 40px;
}

/* TOPスライダー */
#monthly .mdm_slide {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	/* 5列 */
	grid-auto-rows: auto;
	/* 行の高さは中身に合わせる */
	padding: 0;
	overflow: visible;
	width: 100%;
	justify-content: flex-start;
	/* 横幅中央寄せ */
	margin: 0 auto;
}

#monthly.mdm_slide li {
	position: relative;
	min-width: 40vw;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);
	list-style-type: none;
}

#monthly .swiper-slide img {
	width: 100%;
	border-radius: 5px;
	box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);
}


        
}


.pickup_bnr {
	display: flex;
	justify-content: center;
	width: 750px;
	margin: 0 auto;
}

.pickup_bnr img {
	border-radius: 8px;
	box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);
}

.sab_cption {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 2px;
}

.sab_cption em {
	font-style: normal;
	font-size: 130%;
	color: rgb(227, 7, 7);
	background: linear-gradient(transparent 50%, #fff869 50%);
}

.sab_cption {
	text-align: center;
}

#rank .c-button {
	margin-top: 0 !important;
}

#rank .c-button a {
	font-size: 19px;
	padding: 17px 0;
	min-width: 360px;
}

.coursepickup_tabContent>div>*+* {
	margin-top: 20px !important;
}

.p-firstToc02 .tab2 {
	margin-top: 10px !important;
}

#monthly .content_01 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	grid-template-areas:
		"no1 no2 no3 no8 no13"
		"no3 no4 no9 no10 no14"
		"no5 no6 no11 no12 no15";
}

#monthly .content_01:nth-child(2) {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	grid-template-areas:
		"no16 no17 no22 no23 no28"
		"no18 no19 no24 no25 no29"
		"no20 no21 no26 no27 no30";
}

@media only screen and (max-width: 797px) {
	#monthly .swiper-wrapper {
        display: flex;
		flex-direction: row;
		overflow-x: scroll;
		gap: 10px;
		-webkit-overflow-scrolling: touch;
		/* height: 100vh; */
	}

		#monthly .swiper-slide {
        position: relative;
        min-width: 220vw;
        overflow: hidden;
        border-radius: 5px;
        list-style-type: none;
    }

/* 	#monthly .content_01 {
		display: grid;
		grid-template-rows: repeat(3, auto);
		grid-auto-flow: column;
		gap: 10px;
		padding: 0 0 2vw;
		justify-content: flex-start;
		margin: 0 auto;
	} */
	
		#monthly .no1 {
			grid-area: no1;
		}
	
		#monthly .no2 {
			grid-area: no2;
		}
	
		#monthly .no3 {
			grid-area: no3;
		}
	
		#monthly .no4 {
			grid-area: no4;
		}
	
		#monthly .no5 {
			grid-area: no5;
		}
	
		#monthly .no6 {
			grid-area: no6;
		}
	
		#monthly .no7 {
			grid-area: no7;
		}
	
		#monthly .no8 {
			grid-area: no8;
		}
	
		#monthly .no9 {
			grid-area: no9;
		}
	
		#monthly .no10 {
			grid-area: no10;
		}
	
		#monthly .no11 {
			grid-area: no11;
		}
	
		#monthly .no12 {
			grid-area: no12;
		}

		#monthly .no13 {
			grid-area: no13;
		}
	
		#monthly .no14 {
			grid-area: no14;
		}
	
		#monthly .no15 {
			grid-area: no15;
		}
	
		#monthly .no16 {
			grid-area: no16;
		}
	
		#monthly .no17 {
			grid-area: no17;
		}
	
		#monthly .no18 {
			grid-area: no18;
		}
	
		#monthly .no19 {
			grid-area: no19;
		}
	
		#monthly .no20 {
			grid-area: no20;
		}

		#monthly .no21 {
			grid-area: no21;
		}
	
		#monthly .no22 {
			grid-area: no22;
		}
	
		#monthly .no23 {
			grid-area: no23;
		}
	
		#monthly .no24 {
			grid-area: no24;
		}
	
		#monthly .no25 {
			grid-area: no25;
		}
	
		#monthly .no26 {
			grid-area: no26;
		}
	
		#monthly .no27 {
			grid-area: no27;
		}
	
		#monthly .no28 {
			grid-area: no28;
		}
	
		#monthly .no29 {
			grid-area: no29;
		}
	
		#monthly .no30 {
			grid-area: no30;
		}

		
		#monthly .content_01 {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 10px;
		grid-template-areas:
			"no1 no2 no7 no8 no13"
			"no3 no4 no9 no10 no14"
			"no5 no6 no11 no12 no15";
	}

	#monthly .content_01:nth-child(2) {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 10px;
		grid-template-areas:
			"no16 no17 no22 no23 no28"
			"no18 no19 no24 no25 no29"
			"no20 no21 no26 no27 no30";
	}
		

		#rank .c-button a {
		font-size: 17px;
		font-weight: bold;
		display: inline-block;
		border-radius: 7px;
		min-width: 300px;
		padding: 15px 0;
	}

	#rank .sab_cption {
		text-align: center;
		font-size: 14px;
		font-weight: bold;
	}

		.coursepickup_tabContent>div>*+* {
			margin-top: 20px !important;
		}

.pickup_bnr {
    display: flex;
    justify-content: center;
    width: 330px;
    margin: 0 auto;
}

.pickup_bnr img {
	border-radius: 8px;
    box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);
}

.swiper-button-prev-mon::after,
.swiper-button-next-mon::after {
	display: none;
}

    .mon_item {
		overflow: hidden;
        border-radius: 5px;
        /* box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); */
        list-style-type: none;
    }

.coursepickup_tabContent h1 {
	width: 90%;
	margin: 10px auto 0;
}


.p-topNews__tag {
	padding: 3px 0 !important;
	line-height: 1.2 !important;
}

/* #monthly.swiper {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
} */
}

/* WebKit系ブラウザ（Chrome, Safari）対応 */
.mdm_slide::-webkit-scrollbar {
  display: none;
}

/* Firefox対応 */
.mdm_slide {
  scrollbar-width: none; /* Firefoxで非表示 */
  -ms-overflow-style: none; /* IE・Edge対応（念のため） */
}

.p-rank__notice a {
	color: rgb(0, 0, 238);
	text-decoration: underline;
}

@media (min-width: 798px) {
	#monthly .swiper-wrapper {
		display: flex;
		flex-direction: row;
		width: 100% !important;
	}

	#monthly .content_01 {
		display: grid !important;
		grid-template-columns: repeat(5, 1fr);
		grid-auto-rows: auto;
		gap: 10px;
		width: 100%;
	}


	#monthly .swiper-slide {
		width: 100% !important;
	}

	.mon_item {
		width: 100%;
		overflow: hidden;
		border-radius: 5px;
		/* box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1); */
		display: block;
		padding-bottom: 4px;
	}

	.monthly_swiper {
		max-width: 1000px;
		width: 100%;
	}

	.swiper-button-prev-mon::after,
	.swiper-button-next-mon::after {
		height: 40px !important;
		width: 40px !important;
	}


    .swiper-button-prev-mon::after {
        background-image: none !important;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        font-size: 15px;
        padding: 5px 13px;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        border-radius: 50px;
        content: "◀︎";
    }

    .swiper-button-next-mon::after {
        background-image: none !important;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        font-size: 15px;
        padding: 5px 13px;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        border-radius: 50px;
        content: "▶︎";
    }

.swiper-button-next-mon {
	right: 30px;
}

.swiper-button-prev-mon {
	left: 30px;
}

.swiper-button-next-mon,
.swiper-button-prev-mon {
	top: 44% !important;
}

.coursepickup_tabContent h1 {
	width: 580px;
    margin: 0 auto;
	}


.coursepickup_tabContent>div>*+* {
	margin-top: 15px !important;
}

#monthly .swiper-wrapper.sp {
	display: none;
}

}

#monthly .swiper-slide img {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);
}

.swiper-button-prev-mon::after,
.swiper-button-next-mon::after {
	background: #ff5211 !important;
}
		
.coursepickup_tabContent>div.active {
	display: block;
	position: relative;
}

.swiper-button-next-mon,
.swiper-button-prev-mon {
	position: absolute;
}

.swiper-button-disabled {
	opacity: 0.3;
	pointer-events: none;
	cursor: default;
}

#mv .cam_shadow {
	border: #2347a2 2px solid;
}


/* 250829追加 */
.zyukousei_form::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 20px;
	background-image: url(../renewal/img/top/zyukou_icon.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.zyukousei_form a {
	text-decoration: none;
	color: #fff;
}

.zyukousei_form em {
	font-style: normal;
	font-size: 80%;
	padding-left: 5px;
}

.l-headerPcNav a:hover {
	text-decoration: underline;
}



@media only screen and (max-width: 767px) {
	.zyukousei_form {
		background: #3da841;
		color: #fff;
		height: 60px;
		margin: 0 auto;
		width: 90%;
		margin-bottom: 15px;
		font-size: 17px;
		text-align: center;
		align-items: center;
		justify-content: center;
		font-weight: bold;
        padding: 8px 13px;
	    display: flex;
	    gap: 5px;
	    align-items: center;
	    border-radius: 5px;
	}
	
	.zyukousei_form a {
		color: #fff;
	}

.p-rank .p-rank__notice {
	text-align: center;
	margin-top: 0 !important;
}

.mar0 .monthly_swiper {
	margin-top: 10px !important;
}
 
#rank .sab_cption {
	margin-top: 0 !important;
}

.box_i {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	position: relative;
	min-width: 88vw;
	list-style-type: none;
	gap: 10px;
	/* border-right: 1.5px #ccc dotted; */
	padding-right: 10px;
	z-index: 1;
}

.tab_content {
	display: flex;
	flex-direction: row;
	overflow-x: scroll;
	max-width: 100vw;
	gap: 10px;
}

}

.p-rank .p-rank__notice {
	margin-top: 0 !important;
}

.p-rank .p-rank__noticep:nth-child(2) {
	margin-top: 10 !important;
}

.p-rank__notice.mar10 {
	margin-top: 10px !important;
}

/* .main_box {
	        display: flex
;
        flex-direction: row;
        overflow-x: scroll;
} */