@charset "utf-8";
.pcbr{display: block;}
.spbr{display: none;}
.sp820br{display: none;}
.sp767br{display: none;}
.sp430br{display: none;}
/*赤枠→付きボタン汎用*/
.btn_hanyo{
	width: 92%;
	max-width:519px;
	margin: 1% auto;
	text-align: center;
}
.btn_hanyo img{
	width: 100%;
}
.btn_hanyo_a{
	text-align: center;
	margin: 0 auto;
	display: inline-block;
}
.btn_hanyo_a:hover{
	opacity: 1;
	filter: hue-rotate(230deg);
}
.ma30{margin-top: 30px;}
.ma60{margin-top: 60px;}
.ma100{margin-top: 100px;}
* {margin: 0;padding: 0;
  box-sizing: border-box;}
html,body {	
	text-align: center;
	margin: 0;padding: 0;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	scroll-behavior: smooth;
	scroll-padding-top: 70px;
}
body {
	font-family: "Noto Sans JP", sans-serif;
	background-color: #000;
	color: #FFF;
}
p,li {
	letter-spacing: 0.5px;
	line-height: 1.5em;
	font-size: 20px;
	font-weight: 400;
}
li {
	list-style: none;
}
a,a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover{opacity: 0.8;}
main{
	position: relative;
	display: block;
	margin: 0 auto;
}
.alldiv{
	width: 100%;
	max-width: 1920px;
	overflow-x: hidden;
	margin: 0 auto;
	background-color: #000;
}
/*TOP*/
.topdiv img{
	width: 100%;
}
/*BG1(全部で5つある)*/
.bg_1st1_div{
	background-image: url("bg-1st1.jpg");
	background-position: top center;
	background-size: 100% auto;
}
.bg_1st2_div{
	background-image: url("bg-1st2.png");
	background-position:bottom right;
	background-size: auto;
	background-repeat: no-repeat;
}
/*NEWS*/
.news_div{
	width: 98%;
	max-width:1200px; 
	text-align: center;
	margin: 0 auto;
	filter: drop-shadow(0 0 10px #000);
	margin-top: 100px;
}
.news_head_img{
	width: 100%;
	vertical-align: bottom;
}
.news_bottom_img{
	width: 100%;
	vertical-align: top;
}
.news_naka_div{
	width: 100%;
	border:3px solid #e6e6e6;
	background-color: #000;
	padding: 5%;
}
.news_tr{
	display: flex;
	border: 1px solid #FFF;
	margin: 6px auto;
}
.news_tdh{
	width: 20%;
	background-color: #FFF;
}
.news_tdh p{
	font-family: "Zen Dots",sans-serif;
	color: #000;
	font-weight: 900;
	text-align: left;
	padding: 0.5em 1em;
}
.news_tdm{
	width: 80%;
	background-color: #000;
	padding-left: 10px;
}
.news_tdm p{
	color: #FFF;
	font-weight: 700;
	text-align: left;
	padding: 0.5em;
}
/*Discordへの誘導*/
.discord_div{
	width: 94%;
	max-width: 1200px;
	background-image: url("discord-mat.png");
	background-size: 100% 100%;
	margin: 0 auto;
	text-align: center;
	margin: 30px auto;
	padding-top: 50px;
	padding-bottom: 40px;

}
.discord_ma{margin-top: 0px;}
.yaji_moji{
	width: fit-content;
	max-width: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
.yaji_moji img{
	height: 100%;
	max-height: 44px;
}
.yaji_moji p{
	padding:0 1em;
	font-weight: 700;
}
.discord_under_p{
	font-size: 16px;
	font-weight: 700;
	text-shadow: 1px 1px 2px #000;
}
.discord_a_red{
	color: red;
}
.discord_a_red:hover{
	filter: hue-rotate(180deg);
}
/*WHAT*/
.what_h2_div{
	width: 100%;
	margin:0 auto;
	margin-top: 40px;
	margin-bottom: 20px;
	height: 80px;
	background-image: url("h2_what.png");
	background-size: 1920px auto;
	background-position: top center;
	background-repeat: no-repeat;

}
.what_h2_div img{
	max-width: 1920px;
}
.what_div{
	width: 90%;
	max-width: 1007px;
	margin: 0 auto;
}
.what_h1{
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 1px;
	text-align: left;
}
.what_p{
	text-align: left;
	margin-bottom: 1em;
}
.what_profile{
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 1007px;
	margin: 0 auto;
	margin-bottom: 30px;
	background-image: url("what-waku.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 40px;
}
.what_photo{
	width: 100%;
	min-width: 180px;
	max-width: 258px;
	padding-left: 4px;
}
.wp_p_div{
	width: auto;
	max-width: 550px;
}
.wp_line{
	border-bottom: 2px solid #FFF;
}
.wp_up{
	font-weight: 700;
	margin: 4px 0;
	text-align: left;
}
.wp_down{
	font-weight: 700;
	font-size: 16px;
	line-height: 1.8em;
	text-align: left;
}
/*MINT*/
.mint_h2{
	margin: 0 auto;
	text-align: center;
	width: 90%;
	max-width: 996px;
}
.mint_h3{
	font-family: "Zen Kaku Gothic New";
	font-weight:900;
	margin: 0 auto;
	font-size: 30px;
	line-height: 1.5em;
	text-align: center;
}
.mint_top_p{
	margin: 1em auto;
	text-align: center;
	text-shadow: 0px 0px 4px #000; 
	font-weight: 700;
}
.mc_div{
	border: 1px solid #ccc;
	background-color: #000;
	width: 90%;
	max-width: 1000px;
	padding: 40px;
	margin: 0 auto;
	text-align: center;
}
.mint_yaji_p{font-size: 26px;}
.mc_tr{
	margin: 12px auto;
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.mc_tdh{
	text-align: left;
	border: 1px solid #FFF;
	padding: 0px 0.5em;
}
.mc_tdm{
	text-align: left;
	padding-left: 1em;
}
.mc_trmini{
	font-size: 12px;
}
.mk_div{
	border: 1px solid #ccc;
	background-color: #000;
	width: 90%;
	max-width: 900px;
	padding: 40px;
	margin: 10px auto;
	text-align: center;
}
.mc_bikou{
	margin: 0 auto;
	width: 74%;
}
.mc_bikou p{
	font-size: 16px;
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}
.mint_hr{
	width:90%;
	max-width: 996px;
	margin: 1% auto;
}
.mint_ma{margin-top: 150px;}
/*STORY*/
.story_div{
	position: relative;
	background-image: url("bg-story.jpg");
	background-size: 100% 100%;
	background-repeat: repeat;
}
.product_h2{
	position: relative;
	top:0px;
	left: 0;right: 0;margin: 0 auto;
}
.product_h2 img{
	width: 90%;
	max-width: 589px;
}
.story_h2{
	width: 80%;
	max-width: 429px;
	margin-top:120px;
	margin-bottom: 20px;
}
.story_p{
	line-height: 3em;
	text-shadow: 0 0 10px #000;
}
.story_ma{
	margin-top:180px;
}
/*TYPE*/
.type_div{
	position: relative;
	background-image: url("bg-type.jpg");
	background-size: 100% 100%;
	background-repeat: repeat;
}
.type_h2{
	width: 80%;
	max-width: 429px;
	margin: 0 auto;
	margin-top:120px;
	margin-bottom: 50px;
	text-align: center;
	display: block;
}
.type_cs{
	width: 90%;
	max-width: 1000px;
	filter: drop-shadow(0 0 20px #000);
}
/*INFO*/
.bg_2nd1_div{
	background-image: url("bg-2nd1.jpg");
	background-position: top center;
	background-size: 100% auto;
}
.bg_2nd2_div{
	background-image: url("bg-2nd2.png");
	background-position: bottom right;
	background-size: auto;
	background-repeat: no-repeat;
}
.begin_div{
	position: relative;
}
.info_ma_60{margin-top: 60px;}
.info_h2{
	position: relative;
	top:0px;
	left: 0;right: 0;margin: 0 auto;
	text-align: center;
}
.info_h2 img{
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width:802px; 
}
.info_bikou{margin:4px auto;}
.begin_b{
	margin-top: 16px;
	width: 90%;
	max-width: 695px;
}
.begin_b_sp{display: none;}
.begin_p{
	width: fit-content;
	margin: 0 auto;
	text-align: left;
	line-height: 2em;
	text-shadow: 0 0 2px #000;
}
.btn_guide{
	width: 90%;
	max-width: 584px;
	margin: 10px auto;
	box-shadow: 0px 0px 10px #FFF;
}
.btn_guide_a:hover{
	opacity: 1;
	filter: hue-rotate(180deg);
}
/*価格*/
.kakaku_div{
	border: 2px solid red;
	margin: 30px auto;
	background-color: #000;
	padding: 20px;
	width: 1000px;
}
.kakaku_b{font-size: 30px;}
/*詳しい内容*/
.info_div{
	position: relative;
	border: 2px solid red;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 60px;
	background-color: #000;
}
.info_midasi{
	position: absolute;
	top:-55px;
	left: 0;right: 0;margin: 0 auto;
	max-height: 77px;
}

.info_tr{
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 750px;
	margin: 0 auto;
	border-bottom: 1px solid #FFF;
}
.info_tr p{
	padding: 10px;
	padding-right: 0;
}
.info_tdh{text-align: left;}
.info_tdm{text-align: right;}
.tyui_div{
	width: fit-content;
padding-bottom: 4px;
}
.tyui_div p{
	font-size: 12px !important;
	padding: 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.4em;
	text-align: left;
}
.kakaku_p{
	font-size: 12px;
	margin: 8px auto;
	letter-spacing: 0.5px;
}
.mousi_div{
	margin: 0 auto;
	width: 90%;
	position: relative;
	border: 1px solid #FFF;
}
.mousi_midasi{
	position: absolute;
	top:-17px;
	left: 0;right: 0;margin: 0 auto;
	max-height: 38px;
}
.mousi_midasi img{
	max-height: 38px;
	width: auto;
}
.mousi_ma{
	margin-top: 20px;
}
.mousi_in_div{
	width: 94%;
	margin: 0 auto;
}
.mousi_b{
	font-weight: 900;
	text-align: left;
	
	margin-bottom: 5px;
}
.mousi_p{
	text-align: left;
}
.mousi_bangou{
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}
.mousi_mini{font-size: 14px;
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;

}
.mousi_step{
	margin-top: 30px;
	width: 70%;
	max-width: 250px;
}
.mousi_step img{
	width: 100%;
	max-width: 300px;
}
.info_tyui_div{
	width: 80%;
	max-width: 610px;
	margin: 10px auto;
}
.info_tyui_div p{
	font-size: 16px;
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}
/*NFTとは？*/
.bg_3rd1_div{
	background-image: url("bg-3rd1.jpg");
	background-position: top center;
	background-size: 100% auto;
}
.toha_h2{
	top:-20px;
}
.toha_h2 img{
	width: 90%;
	max-width: 884px;
}
.nfttoha_div{
	position: relative;
}
.nfttoha_b{
	width: 90%;
	max-width: 1000px;
	margin-top: 80px;
}
.nfttoha_b_sp{
	display: none;
}
.nfttoha_p{
	text-align: left;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	text-shadow: 1px 1px 1px #000;
}
/*UTILITY*/
.util_naka_div{
	padding-left: 3%;
	padding-right: 3%;
}
.h2_util{
	width: 80%;
	max-width: 368px;
	margin-bottom: 7px;
}
.utility_sub{
	width: 60%;
	max-width:300px;
}
.util_all_div{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
}
.util_set_div{
	margin: 0 1%;
	width: 48%;
	margin-bottom: 70px;
}
.util_icon{
	max-height: 160px; 
}
.util_b{
	text-align: left;
	color: red;
	font-weight: 700;
}
.util_p{
	font-size: 18px;
	text-align: left;
	letter-spacing: 0;
}
.util_mini{
	text-align: left;
	font-size: 14px;
	letter-spacing: 0;
}
.util_tyui_div{
	max-width: 600px;
	margin: 0 auto; 
}
.util_tyui_div p{
	text-align: left;
	font-size: 16px;
	padding-left: 1em;
	text-indent: -1em;
}
.util_last_p{
	text-align: center !important;
}
.h2_roadmap{
	width: 90%;
	max-width: 496px;
}
.road_tr{
	/*border: 1px solid #FFF;*/
	margin: 10px auto;
	width: 90%;
	max-width: 600px;
	display: flex;
	justify-content: center;
}
.road_tdh{text-align: right;}
.road_tdm{text-align: left;}
/*FAQ*/
.h2_faq{
	width: 90%;
	max-width: 184px;
}
.faq_set_div{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #000;
	border: 2px solid #ccc;
	margin-bottom: 30px;
}
.faq_set_div p{
	text-align: left;
}
.faq_q,.faq_a{
	width: 94%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: auto;
	height: auto;
	min-height: 85px;

}
.faq_q{
	background-image: url("faq_q.png");
	padding: 1em 0;
	padding-top: 1.5em;
}
.faq_a{
	background-image: url("faq_a.png");
	border-top:1px solid #ccc;
	padding: 1em 0;
}
.faq_q,.faq_a p{
	padding-left: 2em;
}
.faq_line {
	height: 1px;
	background-color: #FFF;
	opacity: 0.3;
	width: 100%;
	margin: 4px auto;
}
.h2_team{
	width: 90%;
	max-width: 184px;
}
.team_in_div{
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	max-width: 980px;
	justify-content: space-between;
}
.team_img{
	width: 100%;
	max-width: 477px;
	margin-bottom: 30px;
	padding-left: 4px;
	padding-right: 4px;
}
.team_in_div a{
	width: 50%;
}
.team_in_div a:hover{
	opacity: 1;
	filter: drop-shadow(0 0 10px red);
}