@charset "Shift_JIS";

/* --------------------------------------
	#contents div.secton
-------------------------------------- */
div.pregArea div.pregBox {
	margin-bottom: 50px !important;
}
#contents dt {
	font-size:14px;
	margin-bottom:.8em;
}
#contents dl ul {
	margin-left:0;
}
#contents dl ul li {
	list-style-type:none;
	font-weight:bold;	
}
#contents dl ul li p {
	font-weight:normal;
}

#contents dl ul.annotation li {
	font-weight:normal;
}

/* --------------------------------------
	会話集バナー調整
-------------------------------------- */
#contents .section div.pct img {
	margin-bottom:0;
}

/* 20220819 */

#contents h2.title {
    border-bottom-color: #000;
}

#contents h2 {
    font-size: 1.231rem!important;
}

#contents .s-title {
    border-bottom: #999 1px solid;
    font-size: 1.15em;
    padding: 0px 0px 0px 10px;
    font-weight: bold;
    border-left: #999 7px solid;
	margin: 2em 0 1.5em;
}

#contents section {
    margin-bottom: 2em;
}

#contents p.annotation {
    padding-left: 1em;
    text-indent: -1em;
}

.detailArea .flex {
    display: flex;
    justify-content: space-evenly;
    align-items: end;
}

@media (max-width: 640px){
	#contents .section div.pct img {
		max-width: 100%;
	}
	
    .detailArea .flex {
		display: contents;
	}
	
	.mqmt20 {
		margin-top: 2em;
	}
}

/* step */
#contents ol.step {
    list-style: none;
}

#contents ol.step p {
    margin: 0 0 1em 0;
}

#contents ol.step p.st {
	font-size: 1.15em;
	font-weight:bold;
}

 #contents ul.disc {
    list-style: disc;
}

/*---------------------------
     toggle.css
---------------------------*/
.toggle {
    padding-left: 1em;
}

.toggle .Gray {
    padding: 1em 0 0.75em 0.75em;
    font-weight: bold;
    border: #d2d2d2 1px solid;
    border-radius: 6px;
    font-size: 1.125rem;
    background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
    cursor: pointer;
    width: auto;
}

.toggle div.detailArea {
    padding: 1.5em 1em 1em;
    border: 1px solid #d2d2d2;
}

.toggle .Gray {
    box-sizing: border-box;
    margin: 0.5em 0 0 0;
    width: 100%;
    padding: 0 0.5em;
    display: flex;
    align-items: center;
}

.toggle .Gray span,
.toggle .Gray h3{
	display: block;
    padding: 10px;
    font-size: 1.125rem;
}
/* 
.toggle .Gray span:before,
.toggle .Gray h3:before{
    content: "";
    display: inline-block;
    background: url(/support/share/images/st_close.png);
    width:19px ;
    height:18px ;
    margin-right: 5px;
    vertical-align: middle;
}

.toggle .Gray.active span:before,
.toggle .Gray.active h3:before{
    background: url(/support/share/images/st_open.png);
} */

.toggle .Gray:focus-visible{
    outline: thin dotted;
}

.toggle .Gray span:focus-visible,
.toggle .Gray h3:focus-visible{
    outline: thin dotted;
}

.toggle .detailArea{
    display: none;
}

.toggle .Gray.linkBtn:before{
	content: "";
	background: none !important;
}

#contents .Gray.linkBtn a{
	display: block;
	padding: 10px 10px 10px 30px;
	color: #000;
	background-position: 20px 16px;
}

#contents .Gray.linkBtn a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.toggle.ml1em{
	margin-left: 1em;
}
#contents section h2.title + p{
	padding-left: 1em;
}

#contents img.hicon {
    max-height: 1.2em;
    vertical-align: middle;
	margin: 0px 3px;
}

.num_02 {
    border-top: none;
}

.num_03 {
    border-top: none;
}

#contents .Gray img.icon {
    vertical-align: middle;
    margin: 0px 3px;
    display: block;
}

@media (max-width: 640px){
	.toggle.ml1em{
		margin-left: 0;
	}
	#contents section h2.title + p{
		padding-left: 0;
	}
}