@charset "utf-8";
/* CSS Document */

body {
	background-color: #333;
	color: #fff;
}
#section00 {
	background-color: #222;
}
section {
	width: 100%;
	margin-bottom: 60px;
}
section nav {
	width: 960px;
	margin: 0 auto;
}
section .top_contents nav {/* 目次内ページ内リンク */
	width: 880px;
	padding: 40px 0 45px;
}
.section_inner {/* ページ内リンク位置調整 */
	padding-top: 49px;
	margin-top: -49px;
}
#section00 {
	margin-bottom: 110px;
}
footer {
	margin-top: 230px;
}
.page_link li a {
	padding-top: 2px;
}
.page_link li a,.page_link li a:hover {
	color: #fff;
}
.course_title,.mokuji_title,figcaption {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
}
.course_title {
	position: relative;
	top: 40px;
	text-align: center;	
	font-size: 30px;
}
.course_title span{
	font-size: 16px;
	margin-left: 10px;
}
.mokuji_title {
	font-size: 60px;
	margin-top: 1.8rem;
}
figure {
	width: 1200px;
	margin: 0 auto 30px;	
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}
figcaption {
	font-size: 42px;
	margin-left: 1.5rem;
}
#section00 .page_link li a:before {
	display: inline-block;
	content: '';
	width: 12px;
	height: 12px;
	margin-right: 10px;
	border-radius: 0;
}
#section00 .page_link li a:after {
	display: none;
}
section .top_contents nav .page_link li a {
	width: 880px;
}
.page_link li a {
	width: 960px;
	display: flex;
	flex-direction: row;
	align-items: baseline;
}
.page_link li a:before {
	display: inline-block;
	content: '';
	width: 16px !important;
	height: 16px !important;
	margin-right: 10px;
	border-radius: 50%;
}
.understandinglevel p {
	transition: .3s ease-in-out;
}
.understandinglevel p:hover {
	filter: brightness(1.2);
}
/*
.page_link li a:after {
	display:inline-block;
	content: url("../images/mokuji/understanding.png");
	margin-left: auto;
}
*/
/* 理解度アイコン */
.understanding01 a:after {
	display:inline-block;
	content: url("../images/mokuji/understanding01.png");
	margin-left: auto;
}
.understanding02 a:after {
	display:inline-block;
	content: url("../images/mokuji/understanding02.png");
	margin-left: auto;
}
.understanding03 a:after {
	display:inline-block;
	content: url("../images/mokuji/understanding03.png");
	margin-left: auto;	
}
.understanding04 a:after {
	display:inline-block;
	content: url("../images/mokuji/understanding04.png");
	margin-left: auto;
}
.understanding05 a:after {
	display:inline-block;
	content: url("../images/mokuji/understanding05.png");
	margin-left: auto;
}
.page_link li a:hover {
	background-color: rgba(112,112,112,0.3);
}
#section01 figcaption {/* PARTタイトルカラー */
	color: #87E5FE;
}
#section01 .page_link li a:before,.part01 a:before {/* リストスタイル● */
	background: linear-gradient(#6DB8CB,#548B9A);
}
#section02 figcaption {
	color: #8FE3BF;
}
#section02 .page_link li a:before,.part02 a:before {
	background: linear-gradient(#7ABFA1,#648E71);
}
#section03 figcaption {
	color: #CBCB6D;
}
#section03 .page_link li a:before,.part03 a:before {
	background: linear-gradient(#CBCB6D,#8A9A54);
}
#section04 figcaption {
	color: #CBA26D;
}
#section04 .page_link li a:before,.part04 a:before {
	background: linear-gradient(#CBA26D,#9A6754);
}
#section05 figcaption {
	color: #EC7E7E;
}
#section05 .page_link li a:before,.part05 a:before {
	background: linear-gradient(#CB6D6D,#9A5454);
}
#section06 figcaption {
	color: #F587CF;
}
#section06 .page_link li a:before,.part06 a:before {
	background: linear-gradient(#CB6DAB,#9A548A);
}
#section07 figcaption {
	color: #996DCB;
}
#section07 .page_link li a:before,.part07 a:before {
	background: linear-gradient(#996DCB,#8C549A);
}
#section08 figcaption {
	color: #6D80CB;
}
#section08 .page_link li a:before,.part08 a:before {
	background: linear-gradient(#6D80CB,#54629A);
}
#section09 figcaption {
	color: #969696;
}
#section09 .page_link li a:before,.part09 a:before {
	background: linear-gradient(#969696,#646464);
}
#section10 figcaption {
	color: #4C7E8B;
}
#section10 .page_link li a:before,.part10 a:before {
	background: linear-gradient(#4C7E8B,#29444C);
}
#section50 figcaption {
	color: #fff;
    font-size: 2em;
    font-weight: normal;
}
#section50 .page_link li a:before,.part50 a:before {
	background: linear-gradient(#777,#444);
}
.mokuji_link{
    font-size: 1rem;
    line-height: 1.4rem;
}
/*ここから1200px以下表示*/
@media only screen and (max-width: 1266px){
	figure {
		width: 96%;
	}
}

/*ここから1000px以下表示*/
@media only screen and (max-width: 1000px){
	figure,section nav,.subscription {
		width: 94%;
	}
	section .top_contents nav {
		width: 96%;
	}
	.page_link li a {
		max-width: 100%;
	}
}

/*ここから640px以下表示*/
@media only screen and (max-width: 640px){
    .mokuji_title {
        font-size: 2.5rem;
        margin: 1.7rem auto 3rem;
    }
	figure {
		width: 100%;
		flex-direction: column;
		align-items: center;
	}
	figcaption {
		font-size: 28px;
		margin: 10px auto 0;
        text-align: center;
        line-height: 35px;
	}
    .course_title {
        position: relative;
        top: 40px;
        text-align: center;	
        font-size: 20px;
        line-height: 1.4rem;
    }
    /*
	.page_link li a:after {
		display:inline-block;
		content: url("../images/mokuji/understanding_sp.png");
		margin-left: auto;
	}
    */
	/* 理解度アイコン　スマホ版 */
    .understanding01 a:after {
        display:inline-block;
        content: url("../images/mokuji/understanding_sp01.png");
        margin-left: auto;
    }
    .understanding02 a:after {
        display:inline-block;
        content: url("../images/mokuji/understanding_sp02.png");
        margin-left: auto;
    }
    .understanding03 a:after {
        display:inline-block;
        content: url("../images/mokuji/understanding_sp03.png");
        margin-left: auto;
    }
    .understanding04 a:after {
        display:inline-block;
        content: url("../images/mokuji/understanding_sp04.png");
        margin-left: auto;
    }
    .understanding05 a:after {
        display:inline-block;
        content: url("../images/mokuji/understanding_sp05.png");
        margin-left: auto;
    }
}

/*ここから500px以下表示*/
@media only screen and (max-width: 500px){
    .page_link li a:before {
        display: none;
    }
    .page_link li a {
        font-size: 1rem;
        line-height: 1.3rem;
        padding: 8px 0;
    }
}