@charset "Shift_JIS";

#pankuzu .navitopicpath_ .icontxt {display: none;}
#pankuzu .navitopicpath_ .topic_title, #pankuzu .navitopicpath_ .topic_txt {display: inline; font-size: 11px; font-weight: normal; }
 
#topics-header {
margin: 30px auto; padding-bottom: 30px;
width:1180px;
border-bottom: 1px dotted #ddd;
}

#topics-header .chapter {margin: 30px 0;}
#topics-header .chapter img {width:150px;}

#topics-header .socialbuttons {}
#topics-header .socialbuttons li {}

#topics-header h1 {padding-top: 30px; margin-bottom: 16px;
border-top: 1px dotted #ddd;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
 letter-spacing: 1px;
}

#topics-header .topic_title {/*margin-bottom: 0.65em; */font-size: 20px; letter-spacing: 0.08em;} 
#topics-header .topics_txt {font-size: 20px; line-height: 1.3;}

#topics-header .date {	margin-top: 1.1em; padding-bottom: 30px;
border-bottom: 1px dotted #ddd;
font-size: 12px;	line-height: 1.2; color: #888;}

#topics-body {
width:100%;
max-width:1180px; 
margin: 0 auto 30px;
min-height: 400px;
font-size: 15px;
line-height: 1.7;
letter-spacing: 0.5px;
}

#topics-body h2 {margin: 2em 0 0.7em;
	font-size: 20px;	letter-spacing: 0.1em;	}

#topics-body h3 { margin: 1.5em 0 0.7em;
	font-size: 18px;	line-height: 1.2; letter-spacing: 0.1em;
}

#topics-body h4 { margin: 0.6em 0 0.3em;
font-size: 16px; line-height: 1.2; letter-spacing: 0.1em;
}
#topics-body h5 {margin: 0.6em 0 0.3em;
font-size: 14px; line-height: 1.2; letter-spacing: 0.1em;
}


#topics-body .section {	max-width:700px; width:100%; margin: 30px 0 50px;}
#topics-body .topicsbody_title {margin-bottom: 8px; font-size: 18px; line-height: 1.5;}

#topics-body p {margin-bottom: 1.5em;}
#topics-body a {color: #004898;}
#topics-body a.button {max-width: 450px; margin: 20px 0; font-size: 15px; color: #111;}

#topics-body .link {	margin-top: 1em;}
#topics-body .link li:first-child {	margin-top: 0;}
#topics-body .link li {	margin-top: 7px;}
#topics-body .link li img {width:100%; max-width: 700px;}

#topics-body .section-relateditems,
#topics-body .section-relatedpages {
	width: 720px;
}

#topics-body .section-relateditems h3,
 #topics-body .section-relatedpages h3 {
	font-size: 12px;
	line-height: 1.2;
	color: #091c46;
}

#topics-body .section-relateditems ul,
#topics-body .section-relatedpages ul {
	margin-top: 10px;
}
#topics-body .section-relateditems ul li,
#topics-body .section-relatedpages ul li {
	width: auto;
	float: left;
	margin-right: 20px;
}

#topics-body .section-relatedpages ul li img {	width: 220px;}
#topics-body .section-relateditems ul li img {	width: 100px;}


#topics-body .bo_table, #topics-body .bo_table td {border:1px solid #ddd;}
#topics-body .bo_table td {padding:5px 7px;}

#topics-body .saletxt, #topics-body .sale a {color:#ff46b0; text-decoration: none;}
#topics-body .flex {max-width: 800px; justify-content: flex-start; margin-right: -2%;}
#topics-body  .flex.col2 li {width:48%; margin-right: 2%;}
#topics-body  .flex.col3 li {width:31%; margin-right: 2%;}
#topics-body .sale .button {border:2px solid #ff46b0; }
#topics-body .sale .button:hover {background-color:#ff46b0; color: #fff; }
#topics-body .sale .relatedlink li:before {font-family: FontAwesome; content: "\f105"; padding: 0 10px 0 0; color: #ff46b0;}
#topics-body .sale .relatedlink a:hover {text-decoration: underline;}