@charset "utf-8";
* {
	min-height:0;
	min-width : 0;
	}

body{
	height: 100%;
	font-family: YakuHanJP_Noto,Noto Sans JP,sans-serif;
	background-size: cover;
	font-size: 1em;
	letter-spacing: 0.2em;
	background-color: #000;
	color:#fff;
	}


a 			{color: #20bfdb;text-decoration: none;cursor: pointer;font-weight: bold;}
a:visited	{color: #20bfdb;}
a:hover		{color: #2cddfc;}
a:focus, *:focus { outline:none; }

rt {font-size: 0.4em}


h1 {line-height: 1;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
p{}
dl {}
dt {}
dd {}
ul {}
li {}

table {
	border-collapse: collapse;
	margin: 2em auto 1em;
	}

th, td {
	border: none;
	padding: 5px 20px;
	vertical-align: top;
	}

th {
	word-break: keep-all;
	text-align: right;
	letter-spacing: 0;
	}

strong {color: #D20030;}
em {text-decoration: none;font-style: normal;}
strong, em {font-weight: bold;}

/*フェード*/
a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	}


/*大枠*/
.primaryContainer {
	margin: 0 auto;
	padding: 0;
	position: relative;
	line-height: 1.6;
	overflow: hidden;
	}


/*コンテンツ全体をラップ*/
main {}

section {
	box-sizing: border-box;
    /*max-width: 1280px;*/
	margin: 0 auto 0;
	padding: 40px 0;
	position: relative;
	}

section img {
	display: block;
	width: 100%;
	}

.card::before {
	content: "";
	display: block;
 	transform: rotateZ(15deg);  
	position: absolute;
	bottom: -5%;
	right: -25%;
	width: 600px;
	height: 593px;
	z-index: -999;
	padding: 50px 0;
	background: url("../images/nobolt/img_210820_yorunobo_01.jpg") no-repeat bottom right;
	background-size: contain;
	}

@media only screen and (max-width: 480px){
	.card::before {
		width: 400px;
		height: 400px;
		bottom: -20%;
		right: -20%;
		}
	}

.card {
	position: relative;
	width: 90%;
	max-width: 500px;
	margin: 0 auto 200px;
	background:
        url("../images/nobolt/img_210901_yorunobo_letter_corner_01.png") no-repeat top 2% left 2%,
        url("../images/nobolt/img_210901_yorunobo_letter_corner_02.png") no-repeat top 2% right 2%,
        url("../images/nobolt/img_210901_yorunobo_letter_corner_03.png") no-repeat bottom 2% left 2%,
        url("../images/nobolt/img_210901_yorunobo_letter_corner_04.png") no-repeat bottom 2% right 2%,
        url("../images/nobolt/img_210820_yorunobo_nobolt_logo.png") no-repeat bottom 4% center,
        url("../images/nobolt/img_210901_yorunobo_letter_bg.png") repeat-x top left;
    background-size: 20%,20%,20%,20%,20%,contain;
	box-shadow: 15px 30px 0 rgba(0,0,0,0.15);
	}

.card img {
	width: 80%;
	padding: 20% 0;
	margin: 0 auto;
	}


.massage {
	font-family: 'Sawarabi Mincho', sans-serif;
	padding: 0 1em;
	margin: 0 auto 100px;
	text-align: center;
	position: relative;
	}

.massage::after{
	display: block;
	border-top: 35px solid #fff;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	content: "";
	position: absolute;
	z-index: 999;
	bottom: -70px;
	left: 50%;
	margin-left: -35px;
	}

.yorunobolink {
	display: block;
	width: 90%;
	max-width: 600px;
	padding: 30px 0;
	margin: 0 auto;
	border: 1px #fff solid;
	border-radius: 300px;
	text-align: center;
	color: #fff;
	}

.yorunobolink:hover, .yorunobolink:visited {
	color: #fff;
	}

.yorunobolink img {
	display: block;
	margin: 0 auto;
	width: 70%;
	}

/*フッター ここから------------------------------------------------------------------------------*/
footer {
	box-sizing: border-box;
	padding: 100px 0 100px;
	background-size: cover;
	text-align: center;
	color: #eee;
	letter-spacing: 0.1em;
	font-size: 0.7em;
	/*text-shadow: 
    #000 2px 0px,  #000 -2px 0px,
    #000 0px -2px, #000 0px 2px,
    #000 2px 2px , #000 -2px 2px,
    #000 2px -2px, #000 -2px -2px,
    #000 1px 2px,  #000 -1px 2px,
    #000 1px -2px, #000 -1px -2px,
    #000 2px 1px,  #000 -2px 1px,
    #000 2px -1px, #000 -2px -1px;*/
	}

footer .taitoLogo {
	width: 200px;
	margin: 0 auto 30px;
	}

footer .gamearchivesLogo {font-size: 0.8em;}
footer .gamearchivesLogo img {
	width: 160px;
	margin-left: 1em;
	}

footer ul {
	flex: 1;
	height: 1em;
	padding: 0;
	margin: 30px auto;
	text-align: center;

	}

footer ul li {
	display: inline-block;
	list-style-type: none;
	border-right: 1px #fff solid;
	padding: 0 5px;
	text-align: center;
	line-height: 1;
	}

footer ul li:last-child {
	border: none;
	}

footer ul li a, footer ul li a:visited,footer ul li a:hover {
	color: #fff;
	text-decoration: none;
	}

footer p.copyright {
	margin: auto;
	font-size: 0.8em;
	}

@media only screen and (max-width: 768px) {
	footer {font-size: 0.6em;}
	}