@charset "utf-8";

html {
	visibility: hidden;
  }

html.wf-active, html.loading-delay {
	visibility: visible;
  }

body{
	background:#ffffff;
	padding:0;
	margin:0;
}

li,ul,p{
	padding:0;
	margin:0;
}

div#header_menu{
	width:calc(100% - 100px);
	max-width:1000px;
	margin:15px auto 45px;
	box-sizing:border-box;
	background:#ffffff;

	display:flex;
	align-items:center;
	justify-content: center;
	justify-content: space-between;
}

div#header_menu ul{
	list-style-type:none;
	display:flex;
}

div#header_menu ul li{
	position: relative;

	font-family: metallophile-sp8, sans-serif;
	font-weight: 300;

	font-style: normal;
	font-size:22px;
	color:#202020;
	margin:0px 0px 0px 30px;
}

div#header_menu ul li img{
	width:32px;

}

div#header_menu ul li img:hover{
	opacity: 0.5;
}

div#header_menu a{
	text-decoration: none;
	color:#000000;
}

div#header_menu a:hover{
	text-decoration: underline;
}




div#footer{
	width:100%;
	margin-top:60px;
	padding:15px 0px 15px 0px;
	text-align: center;
	font-size:14px;
	font-family: dnp-shuei-nmincho-std, sans-serif;
	border-top:1px solid #ccc;
}








div#main_img {
	width:1000px;
	margin:auto;
}

div#main_img img{
	width:1000px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
	
}

div#main_img p{
	font-size:12px;
	margin:6px 0px;
}


div#information_box{
	width:1000px;
	margin:60px auto;
}

div#information_box p{
	font-family: metallophile-sp8, sans-serif;
	font-weight: 300;
	font-size:18px;
	margin-bottom:10px;
}

div#information_box ul {
	list-style-type: none;
}

div#information_box ul li{
	font-size:14px;
	margin:5px 0px;
}



div#top_mapdata_box{
	width:1000px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;

}

div#top_mapdata_box .top_mapdata{
	background:#ffffff;
	width:calc(50% - 15px);
	//height:250px;
	display:flex;

	box-sizing:border-box;
	border:1px solid #6699CC;

	padding:15px;
	position:relative;
}

div#top_mapdata_box .top_mapdata a{
	display: block;
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#top_mapdata_box .top_mapdata:hover{
	background: rgb(224,224,224);
	background: linear-gradient(0deg, rgba(220,220,220,1) 0%, rgba(250,250,250,1) 100%);
}

div#top_mapdata_box .top_mapdata:nth-child(2n-1){
	margin: 0px 15px 30px 0px;
}

div#top_mapdata_box .top_mapdata:nth-child(2n){
	margin: 0px 0px 30px 15px;
}

div#top_mapdata_box .top_mapdata img{
	width:180px;
	height:180px;
	background:#cccccc;
	margin-right:20px;
}

div#top_mapdata_box .top_mapdata div p{
	font-family: dnp-shuei-nmincho-std, sans-serif;
	font-style: normal;
	font-weight: 400;
}

div#top_mapdata_box .top_mapdata div p.maptitle{
	font-size:19px;
	font-weight:700;
}

div#top_mapdata_box .top_mapdata div p.text{
	font-size:14px;
	line-height: 20px;
	margin:8px auto;
}

div#top_mapdata_box .top_mapdata div p.ver{
	font-size:12px;
	line-height: 16px;
	position:absolute;
	bottom:15px;
}



div#box_all{
	width:1000px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
}

div#left_space{
	font-family: dnp-shuei-nmincho-std, sans-serif;
	background-color: #ffffff;
	width:calc(260px);
	margin:0 20px 0 0 ;
}

div#left_space p.left_title{
	font-size:18px;
	line-height:calc(100% + 6px);
	text-align:center;
	border-bottom:1px solid #000;
	margin-bottom:20px;
}

div#left_space p{
	font-size:15px;
	line-height:36px;
}

div#left_space img{
	width:36px;
	height:36px;
	margin:0 10px 0 0;
	background:#999999;
}

div#left_space .left_maplink{
	display:flex;
	margin:0 0 12px 0;
}

div#left_space .left_maplink:hover{
	background: rgb(224,224,224);
	background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
}

div#left_space .left_maplink a{
	text-decoration: none;
	color: #000000;
}





div#box_all div#main_space{
	//background-color: #f0f0f0;
	width:calc(100% - 280px - 20px);
}


div#main_space p.main_maptitle{
	font-family: dnp-shuei-nmincho-std, sans-serif;
	font-size:46px;
	line-height:calc(100% + 16px);
	text-align:center;
	margin:25px 0px;
}


div#main_space p.main_mapsubtitle{
	font-family: dnp-shuei-nmincho-std, sans-serif;
	font-size:23px;
	line-height:calc(100% + 8px);
	text-align:center;
}


p.bg_llama,p.bg_otto,p.bg_eiyu_re_3,p.bg_take,p.bg_cube,p.bg_akuma,p.bg_gero2,p.bg_clock,p.bg_snow,p.bg_himei,p.bg_class,p.bg_eiyu2,p.bg_gero1,p.bg_eiyu1,p.bg_pumpkin{
	background-color: aqua;
	background-size: cover;
	position: relative;
	filter: blur(3px);
}

p.bg_llama{
	background-image:url("./img/map_thumbnail/llama.png");
}

p.bg_pumpkin{
	background-image:url("./img/map_thumbnail/pumpkin.png");
}

p.bg_otto{
	background-image:url("./img/map_thumbnail/otto.png");
}

p.bg_eiyu_re_3{
	background-image:url("./img/map_thumbnail/eiyu_re_3.png");
}

p.bg_take{
	background-image:url("./img/map_thumbnail/take.png");
}

p.bg_cube{
	background-image:url("./img/map_thumbnail/cube.png");
}

p.bg_akuma{
	background-image:url("./img/map_thumbnail/akuma.png");
}

p.bg_gero2{
	background-image:url("./img/map_thumbnail/gero2.png");
}

p.bg_clock{
	background-image:url("./img/map_thumbnail/clock.png");
}

p.bg_snow{
	background-image:url("./img/map_thumbnail/snow.png");
}

p.bg_himei{
	background-image:url("./img/map_thumbnail/himei.png");
}

p.bg_class{
	background-image:url("./img/map_thumbnail/class.png");
}

p.bg_eiyu2{
	background-image:url("./img/map_thumbnail/eiyu2.png");
}

p.bg_gero1{
	background-image:url("./img/map_thumbnail/gero1.png");
}

p.bg_eiyu1{
	background-image:url("./img/map_thumbnail/eiyu1.png");
}

div#main_space p.main_maptitleimg{
	height:50px;
	background-position: center;
}

div#main_space div.main_space_copy{
	font-family: dnp-shuei-nmincho-std, sans-serif;
	font-size:19px;
	line-height: 180%;
	margin-bottom:20px;
	padding: 20px 0px;
	text-align: center;
	background: #fff;
}

div.profile{
	width:100%;
	display: flex;
	flex-direction: row;
}

div.profile_text{
	width:calc(100% - 300px);
	padding:0px 40px;
	box-sizing:border-box;
	background:#ffffff;
}

div.profile_img{
	width:300px;
	background:#ffffff;
}

div.guidetext{
	width:100%;
	margin-bottom:20px;
	font-family: dnp-shuei-nmincho-std, sans-serif;
	font-size:15px;
}

div.guidetext>p{
	font-size:13px;
	line-height:13px;
	margin-bottom:16px;
	border-bottom:1px solid #000;
}

div.guidetext a.youtube{
	font-size: 13px;
	color: #d00;
	background: #fff;
	text-decoration: none;
	line-height:13px;
	padding:8px;
	display: block;
	border:1px solid #d00;
	border-radius:8px;
	margin-top:15px;
	text-align: center;
}

div.guidetext a.youtube:hover{
	color: #fff;
	background: #d00;
}

div.profile table{
	width:100%;
	border-spacing:0 6px;
}

div.parameter{
	margin:30px 0px;
}

div.parameter table tr *{
	font-family: dnp-shuei-nmincho-std, sans-serif;
	font-size:15px;
}


div.parameter table tr th{
	text-align:center;
	width:150px;
	border-spacing:0 6px;
	border: 1px solid #000000;
	background:#ffffff;
	line-height:16px;
	font-weight:100;
	padding:8px;
	margin:0px;
}

div.parameter table tr td.star{
	color: #209999;
	text-align:left;
	font-size:18px;
	line-height:22px;
	padding:8px 16px;
	letter-spacing: 2px;
	margin-bottom:10px;
}

div.parameter table tr td.star span{
	color: #CCCCCC;
	font-size:18px;
}

div.parameter table tr td.rule{
	padding:8px 16px;
	text-align:left;
	font-size:18px;
	line-height:22px;
}

div.parameter table tr td.rule p{
	font-size:13px;
	line-height:18px;
}

div.parameter table tr td.rule p.koumoku2{
	margin-bottom:8px;
	text-indent: 13px;
}

div.profile_text a.link{
	display:inline-block;
	text-decoration: none;
	color:#fff;
	background:#209999;
	border-radius:10px;
	width:100%;
	padding:12px 0px;
	font-size:18px;
	font-weight:700;
	text-align: center;
}

div.profile_text a.link:hover{
	background:#106666;
}

div.profile_text a.link_howto{
	display:inline-block;
	text-decoration: none;
	color:#fff;
	background:#858585;
	border-radius:10px;
	width:100%;
	padding:12px 0px;
	font-size:18px;
	font-weight:700;
	text-align: center;
	margin-bottom:10px;
}

div.profile_text a.link_howto:hover{
	background:#424242;
}

div.profile_text a p{
	font-weight:100;
	font-size:12px;
}



div#movie_box div.movie{
	margin:auto;

	border:1px solid #000000;
	width:800px;
	padding:20px;
	margin-bottom:60px;
}

div#movie_box div.movie iframe{
	display: block;
	margin:auto auto;
	margin-bottom:18px;
}

div#movie_box div.movie{
	font-family: dnp-shuei-nmincho-std, sans-serif;
	font-size: 14px;
	line-height: 14px;
}


div#movie_box div.movie div.title_link{
	width:100%;
	display: flex;justify-content: space-between;
}


div#movie_box div.movie div.title_link p{
	text-decoration:none;
	color:#000000;
	display:block;
	padding:6px 0px 6px 0px;
}

div#movie_box div.movie div.title_link a{
	text-decoration:none;
	color:#ffffff;
	display:block;
	background:#209999;
	padding:6px 16px;
	border-radius: 6px;
}

div#movie_box div.movie div.title_link a:hover{
	text-decoration:none;
	color:#ffffff;
	display:block;
	background:#065a5a;
	padding:6px 16px;
	border-radius: 6px;
}

div.attention_link{
	background: #d00;
	width:260px;
	box-sizing: border-box;
	padding:15px;
	text-align:center;
	color:#fff;
	margin:0px 0px 30px 0px;
	line-height:20px;
}

div.attention_link span{
	font-size	:13px;
}

div.attention_link a{
	color: #fff;
	text-decoration: none;
}

div.attention_link a:hover{
	color: #fff;
	text-decoration: underline;
}

div.attention_box{
	width:1000px;
	margin: auto;
	padding:50px;
	box-sizing: border-box;
	font-family: dnp-shuei-nmincho-std, sans-serif;
}

div.attention_imgbox{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:80px;

}

div.attention{
	width:calc(100% / 3 - 30px);
	padding:15px;
	background:#FFF;
}

div.attention img{
	width:100%;
}

div.attention p.blue{
	font-weight:700;
	color:#0098aa;
	line-height:22px;
}

div.attention p.purple{
	font-weight:700;
	color:#666;
	line-height:22px;
}

div.attention p.mini{
	font-weight:700;
	color:#666;
	font-size:13px;
	line-height:22px;
}

p.attention_title_1{
	font-size:32px;
	font-weight: 700;
	margin-bottom: 25px;
	text-decoration: underline;
}

p.attention_title_2{
	font-size:24px;
	font-weight: 700;
	margin-bottom: 10px;
}

p.attention_text{
	margin-bottom: 35px;
}

div.attention_menu{
	width:900px;
	margin:auto;
}

div.attention_menu a{
	padding:2px 6px 2px 18px;
	margin:5px 5px 15px;
	color:#333;
	//background:#999;
	text-decoration:none;
	display:block;
	border-left:10px solid #ccc;
}

div.attention_menu a:hover{
	text-decoration: underline;
	border-left:10px solid #666;
}

div.attention_title{
	width:900px;
	background:#d00;
	color:#fff;
	margin:0px auto 30px;
	text-align:center;
	padding:10px 0px;
}

div.setumei_box{
	margin-bottom:125px;
}

p.setumei_title{
	font-size:32px;
	font-weight: 700;
	margin-bottom: 25px;
}

div.setumei_text{
	font-size:20px;
}

span.setumei_text_mini{
	font-size:16px;
	color:#666;
}

div.game_no_nagare{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:65px 0px;
}

div.game_no_nagare div:nth-child(2n+1){
	width:17%;
	height:48px;
	text-align:center;
	background: #66cccc;
	border:1px solid #999;
	box-sizing:border-box;
	line-height:48px;
	font-size:16px;
	font-weight:700;
}

div.game_no_nagare div:nth-child(2n){
	width:3.5%;
	text-align:center;
	height:48px;
	line-height:48px;
	font-size:16px;
	font-weight:700;
}

div.setumei_text b{
	display:block;
	margin-bottom:15px;
	padding:0px 0px 0px 15px;
	line-height:28px;
	font-size:24px;
	border-left:10px solid #ccc;
}

div.setumei_text p.shikaku{
	text-decoration: underline;
	padding:1px 5px;

}


div.item_box{
	padding:20px 30px;
	border:1px solid #ccc;
	margin-bottom:30px;

}

div.item_box p.itemname{
	font-size:22px;
	font-weight:700;
}

div.item_box p.itemname_text{
	font-size:18px;
}

table.rocket_list{
	margin: 30px 0px;
	border-spacing: 2px;
	background: #999;
	width:100%;
}


table.rocket_list tr td{
	vertical-align: top;
	font-size:15px;
	padding:5px 15px;
	background:#fff;
}

table.rocket_list tr th{
	vertical-align: top;
	text-align:left;
	font-size:15px;
	padding:5px 15px;
	color:#fff;
}

table.rocket_list tr th.black{
	background: #333;
}

table.rocket_list tr td.glay{
	background: #666;
	color:#fff;
}

table.rocket_list tr th.blue{
	background: #0098aa;
}

table.rocket_list tr th.red{
	background: #d00;
}

table.rocket_list tr th.green{
	background: #31856d;
	color:#fff;
	font-size:20px;
	letter-spacing: 3px;
}