@charset "utf-8";

* {
	margin: 0;
	padding: 0;
  font-family: 'Roboto Condensed', sans-serif;
	word-break: normal;
	font-weight:normal;
	-webkit-font-smoothing:subpixel-antialiased;
}


body {
	background-color: #000;
	background-image:url(../us/images/common/bg001.jpg);
	color: #fff;
	margin: 0;
	padding: 0;
	font-weight:200;
	font-size:17px;
	line-height:1.8;
	-webkit-text-size-adjust: 100%;
}

h1,h2,h3,h4,h5,h6,p { font-family: 'Roboto Condensed', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight: 700; }

a:focus,img:focus,div:focus,input:focus{outline: 0!important;}


/* グローバル変数 */
:root {
  --color-bg-btn: #eee;
	--color-text-btn:#000;
	--color-text-attention:#1f7590;
}


/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 641px){

	#wrapper{  }

	#language{padding:100px 0 100px;}


	#popup_close{position:absolute;z-index:100;display:block;}

	#popup{position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.8);width:100%;height:100%;opacity:0;pointer-events: none;transition:all 1s;z-index:50;}
	#language{text-align:center;position:relative;z-index:0;}

	h2{font-size:30px;}
	.popup_inner{width:600px;margin:15% auto 0;display:none;}


	.select-wrap {position:relative;display:inline-block;}
	.select-wrap:before {content:'';display:block;font-size: 100px;position: absolute;right:15px;top:14px;width: 12px;height: 12px;border-bottom: 3px solid #fff;border-right: 3px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);pointer-events: none;}

	select{outline:none;text-indent: 0.01px;text-overflow: '';background: none transparent;vertical-align: middle;font-size: inherit;color: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding:10px 45px 10px 20px ;text-align:center;background-color:rgba(0,0,0,0.5);}
	select option{background-color: #fff;color: #333;}
	select::-ms-expand {display: none;}
	select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #828c9a;}


	input.ac{font-size:18px;padding:2px 6px;}

	p a{color:var(--color-text-attention);}


	#popup.on{opacity:1;pointer-events:all;}
	#popup_close{width:40px;height:40px;display:block;background-size:100%;position:absolute;top:20px;right:20px;text-indent:-9999px;}



	.btn{background-color:var(--color-bg-btn);color:var(--color-text-btn);border-radius:6px;padding:6px 65px;text-decoration: none;margin:40px 5px 0;display:inline-block;font-size:20px;box-shadow:0 0 4px rgba(0,0,0,0.8);cursor: pointer;border:none;}
	.btn.off{opacity:0.6;pointer-events:none;}
	.centering{text-align:center;}


	#agecheck.error:before{content:'Type it again';color:#d00;border:1px solid #d00;padding:5px 25px;font-size:14px;display:inline-block;border-radius:100px;margin-bottom:15px;}

	#sorry_age{text-align:center;}

	#sorry_age h2{color:#d00;}
	#sorry h2{color:#d00;}


h1 .logo { max-width: 960px; width: 80%; margin-bottom: 40px; }

#popup_close { position: absolute; top: 0; right: 0; display: block; background: transparent; color: transparent; padding: 0; border: none; text-indent: 0; outline: none; cursor: pointer;}
#popup_close:before {font-family: "slick";font-size: 20px;line-height: 1;color: #fff;opacity: .85;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: '×';display: block;height: 20px;width: 20px;line-height: 20px;padding: 10px;}
#popup_close:hover:before{ opacity: 0.6; }

footer { border: none; padding: 0; margin: 0; text-align: center; width: 100%;}
footer .logos { width: 240px; margin: 50px auto 20px; display: flex; justify-content: space-between; }
footer .logos div { height: 100px; position: relative; }

footer .logos a { transition: opacity .3s; }
footer .logos img { height: 100%; }
.copy { line-height: 18px; color: #999; font-size: 60%; line-height: 12px; font-weight: 300; }

}



/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 640px) {

	#wrapper{}

	#language{padding:60px 0 100px;}


	#popup_close{position:absolute;z-index:100;display:block;}

	#popup{position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.8);width:100%;height:100%;opacity:0;pointer-events: none;transition:all 1s;z-index:50;}
	#language{text-align:center;position:relative;z-index:0;}

	h2{font-size:24px;}
	.popup_inner{width:86%;margin:15% auto 0;display:none;}


	.select-wrap {position:relative;display:block;width:86%;margin:0 auto;font-size:16px;}
	.select-wrap:before {content:'';display:block;font-size: 100px;position: absolute;right:15px;top:14px;width: 12px;height: 12px;border-bottom: 3px solid #fff;border-right: 3px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

	select{outline:none;text-indent: 0.01px;text-overflow: '';background: none transparent;vertical-align: middle;font-size: inherit;color: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding:10px 45px 10px 20px ;text-align:center;background-color:rgba(0,0,0,0.5);width:100%;display:block!important;}
	select option{background-color: #fff;color: #333;}
	select::-ms-expand {display: none;}
	select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #828c9a;}


	input.ac{font-size:18px;padding:2px 6px;}

	p{font-size:14px;padding-bottom:20px;}
	p a{color:var(--color-text-attention);}


	#popup.on{opacity:1;pointer-events:all;}
	#popup_close{width:40px;height:40px;display:block;background-size:100%;position:absolute;top:20px;right:20px;text-indent:-9999px;}

	.btn{background-color:var(--color-bg-btn);color:var(--color-text-btn);border-radius:6px;padding:10px 0px;text-decoration: none;display:block;margin:15px auto 0;font-size:16px;box-shadow:0 0 4px rgba(0,0,0,0.8);cursor: pointer;border:none;width:86%;}
	.centering{text-align:center;}


	#agecheck.error:before{content:'Type it again';color:#d00;border:1px solid #d00;padding:5px 25px;font-size:12px;display:inline-block;border-radius:100px;margin-bottom:15px;}

	#sorry_age h2{color:#d00;}
	#sorry h2{color:#d00;}

h1 .logo { width: 96%; margin-bottom: 40px; }

#popup_close { position: absolute; top: 0; right: 0; display: block; background: transparent; color: transparent; padding: 0; border: none; text-indent: 0; outline: none;}
#popup_close:before {font-family: "slick";font-size: 20px;line-height: 1;color: #fff;opacity: .85;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: '×';display: block;height: 20px;width: 20px;line-height: 20px;padding: 10px;}

footer { border: none; padding: 0; margin: 0; text-align: center; width: 100%;}
footer .logos { width: 240px; margin: 50px auto 20px; display: flex; justify-content: space-between; }
footer .logos div { height: 100px; position: relative; }

footer .logos a { transition: opacity .3s; }
footer .logos img { height: 100%; }
.copy { line-height: 18px; color: #999; font-size: 60%; line-height: 12px; font-weight: 300; }


}