@charset "utf-8";
/* CSS Document */
/* 明朝体は一覧ではjis外の一部漢字の余白が崩れるため個別のみ適用 */
/* jis外の一部漢字の余白が崩れるため一覧のlistは一部高さを指定 */

/* 600px以下 */
@media screen and (max-width: 600px){

body{
	width: 100%;
	margin-left : auto;
	margin-right : auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}
#main{
	width : 100%;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding: 0px;
}
#category{
	width : 98%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 5px;
	margin-left: 1%;
	box-sizing: border-box;
	border-left-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-style : solid;
	border-right-style : solid;
	border-bottom-style : solid;
	border-left-color : #000;
	border-right-color : #000;
	border-bottom-color : #000;
}
#category p{
	font-size : 16px;
	font-weight : bold;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #000;
	margin: 0px;
	text-align: center;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#category ul{
	margin: 0px;
	padding: 0px;
}
#category li{
	list-style-type : none;
	text-align : left;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #000;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.category_ue{
	background-image: url(li-logo.gif);
	color: #FFF;
}
#ue-menu{
	width : 98%;
	margin-top: 0px;
	margin-left : 1%;
	margin-right : 1%;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
}
#ue-menu li{
	margin: 0px;
	padding: 0px;
}
#ue-menu2{
	width : 98%;
	margin-top: 0px;
	margin-left : 1%;
	margin-right : 1%;
	margin-bottom: 10px;
	padding: 0px;
	clear: both;
}
#top_search{
	width: 97%;
	clear: both;
	border: 1px solid #999;
	margin: 0px;
	padding-top: 10px;
	padding-right: 1%;
	padding-bottom: 10px;
	padding-left: 1%;
}
#search{
	width: 90%;
	clear: both;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
h1 {
	text-align: left;
	margin-top: 0px;
	margin-left : 0%;
	margin-right : 0%;
	margin-bottom: 5px;
	font-size: 24px;
	clear : both;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-top-width: 1px;
	border-left-width: 4px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-left-color: #000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-right-width: 1px;
	border-right-color: #000;
	border-right-style: solid;
}
h2{
	font-size: 20px;
}
h3{
	font-size: 18px;
}
ol {
	margin-top : 0px;
	margin-left : 1%;
	margin-right : 1%;
	margin-bottom : 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px; 
	clear: both
}
li{
	font-size: 120%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: left;
}
p{
	font-size: 18px;
}
.clear_yohaku_m{
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/* フォームタグ関連 */
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.nyuryoku{
	height: 30px;
	width: 50%;
	vertical-align: middle;
}
.send,.send2{
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 8px;
	font-size: 16px;
	vertical-align: middle;
	border: 1px solid #999;
}
.send{
	width: 65px;
}
.send2{
	width: 200px;
}
.kanji-button{
	font-size: 120%;
	padding: 10px;
	vertical-align: middle;
}
.button{
	width: 65px;
	font-size: 16px;
	padding: 8px;
	vertical-align: middle;
}
.selecticon {
  margin: 50px auto 0;
  position: relative;
  width: 100px;
}
.selecticon::before {
  border-bottom: 4.5px solid navy;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  content: "";
  position: absolute;
  right: 16px;
  top: 3px;
  width: 0;
}
.selecticon::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4.5px solid navy;
  content: "";
  position: absolute;
  right: 16px;
  top: 14px;
  width: 0;
}
/* メニュー */
/* menuはPC10分割・スマホ5分割のテーブルタイプ（タイトルなし）のリスト */
/* menu2はPC10分割・スマホ5分割のテーブルタイプ（タイトルあり）のリスト */
/* menu3はPC6分割・スマホ4分割のテーブルタイプ（タイトルあり）のリスト */
/* menu4はPC10分割・スマホ10分割のテーブルタイプ（タイトルあり）のリスト */
/* メニューにタイトルを入れる場合はliの上から10個にitiran_200_firstのclassをつける */
.menu {
	overflow: auto;
	font-size: 16px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-left-style: solid;
	border-top-style: solid;
	border-left-color: #333;
	border-top-color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}
.menu2, .menu3 {
	overflow: auto;
	font-size: 16px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}
.menu li, .menu2 li {
	float: left;
	list-style-type: none;
	width: 20%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
}
.menu3 li {
	float: left;
	list-style-type: none;
	width: 25%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
}
/* itiran_kakoiはPC・スマホ共に横並び10個の一覧リスト（周りをボーダーでかこい余白あり） */
/* itiran_kakoi2はPC横並び10個・スマホ5個の一覧リスト（周りをボーダーでかこい余白あり） */
.itiran_kakoi2 {
	overflow: auto;
	margin-bottom: 10px;
	margin-right: calc(1% - 5px);
	font-family: serif;
}
.itiran_kakoi2 li {
	float: left;
	list-style-type: none;
	font-size: 250%;
	width: calc(20% - 5px);
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #333;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.itiran_kakoi3 {
	overflow: auto;
	margin-bottom: 10px;
	margin-right: calc(1% - 3px);
	font-family: serif;
}
.itiran_kakoi3 li {
	float: left;
	list-style-type: none;
	font-size: 180%;
	width: calc(100%/10 - 3px);
	height: 48px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #333;
}
.width_60 {
	width: 60px;
}
.width_80 {
	width: 80px;
}
#non_sp{
	display: none;
}

}
/* 600px以下ここまで */

/* 601px以上 */
@media screen and (min-width: 601px){
body {
	max-width: 1000px;
	margin-left : auto;
	margin-right : auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}
#main{
	width : 74%;
	float : left;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 1%;
	margin-bottom : 5px;
	padding: 0px;
	box-sizing: border-box;
	border-left-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-style : solid;
	border-right-style : solid;
	border-bottom-style : solid;
	border-left-color : #000;
	border-right-color : #000;
	border-bottom-color : #000;
}
#category{
	width : 25%;
	float : right;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 5px;
	padding: 0px;
	box-sizing: border-box;
	border-left-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-style : solid;
	border-right-style : solid;
	border-bottom-style : solid;
	border-left-color : #000;
	border-right-color : #000;
	border-bottom-color : #000;
}
#category p{
	font-size : 16px;
	font-weight : bold;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #000;
	margin: 0px;
	text-align: center;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#category ul{
	margin: 0px;
	padding: 0px;
}
#category li{
	list-style-type : none;
	text-align : left;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #000;
	margin: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.category_ue{
	background-image: url(li-logo.gif);
	color: #FFF;
}
ol {
	margin-top : 0px;
	margin-left : 1%;
	margin-right : 1%;
	margin-bottom : 10px;
	padding: 0px;
	clear: both
}
li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 20px;
	text-align: left;
}
h1 {
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 22px;
	clear : both;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-top-width: 1px;
	border-left-width: 4px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-left-color: #000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}
p{
	font-size: 16px;
}
#ue-menu{
	width : 54%;
	margin-top: 0px;
	margin-left : 0%;
	margin-right : 1%;
	margin-bottom: 10px;
	padding: 0px;
	float : left;
}
#ue-menu li{
	margin: 0px;
	padding: 0px;
}
#ue-menu2{
	width : 45%;
	margin-top: 0px;
	margin-left : 0%;
	margin-right : 0%;
	margin-bottom: 10px;
	padding: 0px;
	float : right;
}
.nyuryoku{
	height: 30px;
	width: 50%;
	vertical-align: middle;
}
.send{
	height: 32px;
	width: 55px;
	font-size: 16px;
	vertical-align: middle;
	border: 1px solid #999;
}
.button{
	height: 32px;
	width: 55px;
	font-size: 16px;
	vertical-align: middle;
}
/* メニュー */
/* menuはPC10分割・スマホ5分割のテーブルタイプ（タイトルなし）のリスト */
/* menu2はPC10分割・スマホ5分割のテーブルタイプ（タイトルあり）のリスト */
/* menu3はPC6分割・スマホ4分割のテーブルタイプ（タイトルあり）のリスト */
/* menu4はPC10分割・スマホ10分割のテーブルタイプ（タイトルあり）のリスト */
/* メニューにタイトルを入れる場合はliの上から10個にitiran_200_firstのclassをつける */
.menu {
	overflow: auto;
	font-size: 120%;
	border-left-width: 1px;
	border-top-width: 1px;
	border-left-style: solid;
	border-top-style: solid;
	border-left-color: #333;
	border-top-color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}
.menu2, .menu3 {
	overflow: auto;
	font-size: 120%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}
.menu li, .menu2 li {
	float: left;
	list-style-type: none;
	width: 10%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
}
.menu3 li {
	float: left;
	list-style-type: none;
	width: calc(100%/6);
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
}
/* itiran_kakoiはPC・スマホ共に横並び10個の一覧リスト（周りをボーダーでかこい余白あり） */
/* itiran_kakoi2はPC横並び10個・スマホ5個の一覧リスト（周りをボーダーでかこい余白あり） */
.itiran_kakoi2 {
	overflow: auto;
	margin-bottom: 10px;
	margin-right: calc(1% - 3px);
	font-family: serif;
}
.itiran_kakoi2 li {
	float: left;
	list-style-type: none;
	font-size: 200%;
	width: calc(10% - 3px);
	height: 60px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #333;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.itiran_kakoi3 {
	overflow: auto;
	margin-bottom: 10px;
	margin-right: calc(1% - 3px);
	font-family: serif;
}
.itiran_kakoi3 li {
	float: left;
	list-style-type: none;
	font-size: 180%;
	width: calc(100%/15 - 3px);
	height: 48px;
	text-align: center;
	vertical-align: middle;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	box-sizing: border-box;
	border: 1px solid #333;
}
#non_pc{
	display: none;
}

}
/* 601px以上ここまで */

/* 1001px以上 */
@media screen and (min-width: 1001px){



}
/* 1001px以上ここまで */

/* 全ウィンドウ幅共通 */
#top{
	width : 100%;
	clear : both;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#last{
	width : 100%;
	font-size: 14px;
	text-align: center;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
img{
	max-width: 98%;
	height: auto;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 98%;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 10px;
	margin-left: 1%;
}
h2{
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	clear : both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
h3{
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	clear : both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
ul ,dl {
	margin-top : 0px;
	margin-left : 1%;
	margin-right : 1%;
	margin-bottom : 10px;
	padding: 0px;
	clear: both
}
a:link, a:visited, a:active{
	text-decoration: none;
}
p{
	line-height : 1.8;
	text-align : left;
	margin-top: 0px;
	margin-left : 1%;
	margin-right : 1%;
	margin-bottom: 0px;
	padding-top : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 10px;
	float: none;
	clear: both;
}
#pagetop{
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#pagedown{
    position: fixed;
    bottom: 80px;
    right: 20px;
}
#ue-menu ul{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.clear{
	clear:both;
}
.clear_yohaku{
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/* フォント css */
.bold{
	font-weight: bold;
}
.red_bold{
	font-weight: bold;
	color: #F00;
}
.red{
	color: #F00;
}
.black{
	color: #000;
}
.bleu_bold{
	font-weight: bold;
	color: #00F;
}
.font_80{
	font-size: 80%;
}
.font_80_bold{
	font-size: 80%;
	font-weight : bold;
}
.tyuui{
	font-size: 90%;
	color: #666;
}
.font_90{
	font-size: 90%;
}
.font_120{
	font-size: 120%;
}
.font_120_bold{
	font-size: 120%;
	font-weight : bold;
}
.font_150_center{
	font-size: 150%;
	text-align: center;
}
.font_180{
	font-size: 180%;
}
.font_180_center{
	font-size: 180%;
	text-align: center;
}
.font_250{
	font-size: 250%;
	font-family: serif;
}
#font_500{
	font-size: 500%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1%;
	font-family: serif;
	line-height: 1.2;
	font-family: serif;
}
.under {
	border-bottom: 2px solid #F60;
}
/* テーブル css */
.table_normal th {
	background-color: #000;
	color: #FFF;
}
.table_normal th ,
.table_normal td {
	padding: 5px;
	border: 1px solid #333;
	box-sizing:border-box;
}
table.kanjiitiran{
	table-layout: fixed;
	border-collapse:collapse;
}
.kanjiitiran th{
	background-color: #000;
	color: #FFF;
	border: 1px solid #000;
}
.kanjiitiran td{
	border: 1px solid #000;
	text-align: center;
	font-size: 200%;
	vertical-align: middle;
}
.table_menu{
	width: 98%;
	margin-left: 1%;
	margin-right : 1%;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-left-color: #666;
	table-layout: fixed;
	border-collapse:collapse;
	clear: both;
}
.table_menu th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	text-align: center;
	background-color: #333;
	color: #FFF;
}
.table_menu td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	margin: 0px;
	text-align: center;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
table.kakizyun{
	width: 100px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 10px;
	margin-left: 1%;
	box-sizing: border-box;
}
.kakizyun th{
	background-color: #000;
	color: #FFF;
	border: 1px solid #000;
	width: 70px;
	text-align: center;
	vertical-align: middle;
}
.kakizyun td{
	border: 1px solid #000;
	width: 70px;
	text-align: center;
	vertical-align: middle;
}
table.samune{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.samune img{
	height: auto;
	width: 100%;
}
.samune_left{
	width: 50%;
	border-right-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.samune_right{
	border-right-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	vertical-align: middle;
	padding-left: 5px;
}
.namae th {
	color: #FFF;
}
.namae th ,
.namae td {
	padding: 5px;
	border: 1px solid #333;
	box-sizing:border-box;
}
.td_toi1 {
	width: 65px;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.td_toi2 {
	font-size: 250%;
	width: 65px;
	text-align: center;
}
.td_toi3 {
	width: 75px;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.td_toi4 {
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	color: #F00;
}
.td_toi5 {
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	width: 40%;
}
.td_toi6 {
	font-weight: bold;
	text-align: left;
	width: 60%;
	color: #F00;
}
.td_toi7 {
	font-weight: bold;
	text-align: left;
	width: 60%;
}
.td_toi8 {
	font-weight: bold;
	text-align: left;
	width: 40%;
	color: #F00;
}
.td_toi9 {
	width: 100px;
	text-align: center;
}
.td_busyu1 {
	width: 62px;
}
.td_busyu2 {
	font-weight: bold;
	text-align: left;
}
.td_busyu3 {
	width: 152px;
}
.td_kanken {
	width: calc(100%/3);
	font-weight: bold;
	text-align: center;
}
.td-center{
	text-align: center;
	vertical-align: middle;
}
.td_toi10 {
	width: 90px;
	vertical-align: middle;
}
.td_kotosi1 {
	font-size: 250%;
	text-align: center;
	vertical-align: middle;
}
.td_toi11 {
	vertical-align: middle;
	text-align: left;
	height: 30px;
}
.kotae {
	font-size: 150%;
	padding-left: 10px;
	color: #F00;
}
/* リスト css */
/* メニュー */
/* menuはPC10分割・スマホ5分割のテーブルタイプ（タイトルなし）のリスト */
/* menu2はPC10分割・スマホ5分割のテーブルタイプ（タイトルあり）のリスト */
/* menu3はPC6分割・スマホ4分割のテーブルタイプ（タイトルあり）のリスト */
/* menu4はPC10分割・スマホ10分割のテーブルタイプ（タイトルあり）のリスト */
/* メニューにタイトルを入れる場合はliの上から10個にitiran_200_firstのclassをつける */
.menu4 {
	overflow: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}
.menu4 li {
	float: left;
	list-style-type: none;
	width: 10%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
	font-size: 16px;
}
.menu5 {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 5px;
	margin-left: 1%;
}
.menu5 li {
	float: left;
	list-style-type: none;
	width: 10%;
	padding: 0px;
	text-align: center;
	vertical-align:middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.menu5 img {
	display: block;
	min-height: 30px;
}
.menu_50on {
	display: flex;
	flex-wrap: wrap;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}
.menu_50on li {
	float: left;
	list-style-type: none;
	font-size: 180%;
	line-height: 1.1;
	width: 10%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
}
/* itiran_kakoiはPC・スマホ共に横並び10個の一覧リスト（周りをボーダーでかこい余白あり） */
/* itiran_kakoi2はPC横並び10個・スマホ5個の一覧リスト（周りをボーダーでかこい余白あり） */
.itiran_kakoi {
	overflow: auto;
	margin-bottom: 10px;
	margin-right: calc(1% - 3px);
}
.itiran_kakoi li {
	float: left;
	list-style-type: none;
	font-size: 180%;
	width: calc(10% - 3px);
	height: 50px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #333;
	font-family: serif;
}
.top_itiran {
	overflow: auto;
	font-size: 120%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-left-color: #333;
	margin-bottom: 10px;
}
.topitiran_150{
	overflow: auto;
	font-size: 150%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-left-color: #333;
	margin-bottom: 10px;
}
.itiran_250 {
	overflow: auto;
	font-size: 250%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-left-color: #333;
	margin-bottom: 10px;
}
.itiran_200_first {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
.top_itiran li, .itiran_250 li {
	float: left;
	list-style-type: none;
	width: 20%;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.topitiran_150 li {
	float: left;
	list-style-type: none;
	width: 10%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
}
.gazou{
	padding: 0px;
	margin: 10px;
}
.gazou li{
	list-style-type: none;
	float: left;
	padding: 0px;
	border: 1px solid #000;
	margin-top: 0px;
	margin-right: 8px;
	margin-left: 0px;
	margin-bottom: 8px;
}
.gazou img{
    vertical-align:top;
}
.kotosi, .kotosi2 {
	overflow: auto;
	margin-bottom: 10px;
	margin-right: calc(1% - 5px);
}
.kotosi li {
	float: left;
	list-style-type: none;
	width: calc(20% - 5px);
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
}
.kotosi2 li {
	float: left;
	list-style-type: none;
	width: calc(10% - 5px);
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
	line-height: 1.2;
}
/* 擬似テーブルにタイトルをつけるためのli css */
.li_max{
	width: 100% !important;
	font-size: 16px !important;
	color: #FFF;
	background-color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	font-weight: bold;
}
.imi{
	list-style-type: none;
	margin-left : 15px;
	margin-right : 15px;
	margin-top : 5px;
	margin-bottom : 10px;
	padding: 0px;
	clear: both
}
.imi li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
/* その他 css */
.yomi-sakuin-midasi,.busyu-midasi{
	background-color: #E4E4E4;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#button-waku{
	margin-left : 1%;
	margin-right : 1%;
	margin-bottom : 5px;
}
.kanji-button{
	font-size: 110%;
	vertical-align: middle;
}
.button2 {
	width: 65px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.button3 {
	width: 100px;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.button4 {
	width: 90px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.zyouyou,.syogako,.tyugako{
	background-color:#FFC ;
}
.zinmei{
	background-color:#D9F2FF ;
}
.zinmei2{
	background-color:#FC9 ;
}
.jis1,.jis2,.jis3{
	background-color: #FFF ;
}
.bg_blue{
	background-color:#00F ;
}
.bg_pink{
	background-color:#F0F ;
}
.square-1{
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #FFC;
	border: 1px solid #000;
}
.square-2{
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #D9F2FF;
	border: 1px solid #000;
}
.square-3{
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #FC9;
	border: 1px solid #000;
}
.table-midasi{
	background-color: #999;
	color: #FFF;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 1%;
	padding-bottom: 2px;
	padding-left: 1%;
}
/* 漢字個別ページCSS */
#main-kanji{
	font-size: 800%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 5px;
	margin-left: 1%;
	font-weight: lighter;
	line-height: 1.2;
	font-family: serif;
}
#gazou-kanji{
	padding: 0px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 10px;
	margin-left: 1%;
	font-weight: lighter;
}
#itaizi{
	font-size: 300%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 1%;
	line-height: 1;
	font-family: serif;
}
.yokonarabi{
	margin-left : 15px;
	margin-right : 15px;
	margin-top : 5px;
	margin-bottom : 10px;
	padding: 0px;
	clear: both
}
.yokonarabi dt{
	float: left;
	width: 100px;
	clear: both;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #E5E5E5;
}
.yokonarabi dd{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 130px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #E1FFE1;
	width: 150px;
	font-weight: bold;
}
.list_narabi{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
.list_narabi li{
	float: left;
	margin-left: 0px;
	padding-left: 10px;
}
.icon{
	margin-left: -8px;
	margin-right: -8px;
}
.zigi{
	width: 14px;
	height: 12px;
	border-radius: 20%;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 10px;
	line-height: 1.2;
	font-weight: bold;
	vertical-align: middle;
	background-color: #999;
	margin-top: -1px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
}
.zigi{
	line-height: 1.2;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1;
}
.zigi2{
	width: 16px;
	height: 16px;
	border-radius: 20%;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
	vertical-align: middle;
	background-color: #F33;
	margin-top: -1px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;
	font-weight: bold;
}
.zigi2{
	line-height: 1.4;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 1;
}
.maru {
	width: 18px;
	height: 18px;
	margin: -1px 3px 0 3px;
	border-radius: 50px;/*丸くする*/
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 300;
	vertical-align: middle;
	background-color: #FF4040;
	margin-top: 0;
	margin-right: -6px;
	margin-bottom: 3px;
	margin-left: 0;
}
.triangle{
	position: relative;
	padding-left: 13px;
}
.triangle::before {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     border: solid 6px transparent;
     border-left: solid 8px #F60;
     top: 50%;
     left: 0;
     margin-top: -7px;
}
.kakoi_kobetu{
	border: 1px solid #666;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin: 3px;
	font-family: sans-serif;
}
/* 個別のCSS */
/* tisiki_15のCSS */
.midasi-kanji{
	font-size: 300%;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1%;
	font-weight: bold;
	line-height: 1.2;
}
.kanji-kaisetu{
	padding: 0px;
	margin-top: 5px;
	margin-right: 1%;
	margin-bottom: 15px;
	margin-left: 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
/* question_006のCSS */
#waku{
	border: 1px solid #999;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 2px;
	margin-left: 1%;
	padding: 0px;
}
#ads{
	max-height: 300px;
	padding: 0px;
	margin: 0px;
}
/* tisiki_23のCSS */
.hakke{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-left-color: #000;
	width: 300px;
}
.hakke th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	color: #FFF;
	background-color: #000;
}
.hakke td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	width: 25%;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
/* tisiki_23-2のCSS */
.rokuzyuyonke{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-left-color: #000;
	table-layout: fixed;
	line-height: 2em;
}
.rokuzyuyonke th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	color: #000;
	background-color: #CCC;
	font-weight: bold;
	padding-top: 10px;
}
.rokuzyuyonke td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.top_yohaku{
	padding-top: 10px;
}
.zizyou{
	font-size: 70%;
	vertical-align: top;
}
/* 条件検索のCSS */
#form{
	padding: 10px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 10px;
	margin-left: 1%;
	line-height : 3;
	border: 1px solid #666;
}
.form{
	height: 30px;
}
.kensaku_kekka {
	overflow: auto;
	margin-bottom: 10px;
	margin-right: calc(1% - 3px);
}
.kensaku_kekka li {
	float: left;
	list-style-type: none;
	font-size: 300%;
	width: calc(20% - 3px);
	height: 80px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #333;
	font-family: serif;
}
.ads {
    margin-bottom: 20px; /* 広告とボタンの間に余白を追加 */
    text-align: center; /* 中央寄せ */
}
#scrollTopBtn {
  padding: 15px 20px 10px 20px;
  background-color: #f0f0f0; /* 薄い灰色 */
  color: #333; /* 文字色 */
  border: none;
  cursor: pointer;
  border-radius: 5px;
  font-family: Arial, sans-serif; /* フォント */
  font-size: 16px; /* フォントサイズ */
  position: relative; /* 疑似要素の基準点 */
}

#scrollTopBtn::before {
  content: "";
  position: absolute;
  top: 8px; /* 矢印の位置調整 */
  left: 50%;
  transform: translateX(-50%); /* 中央揃え */
  border-left: 5px solid transparent; /* 左の斜め線 */
  border-right: 5px solid transparent; /* 右の斜め線 */
  border-bottom: 5px solid #333; /* 下向きの線（矢印の頭部） */
}