@charset "utf-8";

body {
	background-color: #c0c0c0;
	margin: 0 auto 0 auto;
	color: #222;
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	line-height: 2.0;
}

/* リンクはすべて太字に */
a {
	font-weight: bold;
}

/* パンくずリスト */
.breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumb li {
	display: inline; /*横に並ぶように*/
	list-style: none;

}

.breadcrumb li:after { /* >を表示*/
	content: '>';
	padding: 0 0.2em;
}

.breadcrumb li:last-child:after {
	content: '';
}

.anou {
	vertical-align: super;
	font-size: 10px;
	transform: scale(0.8);
	display: inline-block;
	margin-left: -3px;
}

/* 文字回り込み、画像は右 */
.mwk {
	float: right;
	margin: 0 0 15px 15px;
}

/* 文字回り込み、画像は左 */
.mwk_l {
	float: left;
	margin: 0 15px 15px 0;
}

/* 文字回り込み解除 */
.mwk_0 {
	clear: both;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 40px;
	font-size: 77%;
}

a:link {
	color: #216284;
}

a:visited {
	color: #216284;
}

a:active {
	color: #efefef;
}

a:hover {
	color: #65a6c8;
}

#wrap {
	background-color: #e9e9e9;
	width: 1040px;
	margin: 0 auto;
}

#header {
	width: 1040px;
	height: 300px;
}

.container {
	display-webkit-flex; /* safari */
	display: flex;
}

.item1 {
	background-color: #e9e9e9;
	font-size: 16px;
	font-weight: 500;
	width: 680px;
	margin: 0 10px 20px 20px;
}

.item2 {
	background-color: #e9e9e9;
	width: 300px;
	margin: 10px 20px 10px 10px;
	height: auto;
	text-align: center;
}

.widget--sticky {
	position: sticky;
	top: 10px;
}

#sidenavi {
	background-color: #efefef;
	float: left;
	width: 350px;
	height: auto;
}

.sidetable {
	background-color: #efefef;
	width: 320px;
	margin: 10px 20px 10px 10px;
	height: auto;
	text-align: center;
}

.bg_r {
	background-image: url('../r/bg_r.png');
	background-attachment: fixed;
}

.bg_r2 {
	background-image: url('../r/bg_r2.png');
	background-attachment: fixed;
}

.bg_t {
	background-image: url('../t/bg_t.png');
	background-attachment: fixed;
}

.bg_t2 {
	background-image: url('../t/bg_t2.png');
	background-attachment: fixed;
}

.bg_c {
	background-image: url('../c/bg_c.png');
	background-attachment: fixed;
}

.bg_c2 {
	background-image: url('../c/bg_c2.png');
	background-attachment: fixed;
}

.bg_d {
	background-image: url('../d/bg_d.png');
	background-attachment: fixed;
}

.bg_d2 {
	background-color: #000;
	background-attachment: fixed;
}

.bg_f {
	background-image: url('../f/bg_f.png');
	background-attachment: fixed;
}

.bg_f2 {
	background-image: url('../f/bg_f2.png');
	background-attachment: fixed;
}

.bg_i {
	background-image: url('../bg_block1.png');
	background-attachment: fixed;
}

.bg_mon {
	background-image: url('../bg_block1.png');
	background-attachment: fixed;
}

.anim {
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.mds0 {
	font-size: 22px;
	line-height: 1.6;
	font-weight: bold;
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #5e5c5c;
	border-bottom: 1px solid #5e5c5c;
	margin-bottom: 10px;
}

.mds1 {
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #5e00a6;
	border-bottom: 1px solid #5e00a6;
	margin-bottom: 10px;
}

.mds_plate {
	font-size: 22px;
	line-height: 1.6;
	font-weight: bold;
	padding: .25em 0 .5em .75em;
	border-left: 8px solid #008008;
	border-bottom: 1px solid #5e5c5c;
	margin-bottom: 10px;
}

.mtable {
	color: #3f3f3f;
	font-size: 16px;
	text-align: left;
	font-weight: 500;
	line-height: 2.0;
	padding: 20px;
	width: 640px;
	background-color: #d7d7d7;
	margin: 0 0 10px 0;
	border-radius: 10px;
}

/* エリアマップテーブル */
.midtable {
	font-size: 14px;
	text-align: left;
	font-weight: 500;
	line-height: 1.6;
	padding: 20px;
	width: 640px;
	background-color: #d7d7d7;
	margin: 0 0 10px 0;
	border-radius: 10px;
}

.bgdq11 {
	width: 300px;
	padding: 10px;
	background-color: #d7d7d7;
	border-radius: 10px;
	font-size: 17px;
	font-weight: 500;
	line-height: 2.0;
	text-align: left;
}

#footer {
	clear: both;
	width: 1040px;
	height: 10px;
	background-color: #efefef;
}

th {
	text-align: center;
	background-color: #292929;
	color: #fff;
	font-size: 12px;
}


.hsk {
	font-size: 12px;
	color: #303031;
	font-weight: 500;
}

.mini {
	font-size: 12px;
}

.mbig {
	font-size: 22px;
}

.big {
	font-size: 24px;
}

/* ■■■■■■広告■■■■■■ */
.bgad {
	margin: 10px 0 10px 0;
	text-align: center;
	width: 300px;
}

.bgadbox {
	width: 640px;
	border-collapse: collapse;
}

.ptop {
	margin-top: 0;
}

.p0 {
	margin-bottom: 0;
}

.p1 {
	margin-bottom: 10px;
}

.p2 {
	margin-bottom: 20px;
}

.p3 {
	margin-bottom: 30px;
}

.p4 {
	margin-bottom: 40px;
}

.p5 {
	margin-bottom: 50px;
}

.p6 {
	margin-bottom: 60px;
}

.rd {
	color: #960018;
	font-weight: bold;
}

.or {
	color: #c06120;
	font-weight: bold;
}

.gr {
	color: #008008;
	font-weight: bold;
}

.s16 {
	font-size: 16px;
	font-weight: 400;
}

.b16 {
	font-size: 16px;
	font-weight: 500;
}

.opac img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.opac:hover img {
	opacity: .5;
}

.copy {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	text-align: right;
}







.tablebr {
	border-collapse: collapse;
	table-layout: fixed;
	empty-cells: show;
}

table.tablebr td {
	width: 16px;
	height: 16px;
	padding: 0;
	border: 1px solid #333;
	border-collapse: collapse;
	border-spacing: 0;
}

table.tablebr td:hover {
	background-color: #ccffff;
}

/* マス目のサイズ指定 16px */
.mapp {
	width: 16px;
	height: 16px;
	border: 0;
}

.cap240 {
	color: #555;
	font-size: 13px;
	line-height: 1.6;
	padding: 10px;
	width: 220px;
	background-color: #efefef;
}

.cap256 {
	color: #555;
	font-size: 13px;
	line-height: 1.6;
	padding: 10px;
	width: 236px;
	background-color: #efefef;
}

.cap640 {
	color: #555;
	font-size: 13px;
	line-height: 1.6;
	padding: 10px;
	width: 620px;
	background-color: #efefef;
}

.tdnum {
	background-image: url('../num.png');
	text-align: center;
	background-color: #292929;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	width: 16px;
	height: 16px;
	border: 1px solid #a99898;
}

.tdbr1 {
	width: 16px;
	height: 16px;
}

.tdbl {
	background-color: #000;
	width: 16px;
	height: 16px;
}

.tdbl50 {
	background: url('../tdbl50.png');
	width: 16px;
	height: 16px;
}

.tdbl_sb {
	background-color: #97b7df;
	width: 16px;
	height: 16px;
}

.tdhall50 {
	background-image: url('../hall50.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.tdwh {
	background-color: #fff;
	width: 16px;
	height: 16px;
}

.tdbox50 {
	background-image: url('../box50.png');
	background-repeat: no-repeat;
	background-color: #fff;
	width: 16px;
	height: 16px;
}

.tdkb {
	background: url('../kabe.png');
	width: 16px;
	height: 16px;
}

.tdkb50 {
	background-image: url('../kabe50.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.tdblue {
	background-color: #0000f8;
	width: 16px;
	height: 16px;
}

.tdred {
	background-color: #ff0000;
	width: 16px;
	height: 16px;
}

a.tooltip span {
	display: none;
	padding: 8px;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	margin-left: 8px;
	line-height: 1.6;
}

a.tooltip:hover span {
	display: inline;
	position: absolute;
	background-color: #fff7ee;
	border: 1px solid #000;
	color: #000;
}

/* ■■■■■■■■■■アイテムコーナーのテーブル■■■■■■■■■■ */
.s-tblm {
	width: 640px;
	border-collapse: collapse;
}

.s-tblm tr:nth-child(even) {
	background-color: #e4e4e4;
}

.s-tblm tr:nth-child(odd) {
	background-color: #ededed;
}

.s-tblm th, .s-tblm td {
	border: 1px solid #555;
}

/* アイテムコーナーのアイコン枠 */
.iiconm {
	width: 32px;
	padding: 0;
	text-align: center;
}

/* アイテムコーナーのアイコン画像そのもの */
.igram {
	width: 32px;
	height: 32px;
}

/* アイテムコーナーのアイテム名枠 */
.inamem {
	padding: 5px;
	font-size: 12px;
	font-weight: 500;
	text-align: left;
}

/* ■■■■■■■■■■モンスターコーナーのテーブル■■■■■■■■■■ */
.s-tblmon {
	width: 640px;
	border-collapse: collapse;
}

.s-tblmon tr:nth-child(even) {
	background-color: #e4e4e4;
}

.s-tblmon tr:nth-child(odd) {
	background-color: #ededed;
}

.s-tblmon th, .s-tblmon td {
	border: 1px solid #555;
}

/* モンスターコーナーの画像枠そのもの */
.igramon {
	width: 64px;
	height: auto;
}

/* モンスターコーナーの画像枠 */
.iiconmon {
	width: 64px;
	padding: 0;
	text-align: center;
}

/* モンスターコーナーの名前枠 */
.inamemon {
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
}

.absolute {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.rel32 {
	position: relative;
	width: 32px;
}

.rel35 {
	position: relative;
	width: 35px;
}

.rel60 {
	position: relative;
	width: 60px;
}

.rel64 {
	position: relative;
	width: 64px;
}

.rel90 {
	position: relative;
	width: 90px;
}

.rel120 {
	position: relative;
	width: 90px;
}

.rel240 {
	position: relative;
	width: 240px;
}

.rel256 {
	position: relative;
	width: 256px;
}

.rel320 {
	position: relative;
	width: 320px;
}

.rel480 {
	position: relative;
	width: 480px;
}

.r7a {
	font-size: 10px;
	color: #fff;
	font-weight: bold;
}

.button {
	font-size: 22px;
	display: inline-block;
	border-radius: 0; /* 角丸 */
	text-align: center; /* 文字位置 */
	text-decoration: none;
	cursor: pointer; /* カーソル */
	padding: 12px; /* 余白 */
	background: #e9e9e9; /* 背景色 */
	color: ; /* 文字色 */
	line-height: 1em; /* 1行の高さ */
	border: 1px solid #216284; /* 枠の指定 */
}

.button_l {
	font-size: 22px;
	display: inline-block;
	border-radius: 30px 0 0 30px; /* 角丸 */
	text-align: center; /* 文字位置 */
	text-decoration: none;
	cursor: pointer; /* カーソル */
	padding: 16px; /* 余白 */
	background: #e9e9e9; /* 背景色 */
	color: ; /* 文字色 */
	line-height: 1em; /* 1行の高さ */
	border: 1px solid #216284; /* 枠の指定 */
	margin-right: 5px;
}

.button_r {
	font-size: 22px;
	display: inline-block;
	border-radius: 0 30px 30px 0; /* 角丸 */
	text-align: center; /* 文字位置 */
	text-decoration: none;
	cursor: pointer; /* カーソル */
	padding: 16px; /* 余白 */
	background: #e9e9e9; /* 背景色 */
	color: ; /* 文字色 */
	line-height: 1em; /* 1行の高さ */
	border: 1px solid #216284; /* 枠の指定 */
}

.button_l:hover, .button_r:hover {
	color: #efefef; /* 文字色 */
	background: #216284; /* 背景色 */
}

/* 目次テーブル */
.mtable_m {
	font-size: 20px;
	font-weight: 500;
	line-height: 2.0;
	padding: 20px 0 5px 0;
	width: 680px;
	background-color: #c6c6c6;
	margin: 0 0 10px 0;
	border-radius: 10px;
}

/* 目次テーブル用 */
.toc {
	line-height: 2.4;
	padding-left: 0;
	list-style: none;
	font-size: 20px;
}

.index_a:hover {
	color: #efefef;
	background-color: #b2bdc1;
}

.index_a {
	padding-left: 40px;
	display:block;
}

/* サイドバー */
.bgside {
	padding: 10px 0 10px 0;
	background-color: #d7d7d7;
	border-radius: 10px;
	font-size: 16px;
	line-height: 2.0;
	text-align: left;
	width: 300px;
}

.side_a {
	padding-left: 30px;
	display:block;
}

.side_a:hover {
	color: #efefef;
	background-color: #b2bdc1;
}

h1 {
	font-size: 24px;
	padding: 0 0 .4em .75em;
	border-left: 8px solid #5e5c5c;
	border-bottom: 1px solid #5e5c5c;
	margin-top: 0em;
}

h2 {
	font-size: 20px;
	padding: 0 0 .4em .75em;
	border-left: 8px solid #189ae5;
	border-bottom: 1px solid #189ae5;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0em;
}

h3 {
	font-size: 20px;
	padding: 0 0 .4em .75em;
	border-left: 8px solid #f830f8;
	border-bottom: 1px solid #f830f8;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0em;
}

/*タイトル横のアイコン*/
.outline__title2::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f03a';
	margin-right: 10px;
}

.map100-tbl {
	width: 640px;
	text-align: center;
	border-collapse: collapse;
	margin-bottom: 30px;
}

.map100_waku {
	width: 300px;
	padding: 10px;
	border: 1px solid #555;
}

.map100-i {
	width: 256px;
	height: 256px;
}

.map14 {
	font-size: 14px;
}

.map16 {
	font-size: 16px;
	line-height: 2.0;
	color: #3f3f3f;
}

.chu {
	vertical-align: super;
	font-size: 12px;
	transform: scale(0.8);
	display: inline-block;
	margin-left: -3px;
}