@import url('css/common.css');
#columS { display: flex }
#columA, 
#columB { width: 50% }
#maincontent h1,
#maincontent_s h1,
#maincontetnt_sx h1 { margin-bottom: 1.6rem }

#maincontent a,
#maincontent_s a,
#maincontent_sx a {
	text-decoration: none;
	color: #000000
}
#maincontent a:hover,
#maincontent_s a:hover,
#maincontent_sx a:hover { text-decoration: underline }

ul.lv2,
ul.lv3 {
	margin-left: 3.2rem;
	padding-left: 0
}
ul.lv3 {
	margin-left: 2.4rem;
	margin-bottom: 0
}
.lv1 {
	padding: 0 .8rem;
	list-style-type: none;
	font-weight: bold
}
.lv1 li { margin-bottom: .8rem }
.lv1 li span {
	display: block;
	background-color: #FBE5B7;
	border-top: solid 2px #F9B116;
	border-left: solid 8px #F9B116
}
.lv2,
.lv3 { font-weight: normal }
.lv2 li,
.lv3 li { margin-bottom: 0 }
.lv2 {
	list-style-type: disc;
	margin: .8rem 0
}
.lv3 { margin: 0 0 .8rem 0 }
/*
.lv1 li a,
.lv2 li a,
.lv3 li a { display: block }
*/
.smgnr {
	margin-left: 0!important;
	list-style-type: none;
	font-weight: bold
}
.lnkgnr {
	list-style-type: none;
	font-weight: 700;
	margin-left: 1.6rem!important
}

@media screen and ( max-width: 640px ) {
#columS { display: block }
#columA,
#columB { width: 100% }