@charset "UTF-8";
/*--------------------------------------------
FONTSIZE TO REM
---------------------------------------------*/
@media screen and (max-width: 1024px){
	html {
		font-size: calc( 10 * 100vw / 1024 );
	}
}
@media print,screen and (min-width: 1025px){
	html {
		font-size: 10px;
	}
}
@media screen and (max-width: 1024px){
	body {
		font-size: 2.7rem;
	}
}
@media print,screen and (min-width: 1025px){
	body {
		font-size: 1.6rem;
	}
}

/*--------------------------------------------
BODY
---------------------------------------------*/
body {
	position: relative;
}

/*--------------------------------------------
WRAPPER
---------------------------------------------*/
@media screen and (max-width: 1024px){
	.wrap{
		width: 100%;
		padding-left: calc( 30 * 100% / 1024 );
		padding-right: calc( 30 * 100% / 1024 );
	}
}
@media print,screen and (min-width: 1025px){
	.wrap{
		width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
}
/*--------------------------------------------
HEADER
---------------------------------------------*/
#header {
	position: relative;
}
#header::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.fixed-head {
	backface-visibility: hidden;
	background-color: rgba(0, 0, 0, 0);
	position: fixed;
	top: 0;
	transition: all .3s ease-in;
	width: 100%;
	will-change: background, padding;
	z-index: 10;
}
.fixed-head.transform {
	background-color: rgba(251,215,188,0.8);
}
.head-wrap {
	align-items: center;
	display: flex;
}
.head-wrap2 {
	align-items: center;
	display: flex;
}
#header .logo a {
	display: block;
}
#header .logo img {
	height: 100%;
	width: auto;
}
#header .links {
	align-items: center;
	justify-content: flex-end;
}
#header .enquete img {
	width: 100%;
}
@media screen and (max-width: 1024px){
	#header {
		background: url("../images/common/bg_head_sp.png") center 0/ cover no-repeat;
		height: calc( 490 * 100vw / 1024 );
		padding-top: calc( 102 * 100vw / 1024 );
	}
	.fixed-head {
		padding-top: calc( 13.5 * 100vw / 1024 );
		padding-bottom: calc( 13.5 * 100vw / 1024 );
	}
	.head-wrap {
		height: calc( 75 * 100vw / 1024 );
	}

	#header .logo {
		margin-left: calc( 10.7 * 100% / 1024 );
	}
	#header .logo img {
		height: calc( 75 * 100vw / 1024 );
	}
	#header .enquete  {
		margin-top: calc( 42 * 100vw / 1024 );
		width: calc( 519 * 100% / 1024 );
	}
}
@media print,screen and (min-width: 1025px){
	#header {
		background: url("../images/common/bg_head_pc.png") center 0/ cover no-repeat;
		padding-bottom: 34px;
		padding-top: 62px;
	}
	.fixed-head {
	    padding-top: 24px;
	    padding-bottom: 14px;
	}
	.fixed-head.transform {
	    padding-bottom: 14px; 
	}
	.head-wrap {
		height: 110px;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 1440px;
		min-width: 1100px;
		padding:0 20px 0 20px;
	}
	.head-wrap2 {
		justify-content: space-between;
		margin: 0 auto;
		max-width: 1440px;
		min-width: 1100px;
		padding:10px 0px 0px 0px;
		
	}
	#header .logo {

		width: 1100px;
		margin: auto;
	}
	#header .logo img {
		/*max-height: 100px;*/
		height: 110px;
		width:100%;
	}
	#header .links {
		width: 1100px;
		height: 40px;
		margin: auto;
		background-color: #231815;
		padding:10px;
	}
	#header .links  img{
		height: 20px;

	}
	#header .scroll {
		align-items: center;
		display: flex;
	}
	#header .enquete  {
		margin-left: 40px;
		width: 224px;
	}
}

/*--------------------------------------------
MENU BUTTON
---------------------------------------------*/
@media screen and (max-width: 1024px){
	#menuBtn {
		height: calc( 37 * 100vw / 1024 );
		position: fixed;
		right: calc( 26 * 100% / 1024 );
		top: calc( 32 * 100vw / 1024 );
		width: calc( 50 * 100% / 1024 );
		z-index: 12;
	}
	#menuBtn span {
		background-color: #fff;
		border-radius: calc( 3 * 100vw / 1024 );
		display: block;
		height: calc( 4 * 100vw / 1024 );
		left: 0;
		position: absolute;
		right: 0;
		top: calc( ( 100% - ( 4 * 100vw / 1024 ) ) / 2 );
		transition: .3s;
	}
	#menuBtn span:nth-child(1) {
		transform: translateY( -10px );
	}
	#menuBtn span:nth-child(3) {
		transform: translateY( 10px );
	}
	body.is-open{
		overflow: hidden;
	}
	body.is-open #menuBtn span:nth-child(1) {
		transform: rotate( 45deg );  
	}
	body.is-open #menuBtn span:nth-child(2) {
		opacity: 0;
	}
	body.is-open #menuBtn span:nth-child(3) {
		transform: rotate( -45deg );  
	}
}

/*--------------------------------------------
NAV
---------------------------------------------*/
@media screen and (max-width: 1024px){
	body.is-open #nav{
		max-height: 100vh;
	}
	#nav{
		backface-visibility: hidden;
		background: linear-gradient( to bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 1) 30%);
		height: calc( 100vh - ( 102 * 100vw / 1024 ) );
		left: 0;
		max-height: 0;
		overflow: hidden;
		overflow-y: scroll;
		position: fixed;
		top: calc( 102 * 100vw / 1024 );
		transition: max-height .5s ease-in;
		width: 100%;
		will-change: max-height;
		z-index: 10;
	}
	#nav .scroll{
		padding-bottom: calc( 80 * 100vw / 1024 );
		padding-left: calc( 50 * 100% / 1024 );
		padding-right: calc( 50 * 100% / 1024 );
		padding-top: calc( 40 * 100vw / 1024 );
	}
}

/*--------------------------------------------
LANGUAGE SWITCH
---------------------------------------------*/
@media print,screen and (min-width: 1025px){
	#lang-switch {
		color: #E4007F;
		letter-spacing: .02em;
		margin-left: 70px;
	}
	#lang-switch ul {
		display: flex;
	}
	#lang-switch input[type="radio"] {
		display: none;
	}
	#lang-switch label {
		display: inline-block;
		padding:2px 4px 2px 4px;
	}
	#lang-switch input[type="radio"]:checked + label {
		background-color: rgba(255, 255, 255, .4);
	}
	#lang-switch li + li:before {
		content: '/';
		/*margin-left: calc( 8 * 100vw / 1024 );*/
		/*margin-right: calc( 4 * 100vw / 1024 );*/
	}

}
@media screen and (max-width: 1024px){
	#lang-switch {
		color: #E4007F;
		letter-spacing: .02em;
		margin-left: calc( 20 * 100% / 1024 );
	}
	#lang-switch ul {
		display: flex;
	}
	#lang-switch input[type="radio"] {
		display: none
	}
	#lang-switch label {
		display: inline-block;
		padding-bottom: calc( 8 * 100vw / 1024 );
		padding-left: calc( 18 * 100vw / 1024 );
		padding-right: calc( 18 * 100vw / 1024 );
		padding-top: calc( 14 * 100vw / 1024 );
	}
	#lang-switch input[type="radio"]:checked + label {
		background-color: rgba(255, 255, 255, .4);
	}
	#lang-switch li + li:before {
		content: '/';
		/*margin-left: calc( 10 * 100vw / 1024 );*/
		/*margin-right: calc( 6 * 100vw / 1024 );*/
	}
}

/*--------------------------------------------
GLOBAL NAV
---------------------------------------------*/
#globalNav {
	display: flex;
	margin: auto;
}
#globalNav a {
	align-items: center;
	color: #fff;
	display: flex;
		font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	letter-spacing: .02em;
}
@media screen and (max-width: 1024px){
	#globalNav {
		flex-direction: column;
	}
	#globalNav a {
		font-size: 4.0rem;
		height: calc( 100 * 100vw / 1024 );
	}
}
@media print,screen and (min-width: 1025px){
	#globalNav {
		justify-content: flex-end;
	}
	#globalNav a {
		/*font-size: 2.8rem;*/
			font-size: 2.5rem;
	}
	#globalNav li:not(:first-child) a {
		margin-left: 30px;
	}
}

/*--------------------------------------------
MAIN
---------------------------------------------*/
#main { 
	position: relative;
}
@media screen and (max-width: 1024px){
	#main {
		background: url("../images/common/bg_geidai-game01_sp.svg") #fff 0 0/ calc( 150 * 100vw / 1024 ) no-repeat;
	}
}
@media print,screen and (min-width: 1024px){
	#main {
		background: url("../images/common/bg_geidai-game01_pc.svg") #fff 0 20px/ 294px 3048px no-repeat;
	}
}

/*--------------------------------------------
FOOTER
---------------------------------------------*/
#footer {
	color: #fff;
}
#footer .wrap {
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.foot-nav {
	display: flex;
	justify-content: center;
}
.foot-nav li a {
	align-items: baseline;
	color: #fff;
	display: flex;
		font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	justify-content: center;
	letter-spacing: .02em;
}
#footer .wrap > div {
	display: flex;
	justify-content: center;
}
#footer .logo a {
	display: block;
}
#footer .logo img {
	height: 100%;
	width: auto;
}
#footer .info {
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: .02em;
	line-height: 1.5;
}
#footer .copyright {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
}
	#footer .enquete{
		margin:0 0 0 30px;
	}
@media screen and (max-width: 1024px){
	#footer{
		background: url("../images/common/bg_foot_sp.png") center 0/ cover no-repeat;
		/*height: calc( 865 * 100vw / 1024 );*/
		padding-bottom: calc( 20 * 100vw / 1024 );
		padding-top: calc( 30 * 100vw / 1024 );
	}
	.foot-nav {
		flex-direction: column;
		padding-bottom: calc( 24 * 100vw / 1024 );
		width: 100%;
	}
	.foot-nav li {
	    margin-bottom: calc( 26 * 100vw / 1024 );
	    margin-top: calc( 26 * 100vw / 1024 );
	}
	.foot-nav li a {
		font-size: 5.7rem;
	}
	#footer .wrap > div {
		align-items: center;
		flex-direction: column;
		margin-bottom: calc( 32 * 100vw / 1024 );
	}
	#footer .logo {
		margin-bottom: calc( 20 * 100vw / 1024 );
	}
	#footer .logo img {
		height: calc( 116 * 100vw / 1024 );
	}
	#footer .info {
		font-size: 2.4rem;
		text-align: center;
	}
	#footer .copyright {
		font-size: 1.9rem;
	}
	
}
@media print,screen and (min-width: 1025px){
	#footer{
		background: url("../images/common/bg_foot_pc.png") center 0/ cover no-repeat;
		padding-top: 72px;
		height: 350px;
	}
	
	.foot-nav {
		margin-bottom: 63px;
	}
	.foot-nav li a {
		font-size: 2.8rem;
	}
	.foot-nav li:not(:first-child) a {
	    margin-left: 30px;
	}
	#footer .wrap > div {
		align-items: flex-start;
		margin-bottom: 86px;
		/*padding-left: 100px;*/
	}
	#footer .logo {
		width: 335px;
	}
	#footer .logo img {
		/*height: 58px;*/
	}
	#footer .info {
		font-size: 1.4rem;
		margin-left: 24px;
	}
	#footer .copyright {
		font-size: 1.5rem;
		letter-spacing: .02em;
	}
}

	
/* pc */
.pc { display: block !important; }
.sp { display: none !important; }


/* sp */
@media only screen and (max-width: 1024px) {
	.pc  { display: none !important; }
		.pc_sq   { display: none !important; }
	.sp { display: block !important; }
}