@charset "utf-8";

@import  "course-detail.css";



/* === this stylesheet is [ course.css ] ===*/



#course-index section { padding: 0; }

#main #course-index.content h2,
#main #course-index.content h3,
#main #course-index.content h4,
#main #course-index.content h5,
#main #course-index.content h6 { font-weight: bold; }

#main #course-index.content h2 {
	font-size: 1.34rem;
	text-align: center;
	margin-bottom: 2rem;
}

#main #course-index.content h2 span {
	padding: 0 4px 4px;
	border-bottom: 3px solid;
	display: inline-block;
}

#main #course-index.content h3 {
	font-size: 1.28rem;
	text-align: left;
	margin-bottom: 0;
}

#main #course-index.content .pickup-item h3,
#main #course-index.content .picup-reason h3 {
	text-align: center;
	margin-bottom: 1rem;
}

#main #course-index.content .course-index_read h3 { margin-bottom: 1.6rem; }

#main #course-index.content .left_box h3 { margin: 1.4rem 0; }

#main #course-index.content .line_06 ul.box h3 {
	font-size: 1.14rem;
	margin: 1rem;
}

#main #course-index.content .course_list h3 {
	font-size: 1.18rem;
	margin-bottom: 0.8rem;
}

#main #course-index.content .course_difference h3 { margin-bottom: 1.6rem; }

#main #course-index.content h4,
#main #course-index.content h5 {
	font-size: 1.06rem;
	margin-bottom: 1rem;
}

#course-index p {
	line-height: 1.86;
	margin-bottom: 1.8rem;
}

#course-index .line_06 ul.box p { margin-bottom: 0; }

#course-index .course_list p {
	line-height: 1.6;
	margin-bottom: 0.8rem;
}

#main #course-index.content .course_difference .baby_detail p { margin-bottom: 0; }

#course-index a {
	color: #128ee6;
	text-decoration: underline;
}



/* .course-index_pickup */
.course-index_pickup { overflow: hidden; }

#course-index .pickup-item {
	text-align: center;
	margin-bottom: 2rem;
}

#course-index .pickup-item a {
	color: #333 !important;
	text-decoration: none !important;
	border: 1px solid #aaa;
	border-radius: 8px;
	display: block;
	overflow: hidden;
}

#course-index .pickup-item figure { margin-bottom: 1rem; }

#course-index .pickup-item .more-read-btn { margin: 1.4rem; }



/* .course-index_quick-nav */
.course-index_quick-nav {
	background-color: #f7f7f7;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 1.6rem;
	margin-bottom: 3rem;
	text-align: center;
}

.course-index_quick-nav_title {
	font-weight: bold;
	font-size: 1.18rem;
	margin-bottom: 1.6rem;
}

.course-index_quick-nav_list {
	margin: 0 auto;
	overflow: hidden;
}



/* .course_list */
#course-index .course_list small {
	font-size: 0.9rem;
	margin-bottom: 0.6rem;
	display: inline-block;
}

#course-index .course_list .btn a span {
	background: url("../img/common/icon-wakaba.png")  0 0 / 24px 30px no-repeat;
	padding-left: 32px;
	line-height: 30px;
	display: inline-block;
}

#course-index .course_list li.ryt200:after,
#course-index .course_list li.ryt500:after,
#course-index .course_list li.ryt500yacep:after {
	content: "";
	position: absolute;
		top: 1.2rem;
		right: 1.2rem;
}

#course-index .course_list li.ryt200:after {
	background: url("../img/info/yoga/icon_ryt200.png")  0 0 / 50px no-repeat;
	width: 50px;
	height: 50px;
}

#course-index .course_list li.ryt500:after {
	background: url("../img/info/yoga/icon_ryt500.png")  0 0 / 50px no-repeat;
	width: 50px;
	height: 50px;
}

#course-index .course_list li.ryt500yacep:after {
	background: url("../img/info/yoga/mark-icon-yoga_ryt500_yacep.png")  0 0 / 100px no-repeat;
	width: 100px;
	height: 50px;
}


.qualification-label dt {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0.3rem;
}

.qualification-label dd {
	font-size: 14px;
	color: #555;
	border: 1px solid #aaa;
	padding: 0 6px;
	margin: 0 0.4rem 0.4rem 0;
	line-height: 1.6;
	display: inline-block;
}



/* .qualification_course-index */
.qualification_course-index { overflow: hidden; }

.qualification_course-index li { text-align: center; }

.qualification_course-index li a {
	border: 10px solid #f8f8f8;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
}

.qualification_course-index li figure {
	border-bottom: 3px solid #fa7415;
	margin-bottom: 1.2rem;
}

.qualification_course-index li figure img {
	width: 100%;
	height: auto;
}

.qualification_course-index li h2 {
	font-size: 1.18rem;
	font-weight: bold;
}

.qualification_course-index li .course-format {
	font-size: 0.86rem;
	font-weight: bold;
	margin: 1.2rem 0;
}

.qualification_course-index li .course-more {
	border: 2px solid #fa7415;
	color: #fa7415;
	background-color: #fff;
	font-size: 1rem;
	font-weight: bold;
	padding: 8px 0;
	margin: 0 1.2rem 1.2rem;
	box-sizing: border-box;
	border-radius: 6px;
}



/* .price-list-table */
.course-price h3 {
	font-size: 1.18rem !important;
	margin-bottom: 1rem !important;
}

.price-list-table {
	border: 1px solid #ccc;
	width: 100%;
	margin-bottom: 1.6rem;
	display: block;
}

.price-list-table tr,
.price-list-table th,
.price-list-table td { box-sizing: border-box; }

.price-list-table th { font-weight: normal; }

.price-list-table td { vertical-align: top; }

.price-list-table .course-qualification li {
	list-style: disc;
	margin-left: 1rem;
}

.price-list-table .course-price {
	font-weight: bold;
	color: #fa7415;
	text-align: center;
}

.price-list-table .course-price span {
	font-size: 0.74em;
	font-weight: normal;
	display: block;
}



/* 相殺用 style */
#main #course-index.content .course_list li div.box .sub_box { margin-top: 0; }




@media screen and (max-width: 480px){ /* for SP */
	.course-index_quick-nav_list li { margin-bottom: 1rem; }

	.course-index_quick-nav_list li:last-child { margin-bottom: 0; }


	/* .qualification_course-index */
	.qualification_course-index li { margin-bottom: 2rem; }

	.qualification_course-index li:last-child { margin-bottom: 0; }


	.course_list li div.box .sub_box .btn.gra_orange.pc_none { display: block; }


	/* .price-list-table */
	.price-list-table {
		padding: 1.6rem 1.6rem 5rem;
		border-top-right-radius: 1.6rem;
		border-top-left-radius:   1.6rem;
		position: relative;
	}

	.price-list-table thead,
	.price-list-table tbody {
		width: 100%;
		display: table;
	}

	.price-list-table thead th { display: none; }

	.price-list-table td { display: block; }

	.price-list-table .course-name {
		font-weight: bold;
		font-size: 1.24rem;
		padding-bottom: 1.6rem;
	}

	.price-list-table .course-price,
	.price-list-table .course-qualification {
		border-top: 1px dashed #ccc;
		padding: 1rem 1.6rem;
		margin: 0 -1.6rem;
	}

	.price-list-table ul:before {
		font-weight: bold;
		margin-bottom: 1rem;
		display: block;
	}

	.price-list-table ul.qualification:before { content: "取得できる資格"; }
	
	.price-list-table ul.practical:before { content: "主要な実技"; }
	
	.price-list-table .course-price { font-size: 2.3rem; }
	
	.price-list-table .course-breakdown-table { width: 100%; }

	.price-list-table .course-breakdown-table th { width: 66%; }

	.price-list-table .course-breakdown-table td { width: 34%; }

	.price-list-table .course-breakdown-table th,
	.price-list-table .course-breakdown-table td {
		padding: 8px 0;
		display: inline-block;
	}

	.price-list-table .course-breakdown-table th { text-align: left; }

	.price-list-table .course-breakdown-table td { text-align: right; }

	.price-list-table .course-breakdown-table .two-lines small { font-size: 0.74rem; }

	.price-list-table .button-full-orange {
		position: absolute;
		bottom: 1.6rem;
		right: 1.6rem;
		left: 1.6rem;
	}
/* for SP end */ }




@media screen and ( min-width : 481px ) { /* for PC */
	.course-index_pickup {
		width: 80%;
		margin: 0 auto;
	}

	.course-index_pickup .pickup-item {
		width: 45%;
		margin-right: 2.5%;
		margin-left: 2.5%;
		float: left;
	}

	.course-index_quick-nav_list {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.course-index_quick-nav_list li {
		width: 32%;
		margin: 0 .66%;
	}


	/* .qualification_course-index */
	.qualification_course-index { margin: 0 -1.5% -3%; }

	.qualification_course-index li {
		float: left;
		width: 30.333%;
		margin: 0 1.5% 3%;
	}


	.course_list li div.box .sub_box .btn.gra_orange.pc_none { display: none; }


	/* .price-list-table */
	.price-list-table { font-size: 14px; }

	.price-list-table tr,
	.price-list-table th,
	.price-list-table td {
		padding: 8px 12px;
		box-sizing: border-box;
	}

	.price-list-table .course-qualification,
	.price-list-table .course-breakdown { font-size: 13px; }

	.price-list-table thead th {
		background-color: #fafafa;
		border-bottom: 1px solid #ccc;
	}

	.price-list-table .course-name {
		width: 20%;
		border-right: 1px solid #ccc;
	}

	.price-list-table .course-qualification {
		width: 16%;
		border-right: 1px solid #ccc;
	}
	
	.price-list-table .course-price {
		width: 12%;
		border-right: 1px solid #ccc;
		font-size: 19px;
	}

	.price-list-table .course-breakdown {
		width: 50%;
		padding: 0;
		text-align: center !important;
	}

	.price-list-table .course-breakdown-table {
		border-bottom:  1px solid #ccc;
		margin-bottom: -1px;
	}

	.price-list-table .course-breakdown-table tr {
		float: left;
		width: 20%;
		border-right: 1px solid #ccc;
		text-align: center;
		display: grid;
	}

	.price-list-table .course-breakdown-table tr:nth-child(5) { border-right: none; }
	
	.price-list-table .course-breakdown-table tr:nth-child(n+1):nth-child(-n+5) { border-bottom: 1px solid #ccc; }

	.price-list-table .course-breakdown-table th { display: table; }
	
	.price-list-table .course-breakdown-table th,
	.price-list-table .course-breakdown-table td { vertical-align: middle; }
	
	.price-list-table .course-breakdown-table .two-lines { padding: 2px; }

	.price-list-table .course-breakdown-table .two-lines small {
		font-size: 0.6rem;
		margin-top: -4px;
		display: block;
	}

	.price-list-table .button-full-orange { margin-top: 0.8rem; }
/* for PC end */ }



/* === common.cssから移設 === */
.course_list li {
	border: 1px solid #aaa;
	margin-bottom: 2rem;
	box-sizing: border-box;
	position: relative;
}

.course_list li#icon_rank01:before {
	background: url(../img/info/icon_rank01.png) center / 120px 120px no-repeat;
	content: "";
	display: block;
	width: 120px;
	height: 120px;
	position: absolute;
	top: 6px;
	left: 0;
	z-index: 1;
}

.course_list li .box {
	padding: 20px 30px;
	box-sizing: border-box;
}


.course_list .box .sub_box { margin-top: 20px; }

/* .tip */
.course_list .tip {
	padding: 2px 8px;
	margin-bottom: 0.5rem;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	display: inline-block;
}

.course_list .tip.red {
	background: #f42f05;
	background: -moz-linear-gradient(left, #f42f05 0%, #f27324 100%);
	background: -webkit-linear-gradient(left, #f42f05 0%,#f27324 100%);
	background: linear-gradient(to right, #f42f05 0%,#f27324 100%);
}

.course_list .tip.green {
	background: #39a444;
	background: -moz-linear-gradient(left, #39a444  0%, #83da2f 100%);
	background: -webkit-linear-gradient(left, #39a444 0%,#83da2f 100%);
	background: linear-gradient(to right, #39a444 0%,#83da2f 100%);
}

.course_list .tip.blue {
	background: #3e6dc7;
	background: -moz-linear-gradient(left, #3e6dc7 0%, #24a6c6 100%);
	background: -webkit-linear-gradient(left, #3e6dc7 0%,#24a6c6 100%);
	background: linear-gradient(to right, #3e6dc7 0%,#24a6c6 100%);
}

.course_list .tip.yellow { background: #f6ac17; }

#infoSeitai.index #main .content .link_box .btn_change a,
#infoSeitai.index #main .content .link_box .btn_dokuritsu a { background-size: 100%; }

#infoSeitai.index #main .content .link_box .btn_change a {
	background: url(../img/info/seitai/bg_change.jpg) center center no-repeat;
}

#infoSeitai.index #main .content .link_box .btn_dokuritsu a {
	background: url(../img/info/seitai/bg_dokuritsu.jpg) center center no-repeat;
}

#infoSeitai.index .ttl_main {
	background: url(../img/info/bg_seitai03.jpg) center top no-repeat;
}



@media screen and (max-width: 480px){ /* for SP */
	.course_list li .img_box {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.course_list .box .sub_box .left { margin-bottom: 1rem; }
/* for SP end */ }

@media screen and ( min-width : 481px ) { /* for PC */
	.course_list li { display: flex; }

	.course_list li .img_box {
		width: 416px;
		overflow: hidden;
	}

	.course_list li .box { width: 780px; }

	.course_list .box .sub_box .left { float: left; }
/* for PC end */ }