*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html,body{
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.5;
	font-size:12px;
	color:#000;
}
@media screen and (min-width: 768px){
	html,body{font-size:14px}
}
@media screen and (min-width: 1024px){
	html,body{font-size:16px}
}
html{
	height:-webkit-fill-available
}
body{
	min-height:100vh;
	min-height:-webkit-fill-available;overflow-x:hidden
}
img{width:100%;vertical-align:bottom;-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
a{
	color:#24528b;
	font-weight:bold;
	text-decoration:none
}
hr{
	border-top:1px solid #dcd09c
	}:focus-visible{
	outline:0
	}
strong,b{
	font-weight:900;
	font-size:1.05em
}
li{
	list-style:none
}
dt{
	font-weight:bold
}
article{
	font-family:"Noto Serif JP",serif,"Hiragino Mincho ProN","YuMincho","Yu Mincho";
	font-optical-sizing:auto;
	font-weight:400;
	font-style:normal
}
.center,.tac{
	text-align:center
}
.in-b{
	display:inline-block
}
.pink{
	color:#ff9097
}
.green{
	color:#119d34
}
.bnr{
	margin:0 auto 10px;
	border:1px solid #996d46;
}
.btn{
	position:relative;
	cursor:pointer
}
.btn.details{
	width:min(60%,280px);
	margin:0 auto
}
@media screen and (min-width: 1024px){
	.btn.details{
	min-width: 280px;
	}
}
.btn .off{
	position:absolute;top:0;
	left:0;
	-webkit-transition:.25s;
	transition:.25s
}
@media(hover: hover){
	.btn .off:hover{opacity:0}
}
.overlay{
	display:none;
	background:rgba(0,0,0,.8);
	height:100%;width:100%;
	position:fixed;
	top:0;
	left:0;
	cursor:pointer;z-index:100
}
.i-overlay{
	background:#ffeff0;
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10
}
nav{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;-ms-flex-wrap:wrap;
	flex-wrap:wrap;width:min(95%,970px);
	margin:0 auto 0%;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	border-radius:5px;
	border:1px solid #24528b;
	background:#fff;
	-webkit-box-shadow:2px 2px #20966d;
	box-shadow:2px 2px #20966d
}
@media screen and (min-width: 1024px){
	nav{
		margin:0 auto;
		gap:16px;
		border-radius:0;
		border:none;
		background:none;
		-webkit-box-shadow:0 0 #20966d;
		box-shadow:0 0 #20966d
		}
}
nav a{
	display:table;
	padding:0 5px;
	width:100%;
	height:56px;
	font-size:1.2rem;
	color:#112844;
	border-bottom:1px solid #24528b
}
nav a[href="#dungeon"]{
	border-bottom:0 solid #24528b;
}
@media screen and (min-width: 1024px){
	nav a{
		background:#fff;
		padding:0 10px;
		border:3px solid #2576bb;
		width:min(100%,310px);
		height:80px;
		border-radius:10px;
		-webkit-box-shadow:1px 1px #2576bb;
		box-shadow:1px 1px #20966d;
		-webkit-transition:.2s;
		transition:.2s;
	}
	nav a[href="#dungeon"]{
		border:3px solid #2576bb
		}
}
@media screen and (min-width: 1024px)and (hover: hover){
	nav a:hover{
	color:#fff;
	background:#24528b;
	}
nav a:hover::before{
	-webkit-filter:brightness(11);
	filter:brightness(11)
	}
}
nav a::before{
	content:url("../img/bg_deco.png");
	display:table-cell;
	vertical-align:middle;
	width:5.75%;
	-webkit-transform:translate(0, 3px) scale(0.75);
	transform:translate(0, 3px) scale(0.75)
}
@media screen and (min-width: 1024px){
	nav a::before{width:11%;
	tansform:translate(0, 4px) scale(0.9)
	}
}
nav a>span{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 5px
}
@media screen and (min-width: 1024px){
	nav a>span{padding:0
	}
}

#nav_outside{
	background-color: #41c196;
	padding: 7% 0%;
}
@media screen and (min-width: 1024px){
	#nav_outside{
	padding: 100px 0;
}
}
.lead{
	margin:10px 0 15px;
	text-align: center;
}
@media screen and (min-width: 1024px){
.lead{
	margin:20px 0 25px;
	text-align: left;
}
}
@media screen and (min-width: 640px){
	.flex{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;
		gap:10px;
		max-width:1080px;
		margin:0 auto
	}
}
.icon_kakusei{
	width:32px !important
}

#chara *{
	text-align:center;
}
#chara .inner{
	padding: 7% 16px;
	background-image:url(../img/bg_ptn_1.jpg);
	background-size: 25%;
}
#chara h2{
	width:min(100%,1080px);
	margin:0 auto
}
#chara p{
	margin-top:10px
}
@media screen and (min-width: 1024px){
	#chara .inner{
		padding: 100px 0;
		background-image:url(../img/bg_ptn_1.jpg);
		background-size: 7%;
	}
	#chara p{
		margin-top:20px
		}
}

#info{
	padding:0 16px;
}
@media screen and (min-width: 1024px){
#info{
	padding:0 8px
}
	}
@media screen and (min-width: 1280px){
#info{
	padding:50px 0 0;
	}
}

	#gf .col-2:nth-child(2),#ad .col-2:nth-child(2){
		max-width:500px
	}
@media screen and (min-width: 640px){
	#gf .col-2:nth-child(2),#ad .col-2:nth-child(2){
		padding-left:20px
		}
	}
@media screen and (min-width: 1024px){
	#gf .col-2:nth-child(2),#ad .col-2:nth-child(2){padding-left:0
		}
	}
#gf h2{
	width:min(100%,920px);
	margin: 0 auto 10px
	}
@media screen and (min-width: 640px){
	#gf h2.bnr,
	#dungeon h2.bnr{
		max-width:480px;
		margin:5px auto 0;
		border:1px solid #996d46
	}
}
@media screen and (min-width: 1024px){
	#gf h2
	{
		margin: 0 auto 40px
	}
	#gf h2.bnr,
	#dungeon h2.bnr{
		max-width:484px;
		margin:0;
	}
	#gf .lead{
		margin:0 0 25px;
	}
}
#gf .flex.wrap{
		gap:0;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center
}
@media screen and (min-width: 1024px){
	#gf .flex.wrap,
	#dungeon .flex.wrap{
		gap:30px;
		}
}
@media screen and (min-width: 1024px){
	#gf .btn.details,
	#dungeon .btn.details{
		margin:0;
		}
}
article section[id]:not(#chara){
	border:2px solid #000;
	width:min(100%,1080px);
	background:#fffbe9;
	margin:min(5%,50px) auto 0;
}
@media screen and (min-width: 768px){
	article section[id]:not(#chara){
		border:3px solid #000;
		}
}
article section[id]:not(#chara) .inner{
	padding: 5% 3%;
}
article section[id]:not(#chara){
	position:relative
}
	article section[id]:not(#chara)::before{
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:0;
	padding-bottom:40px;
	background-image:url(../img/bg_ptn_1-l.png),url(../img/bg_ptn_1-r.png);
	background-repeat:no-repeat,no-repeat;
	background-position:left top,right top;
	background-size:contain,contain;
}
	article section[id]:not(#chara)::after{
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:0;
	padding-bottom:40px;
	margin-top: -40px;
	background-image:url(../img/bg_ptn_2-r.png),url(../img/bg_ptn_2-l.png);
	background-repeat:no-repeat,no-repeat;
	background-position:right bottom,left bottom;
	background-size:contain,contain;
}
@media screen and (min-width: 1024px){
	article section[id]:not(#chara) .inner{
	padding: 50px 4%;
}
	article section[id]:not(#chara)::before{
		padding-bottom: 60px;
	}
	article section[id]:not(#chara)::after{
		padding-bottom: 60px;
		margin-top: -60px;
	}
}
#evo h2,#set h2{
	width:min(100%,484px);
	margin: 0 auto 10px
	}
#evo h2 .tit{
	padding: 0 10%;
}
@media screen and (max-width: 640px) {
#evo .pc-br{
	display: none;
	}
}
#set h2{
	width:min(100%,484px);
	margin: 0 auto 10px
	}
#set h2 .tit{
	padding: 0 10%;
}
a.btn.notice{
	padding:7px 14px 5px 7px;
	color:#996d46;
	border:2px solid #996d46;
	border-radius:50px;
	font-weight:bold;
	display:inline-block
}
#dungeon h2{
	width:min(100%,876px);
	margin:0 auto 10px;
}
@media screen and (min-width: 1024px){
	#dungeon h2{
	margin: 0 auto 40px;
	}
}

#pagetop{
	display:none;
	position:fixed;
	bottom:10px;
	right:10px;
	width:52px;
	width:clamp(52px,8vw,86px);
	z-index:10
}
.download_box{
	margin-top:5px
}
.download_box ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	max-width:765px;
	margin:0 auto;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.download_box ul li{
	list-style:none;
	max-width:160px
}
@media screen and (min-width: 640px){
	.download_box ul li{max-width:320px
		}
	}
@media screen and (min-width: 1024px){
	.download_box ul li:last-child{
		margin-left:20px
		}
	}
.social{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	max-width:220px;
	margin:25px auto 0;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.social li{
	list-style:none
}
#copyright{
	font-size:10px;
	text-align:center;
	background:#000;
	padding:10px 0
}
#copyright p{
	color:#fff;
	font-size:10px;
	margin-top:0
}
footer{
	background-color:#4b8c5e;
	color:#fff;
	font-weight:400;
	margin-top:5%;
	padding:0 10px
	padding: 7% 16px;
	background-image:url(../img/bg_ptn_3.jpg);
	background-size: 25%;
}
footer .inner{
	margin:0 auto;
	padding:10px;
}
footer p{
	color:#fff;
	font-weight:400;
	text-align:center
}
footer p.txt1,footer p.txt2{
	margin-top:10px;
	font-size:.8rem
}
footer dl{
	padding:20px 0 0;
	margin:0 auto
}
footer dl dt{
	font-size:150%;
	font-weight:bold
}
@media screen and (min-width: 768px){
	footer dl dt{font-size:200%
		}
}
@media screen and (min-width: 1024px){
	footer{
		background-size: 7%;
	}
}
.back-to-top{
	font-size:130%;
	font-weight:bold;
	text-align:center;
	padding:25px 0 15px
}
.back-to-top a{
	text-decoration:none;
	color:#fff
}
.modal-content{
	position:relative;
	display:none;
	max-width:680px;
	background:rgba(0,0,0,0);
	border:none;width:90%
}
.modal-content table th,
.modal-content table td{border:none}
.modal-content table th img[src*=ability],
.modal-content table td img[src*=ability]{
	border:solid 1px #4c4541
}
.modal-content.active{
	position:fixed;
	left:50%;top:50%;
	-webkit-transform:translate(-50%, -55%);
	transform:translate(-50%, -55%);
	z-index:100
}
.modal-content .monster_list{
	max-width:none;
	width:auto;
	margin:0
}
.modal-content .monster_list img{
	max-width:960px;
	margin:0 auto;
	width:95%
}
.modal-content .monster_list table{
	border-collapse:inherit;
	margin:0 auto
}
.modal-content .modal-ability{
	width:100%;
	text-align:center;
	margin:0 auto;
	max-width:56.2499999999vh
}
.modal-content .modal-close{
	position:absolute;
	right:50%;-webkit-transform:translate(50%, 30%);
	transform:translate(50%, 30%);
	cursor:pointer
}
	.modal-content .modal-close_btn{
		cursor:pointer
}
#dungeon .modal-ability table.monster_list td{
	padding:0;
	border:none;
	background:none
}
.sync_icon{
	vertical-align:middle;
	width:40px !important;
	padding-right:2px
}
.btn_close{
	display:inline-block;
	padding:5px 15px;
	background:#996d46;
	border-radius:10px;
	font-size:130%;
	text-decoration:none;
	border:1px solid #b18660;
	margin:5px 0;
	font-weight:bold;
	color:#fff
}
.parallax-wrap{
	position:relative;
	overflow:hidden
}
.parallax-bg{
	position:fixed;
	inset:10% 0;
	width:100%;
	height:150vh;
	background-image:url(../img/bg_ptn_2.jpg);
	background-repeat:repeat;
	background-position:center top;
	background-size: 20%;
}
@media screen and (min-width: 1024px){
	.parallax-bg{
		background-image:url(../img/bg_ptn_2.jpg);
		inset:18% 0;
		background-size: 6%;
	}
}
.parallax-bg{
	z-index:-1;will-change:transform
}
#ability-item-13908>table,#ability-item-13908 p.green{
	display:none
}
.mt5{
	margin-top:5px !important
}
.mt10{
	margin-top:10px !important
}
.mt15{
	margin-top:15px !important
}
.mt20{
	margin-top:20px !important
}