@charset "utf-8";

header b {
	color: #752187;
	font-size: 2rem;
	display: inline-block;
	line-height: 4rem;
	position: relative;
	padding: 0 0 0 3rem;
}

header b::before { content: ""; width: .2rem; height: 2.8rem; background-color: #A4894F; position: absolute; top: .6rem; left: 0; }

#MainL h3 { color: #752187; border-bottom-color: #752187; margin-bottom: 0; }

#MainL div { margin: 2rem 0 2.5rem; padding: 0 2rem 2rem; background-color:rgba(117, 33, 135, .2); }
#MainL div h4 { font-size: 1.4rem; font-weight: bold; padding: 1.6rem 0; }
#MainL div p { font-size: 1.3rem; text-align: left; background-color: #FFFFFF; padding: 1rem 1rem 3rem; }

#MainL ul li.menu ul li span { border-left-color: #752187; }
#MainL ul li ul li { border-bottom: none; position: relative; }
#MainL ul li ul li::after { content: "\f105"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: calc(50% - 5px); right: 8px; color: #752187; }
#MainL ul li ul li a.active, #MainL ul li ul li a:hover { background-color: rgba(117, 33, 135, 0.07); }
#MainR { border-left: none; }

#BlockTopics2 h3 span:not(.no-border) { display:inline-block; border-bottom: 3px solid #A4894F; letter-spacing: 0; }
#BlockTopics2 h3 span span:not(.no-border) { border-bottom: none; letter-spacing: 0; }

#BlockTopics2Inner.myoon { border-top: 1px solid rgba(164, 137, 79, 0.2); padding-top: 4rem; }

#BlockTopics2Inner.myoon dl.clearfix { padding-bottom: 2rem; }
#BlockTopics2Inner.myoon dl.clearfix dd { position: relative; padding-left: 3rem; }
#BlockTopics2Inner.myoon dl.clearfix dd::after { content: "\f105"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: calc(50% - 5px); left: 0; color: #752187; }
#BlockTopics2Inner.myoon dl.clearfix dd a { position: relative; padding-right: 4rem; }
#BlockTopics2Inner.myoon dl.clearfix dd a::after { content: ""; position: absolute; top: 0; right: 0; background: url(../img/icon_pdf.png) center center no-repeat; width: 2.6rem; height: 2.9rem; }

#BlockTopics2Inner.msat { border-top: 1px solid rgba(164, 137, 79, 0.2); padding-top: 4rem; }

#BlockTopics2Inner.msat dl.clearfix { padding-bottom: 2rem; }
#BlockTopics2Inner.msat dl.clearfix dd { position: relative; padding-left: 3rem; }
#BlockTopics2Inner.msat dl.clearfix dd::after { content: "\f105"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: calc(50% - 5px); left: 0; color: #752187; }
#BlockTopics2Inner.msat dl.clearfix dd a { position: relative; padding-right: 4rem; }
#BlockTopics2Inner.msat dl.clearfix dd a::after { content: ""; position: absolute; top: 0; right: 0; background: none; width: 2.6rem; height: 2.9rem; }


#BlockTopics2Inner.okotoba dl.clearfix dt, #BlockTopics2Inner.okotoba dl.clearfix dd { float: none; width: 100%; text-align: center; }
#BlockTopics2Inner.okotoba dl.clearfix dt { margin: 9rem 0 2rem; }
#BlockTopics2Inner.okotoba dl.clearfix dd > a { font-weight: bold; }
#BlockTopics2Inner.okotoba dl.clearfix dd > div.okotoba { position: relative; display: none; font-weight: bold; padding: 3rem; background: #FFFFFF url(../img/bg_okotoba.jpg) center center repeat; 
}

#BlockTopics2Inner.okotoba dl.clearfix dd > div.okotoba::before { content: ""; background: url(../img/bg_okotoba_try.jpg) center center no-repeat; width: 1.6rem; height: 1.1rem; position: absolute; top: -1.1rem; left: calc(50% - 0.8rem); }


.genre01, .category_list .genre01 { background: #FFFFFF; color: #752187; }
.category_list .genre01_active { background: #752187; color: #FFFFFF; }
.category_list .genre01:hover { color: #FFFFFF; background:#752187; }
.genre01 a, .category_list .genre01 a { color: #752187; }
.category_list .genre01_active a { color: #FFFFFF; }
.category_list .genre01:hover a { color: #FFFFFF; }

.category_list .genre02, .category_list .genre02_active { width: auto; }

#BlockTopics2Inner.news dl dt { width: 14rem; padding-right: 2rem; }
#BlockTopics2Inner.news dl dt span { width: 100%; }
#BlockTopics2Inner.news dl dd { width: 55rem; }


.genre06, .genre07, .genre08, .genre06_active, .genre07_active, .genre08_active {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 5px 13px;
    border: 1px solid #FFFFFF;
    width: 100px;
    border-radius: 2px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: center;
    box-sizing: border-box;
    background: #FFFFFF;
    text-decoration: none;
}
span.genre03, .category_list .genre03, .category_list .genre03 a, #BlockTopics3Inner .genre03 { color: #0040FF; border-color: #0040FF; }
.category_list .genre03:hover, .category_list .genre03_active { color:#FFFFFF; background:#0040FF; text-decoration:underline;}

span.genre04, .category_list .genre04, .category_list .genre04 a, #BlockTopics3Inner .genre04 { color: #FF0000; border-color: #FF0000; }
.category_list .genre04:hover, .category_list .genre04_active { color:#FFFFFF; background:#FF0000; text-decoration:underline;}

span.genre05, .category_list .genre05, .category_list .genre05 a, #BlockTopics3Inner .genre05 { color: #002DB2; border-color: #002DB2; }
.category_list .genre05:hover, .category_list .genre05_active { color:#FFFFFF; background:#002DB2; text-decoration:underline;}

.genre06, .genre06 a { color: #6A9E03; border-color: #6A9E03; text-decoration: none; }
.category_list .genre06:hover, .category_list .genre06_active { color:#FFFFFF; background:#6A9E03; text-decoration:underline;}

.genre07, .genre07 a { color: #DF7E0B; border-color: #DF7E0B; text-decoration: none; }
.category_list .genre07:hover, .category_list .genre07_active { color:#FFFFFF; background:#DF7E0B; text-decoration:underline;}

.genre08, .genre08 a { color: #3596DB; border-color: #3596DB; text-decoration: none; }
.category_list .genre08:hover, .category_list .genre08_active { color:#FFFFFF; background:#3596DB; text-decoration:underline;}

.category_list .genre06:hover a, .category_list .genre06_active a,
.category_list .genre07:hover a, .category_list .genre07_active a,
.category_list .genre08:hover a, .category_list .genre08_active a { color:#FFFFFF; text-decoration:underline; }

#BlockTopics3Inner .genre01 { color: #752187; background-color: #FFFFFF; }
#BlockTopics3Inner .genre02 { width: 12rem; }