@charset "utf-8";


html,body {
	margin:0;
	padding:0;
	background-color: #000;
	/*scrollbar-face-color: #171717;*/       /* 表面の色 */
	/*scrollbar-3dlight-color: #494949;*/    /* 左端と上端の色 */
	/*scrollbar-highlight-color: #171717;*/ /* ハイライトの色 */
	/*scrollbar-shadow-color: #171717;*/     /* 影の色 */
	/*scrollbar-darkshadow-color: #494949;*/ /* 右端と下端 */
	/*scrollbar-arrow-color: #ffffff;*/     /* 矢印の色 */
	/*scrollbar-track-color: #494949;*/      /* バーの背景の色 */
	}

body{
	color: #000;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

.hidden{
	position: absolute;
	height: 0; width: 0;
	top: -9999px; left: -9999px;
}

a {
	overflow: hidden;
	outline: none;
}

.opa {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.opa:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-ms-filter: "alpha(opacity=85)";
}

object {
	outline: none;
}

img {
	line-height: 0;
}

::-moz-selection{
background:#316ac5;
color:#ffffff;
}

::selection {
background:#316ac5;
color:#ffffff;
}

/*--------------------------------------
  リンク設定
---------------------------------------*/

a:link {
	color:#eb0000;
}
a:visited {
	color:#eb0000;
}
a:active {
	color:#eb0000;
}
a:hover {
	color:#eb0000;
}

/*--------------------------------------
  STRUCTURE
---------------------------------------*/

#main-area {
	position: relative;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	z-index: 10;
	width: 100%;
	margin: 0 auto;
	min-width: 1000px;
	max-height: 800px;
	/* padding-top: 30px; */
}
.main-img img{
	width: 100%;
	vertical-align: bottom;
}
div#wrapper {
	position: relative;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	margin: 0 auto;
	width: 1000px;
	height: 0;
	z-index: 20;
}

	h1.site-ttl { display: none; }
	h2.site-sttl { display: none; }
	h2.site-caption { display: none; }
	h2.site-roadshow { display: none; }
	h3.site-caption2 { display: none; }

.icon-area{
	position: absolute;
	left: 23%;
	bottom: 2.5%;
	width: 13vw;
	/*animation: kira 3s infinite;*/
}
/*@keyframes kira {
	0%{
		opacity: .7;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: .7;
	}
}*/
.icon-area a img{
	width: 100%;
}
/* ===============
magnificPopup
================== */
.white-popup {
	position: relative;
	background: #fff;
	border: 5px solid #fff;
	box-sizing: content-box;
	width: auto;
	max-width: 650px;/* デフォルトのモーダルサイズ */
	margin: 20px auto;
}

	/*特報ムービーサイズ
	########################*/

.white-popup-movie {
	position: relative;
	background: #fff;
	border: 5px solid #fff;
	box-sizing: content-box;
	width: auto;
	max-width: 900px;/* 特報のモーダルサイズ */
	margin: 20px auto;
}


	/* credit
	##################################### */

	/* social
	##################################### */

	#footer-area .social-link { margin: 0 0 30px; padding-top: 30px; font-size: 0;}
	#footer-area .social-link .social-twitter { display: inline; margin-right: 5px;}
	#footer-area .social-link .social-facebook { display: inline; }
	#footer-area .social-link .btn-twitter-zi-o { display: inline; margin-right: 10px;}
	#footer-area .social-link .btn-twitter-hkr20 { display: inline; margin-left: -6px;}

	/*footer-area
	##################################### */

	#footer-area {
		position: relative;
		z-index: 100;
		background-color: #000;
		min-width: 1000px;
		/*-webkit-box-shadow: 0 4px 8px 5px #000000;
		box-shadow: 0 4px 8px 5px #000000;*/
	}

	#footer-area .footer-upper {
		/*border-bottom: 1px solid #000;*/
		border-top: 1px solid #252525;
		text-align: center;
	}

	#footer-area .footer-bottom {
		border-top: 1px solid #252525;
		padding-top: 20px;
		text-align: center;
	}

#footer-area .col2{
	display: flex;
	align-items: stretch;
	max-width: 1125px;
	margin: auto;
}
	/*maeuri-area;*/
#footer-area .maeuri-area{
	box-sizing: border-box;
	position: relative;
	z-index: 1000;
	padding: 3px 5px 5px;
	margin: 30px auto;
	text-align: center;
	background: #fff;
	width: 50%;
}
#footer-area .maeuri-area img {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
}
#footer-area .maeuri-area .more{
	margin: 3px 3px 0;
}
#footer-area .maeuri-area .more a{
	transition: .2s;
}
#footer-area .maeuri-area .more a:hover{
	opacity: .7;
}
#footer-area .maeuri-area .more a img{
	width: 100%;
	height: auto;
}
/*nyupre-area;*/
#footer-area .nyupre-area{
	box-sizing: border-box;
position: relative;
z-index: 1000;
padding: 3px 0 0;
margin: 30px auto;
text-align: center;
width: 48%;
/* background: #FEF02F; */
}
#footer-area .nyupre-area img {
display: inline-block;
vertical-align: bottom;
width: 100%;
}

	#footer-area .copyright { color: #C2C2C2; font-size: 7px; margin: 30px 0; line-height: 1.1em;}
	#footer-area .copyright span::after {position: relative; top: -2px; left: 10px; content:" "; display:inline-block; width:23px; height:20px; background:url(../img/toeilogo.png); background-size: contain; vertical-align:middle;}
	#footer-area .copyright .copyright-icon{vertical-align: bottom;margin-left: 15px}

	/* gnav
	##################################### */

	/* gnav */
    .gnav-area {
		position: relative;
  	/*width: 100%;*/
  	overflow: hidden;
  	background: #2a2a2a;
  	text-align: center;
		border-bottom: 3px solid #000;
  	}


	.gnav-area .gnav {
	width: 875px;
	height: 85px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
	.gnav-area .gnav li {
		/*display: inline-block;*/
		float: left;
		margin: 0;
		padding: 0;

	}
	.gnav-area .gnav li a {
		width: 125px;
		display: block;
		text-decoration: none;
		height: 88px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-image: url(../img/pre/gnav/gnav_all.png);
		background-repeat:  no-repeat;
		background-blend-mode: screen;
		position: relative;
	}
	.gnav-area .gnav li a .new{
		position: absolute;
		top: 0;
		right: 2px;
		color: #eb0000;
		font-size: 115%;
		font-weight: bold;
		font-style: italic;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}
	.g-01 a { background-position: 0 -90px;}
	.g-02 a { background-position: -125px -90px;}
	.g-03 a { background-position: -250px -90px;}
	.g-04 a { background-position: -375px -90px;}
	.g-05 a { background-position: -500px -90px;}
	.g-06 a { background-position: -625px -90px;}
	.g-07 a { background-position: -750px -90px;}
	.g-08 a { background-position: -875px -90px;}

	.g-01 a:hover { background-position: 0 -180px;}
	.g-02 a:hover { background-position: -125px -180px;}
	.g-03 a:hover { background-position: -250px -180px;}
	.g-04 a:hover { background-position: -375px -180px;}
	/* .g-05 a:hover { background-position: -500px -180px;} */
	.g-06 a:hover { background-position: -625px -180px;}
	.g-07 a:hover { background-position: -750px -180px;}
	.g-08 a:hover { background-position: -875px -180px;}

	.g-01 a:active { background-position: 0 -180px;}
	.g-02 a:active { background-position: -125px -180px;}
	.g-03 a:active { background-position: -250px -180px;}
	.g-04 a:active { background-position: -375px -180px;}
	/* .g-05 a:active { background-position: -500px -180px;} */
	.g-06 a:active { background-position: -625px -180px;}
	.g-07 a:active { background-position: -750px -180px;}
	.g-08 a:active { background-position: -875px -180px;}

	.g-05 a{cursor: auto;}



	/* banner
	##################################### */

	#footer-area ul.footer-bnr { width: 100%; margin: 0 auto; overflow: hidden; }
	#footer-area ul.footer-bnr li { display: inline-block; margin: 0 6px 6px; }


/*--------------------------------------
  BLANK
---------------------------------------*/

	.mb-0 {margin-bottom: 0px;}
	.mb-5 {margin-bottom: 5px;}
	.mb-7 {margin-bottom: 7px;}
	.mb-10 {margin-bottom: 10px;}
	.mb-15 {margin-bottom: 15px;}
	.mb-20 {margin-bottom: 20px;}
	.mb-25 {margin-bottom: 25px;}
	.mb-30 {margin-bottom: 30px;}
	.mb-35 {margin-bottom: 35px;}
	.mb-40 {margin-bottom: 40px;}
	.mb-45 {margin-bottom: 45px;}
	.mb-50 {margin-bottom: 50px;}

	.pb-0 { padding-bottom: 0px;}
	.pb-5 { padding-bottom: 5px;}
	.pb-7 { padding-bottom: 7px;}
	.pb-10 { padding-bottom: 10px;}
	.pb-15 { padding-bottom: 15px;}
	.pb-20 { padding-bottom: 20px;}
	.pb-25 { padding-bottom: 25px;}
	.pb-30 { padding-bottom: 30px;}
	.pb-35 { padding-bottom: 35px;}
	.pb-40 { padding-bottom: 40px;}
	.pb-45 { padding-bottom: 45px;}
	.pb-50 { padding-bottom: 50px;}