@charset "utf-8";

/*#main .caution li {
	margin-bottom:5px;
	text-indent:-1.5em;
	padding-left:1.5em;
}
#main .caution li span {
	line-height:2.5em;
}*/
/*#box_kyuji {
	width:560px;
	margin:0 auto;
}*/
dl{
    margin-top:40px;
}
dt{
    font-weight: bold;
    margin-bottom: 10px;
}
/*.caution_line{
    border-bottom:1px dotted #FF0000;
}*/
/* シフトJISコード番号表 */

/* ページ内リンク */
.page_in_link {
	display: flex;
	justify-content: space-between;
	margin: 80px auto;
	width: 770px;
}
h4 + .page_in_link {
	margin-top: 45px;
}
.page_in_link a {
	display: inline-block;
	color: #333 !important;
    font-size: 14px;
	font-weight: bold;
    letter-spacing: -.01em;
	padding-left: 20px;
	position: relative;
	text-decoration: underline;
}
.page_in_link a:hover {
	color: #FF6600 !important;
	text-decoration: underline;
}
.page_in_link a::after {
	display: block;
	content: "";
	border-top: 7px solid #FF6600;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	width: 1px;
	height: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

/* 旧字表 */
#chara_list div.list{
	text-align:center;
	margin:0;
	padding:0;
	overflow: hidden;
}
#main #chara_list .list h3{
	background:#EEE;
	color:#666;
	font-size:18px;
	font-weight: bold;
	letter-spacing: 2px;
	padding:5px 10px;
	clear:both;
}
#main #chara_list .list dt{
	margin-bottom:5px;
}
#main #chara_list .list dd{
	font-size:12px;
}
#main #chara_list .list dt + dd{
	font-size:14px;
}
#main #chara_list .list img{
	width:70px;
}
#main #chara_list .list dl{
	box-sizing: border-box;
	float:left;
	height: 140px;
	padding:0 0 20px;
	text-align: center;
	width: 120px;
}
#main #chara_list .list p{
	clear:both;
}
.chara_block {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    column-gap: 20px;
    padding: 0 50px 60px;
	/*padding-top: 30px;*/
}
.chara_block:last-child {
    padding: 0 50px;
}
#a_gyo + .chara_block {
	padding-top: 0;
}
.chara_block::after {
	content: "";
	display: table;
	clear: both;
}

/* 書体による字形の違いについて */
.font_sample {
    width:640px;
    text-align: center;
    margin:0 auto 50px;
}
.font_sample dl{
    border:1px solid #CCC;
    padding: 15px 0;
}
.font_sample dl.print_font{
    background:#DFE7EE;
}
.font_sample dl dt{
    font-size:15px;
    font-weight: bold;
    margin-bottom:10px;
}
.font_sample dl dd.font_underline {
    border-bottom:1px solid #CCC;
}
.font_sample dl dd {
    padding:15px 50px 15px 0;
}
.font_sample dl dt + dd {
    margin-bottom:5px;
    padding:0;
}

/* コード不要、ローマ数字、特殊文字 */
.img_font {
    margin: 30px 0 0 20px ;
}


@media screen and (max-width: 750px) {
dl{
    margin-top:calc(30*100vw/750);
}
/* ページ内リンク */
.page_in_link {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	margin: calc(60*100vw/750) auto ;
	width: 100%;
    gap:calc(30*100vw/750) calc(40*100vw/750) ;
}
#main #chara_list .list dl{
	box-sizing: border-box;
	/*height: calc(220*100vw/750);*/
	padding:0 0 calc(40*100vw/750);
	text-align: center;
	width: calc(160*100vw/750);
}
.chara_block {
display: flex;
justify-content: start;
flex-wrap: wrap;
column-gap: calc(84*100vw/750);
padding: 0 calc(20 * 100vw / 750) calc(50 * 100vw / 750);
/*padding-top: 30px;*/
}
/* 書体による字形の違いについて */
.font_sample {
    width:100%;
    text-align: center;
    margin:0 auto 50px;
}
.font_sample dl{
    padding: calc(20*100vw/750);
}
/* コード不要、ローマ数字、特殊文字 */
.img_font {
    margin: calc(40*100vw/750) 0 0 ;
}
}


/* 注意書き設定 */
/*.caution {
    text-indent: -1.5em;
    padding-left:1.5em;
}
.caution::before {
    content:"※ ";
}*/