@charset "utf-8";
/* CSS Document */
/* -------------------------------------------------------------------------- **
**  COMMON CSS
** -------------------------------------------------------------------------- */
@import url(plugin/slick.css);
@import url(plugin/magnific-popup.css);
@import url("https://fonts.googleapis.com/css?family=Anton");
body{
	background: black;
}
body .fade {
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
#wrapper img{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
@media screen and (min-width:1080px){
	html {
		margin: 0;
		padding: 0;
		font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', verdana, Helvetica,Arial, sans-serif;
		font-size:62.5%;
	}
	body {
		font-size: 1.4rem;
	}
	.imgTxt{
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		margin-left:auto;
		margin-right:auto;
		height: 0;
	}
	.pc_non{
		display: none !important;
	}
	a img {
		-webkit-transition:0.2s ease-in-out;
		-moz-transition:0.2s ease-in-out;
		-o-transition:0.2s ease-in-out;
		-ms-transition:0.2s ease-in-out;
		transition:0.2s ease-in-out;
	}
	a:hover img {
		opacity:0.75;
		filter:alpha(opacity=75);
		-ms-filter:"alpha(opacity=75)";
		-moz-opacity:0.75;
		-khtml-opacity:0.75;
		zoom:1;
		-webkit-transition:0.2s ease-in-out;
		-moz-transition:0.2s ease-in-out;
		-o-transition:0.2s ease-in-out;
		-ms-transition:0.2s ease-in-out;
		transition:0.2s ease-in-out;
	}
	nav #gNaviWrap{
		position: fixed;
		top: 0;
		z-index: 2;
		height: 4vw;
		width: 100%;
		background-color: #d8000f;
	}
	nav #gNaviWrap #gNaviList{
		width: 1000px;
		height: 4vw;
		margin: 0 auto;
		display: table;
	}
	nav #gNaviWrap #gNaviList li{
		display: table-cell;
		vertical-align: middle;
		width: 200px;
		text-align: center;
	}
	nav #gNaviWrap #gNaviList li a{
		font-size: 120%;
		color: white;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-decoration: none;
		display: inline-block;
		position: relative;
	}
	nav #gNaviWrap #gNaviList li a.current{
		color: #fcca00;
	}
	nav #gNaviWrap #gNaviList li a.current:after{
		content: "";
		height: 2px;
		width: 100%;
		background: #fcca00;
		display: block;
		position: absolute;
		bottom: -5px;
	}
	nav #gNaviWrap #gNaviList li a:hover{
		color: #fcca00;
	}
	.mfp-bg {
	  opacity: 0;
	  -webkit-transition: all 0.15s ease-out;
	  -moz-transition: all 0.15s ease-out;
	  transition: all 0.15s ease-out;
	}
	.mfp-bg.mfp-ready {
	  opacity: 0.85!important;
	}
	.mfp-bg.mfp-removing {
	  opacity: 0!important;
	}
	.mfp-wrap .mfp-content {
	  opacity: 0;
	  -webkit-transition: all 0.15s ease-out;
	  -moz-transition: all 0.15s ease-out;
	  transition: all 0.15s ease-out;
	}
	.mfp-wrap.mfp-ready .mfp-content {
	  opacity: 1;
	}
	.mfp-wrap.mfp-removing .mfp-content {
	  opacity: 0;
	}
	.mfp-close{
		color: rgba(255, 0, 0, 0)!important;
		position: fixed!important;
		top: 3%!important;
		margin-right: 2%!important;
		border-radius: 50%;
		width: 4vw!important;
		height: 4vw!important;
		background: rgba(255, 0, 0, 0)!important;
		border: solid 2px #ff0000!important;
		opacity: 1!important;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.mfp-close:before{
    	content: "";
    	display: block;
    	position: absolute;
    	top: 50%;
    	left: 25%;
    	width: 50%;
    	height: 2px;
		margin-top: -1px;
    	background: #ff0000;
	}
	.mfp-close:after{
    	content: "";
    	display: block;
    	position: absolute;
    	top: 25%;
    	left: 50%;
    	width: 2px;
    	height: 50%;
		margin-left: -1px;
    	background: #ff0000;
    	opacity: 1;
	}
	#wrapper .btn a{
		background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 8px), black;
    	border: solid 3px #959595;
    	box-sizing: border-box;
    	text-align: center;
		position: relative;
		text-decoration: none;
		color: white;
		font-weight: bold;
		display: block;
	}
	#wrapper .btn a:before{
		content: "";
    	border-top: 0.4vw solid rgba(255, 255, 255, 0);
    	border-right: 0.4vw solid #959595;
    	border-bottom: 0.4vw solid #959595;
    	border-left: 0.4vw solid rgba(255, 255, 255, 0);
    	position: absolute;
		bottom: 6px;
    	right: 6px;
	}
	#wrapper .btn a:hover{
		background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075) 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 7px), #7d2f00;
		background-position: 0 0;
		border: solid 3px #fc901c;
		animation: stripe_animation 1s infinite linear;
	}
	#wrapper .btn a:hover:before{
		content: "";
    	border-top: 0.4vw solid rgba(255, 255, 255, 0);
    	border-right: 0.4vw solid #fc901c;
    	border-bottom: 0.4vw solid #fc901c;
    	border-left: 0.4vw solid rgba(255, 255, 255, 0);
		bottom: 0;
    	right: 0;
	}
	#wrapper .btn a,
	#wrapper .btn a:before,
	#wrapper .btn a:hover,
	#wrapper .btn a:hover:before{
		-webkit-transition:0.2s ease-in-out;
		-moz-transition:0.2s ease-in-out;
		-o-transition:0.2s ease-in-out;
		-ms-transition:0.2s ease-in-out;
		transition:0.2s ease-in-out;
	}
	#wrapper .btn a p{
		position: absolute;
	}
	#wrapper .btn.click_non a{
		pointer-events: none;
    	opacity: 0.65;
    	border: solid 3px #5d5d5d;
    	color: gray;
	}
	#wrapper .btn.click_non a:before{
    	border-top: 0.4vw solid rgba(255, 255, 255, 0);
    	border-right: 0.4vw solid #5d5d5d;
    	border-bottom: 0.4vw solid #5d5d5d;
    	border-left: 0.4vw solid rgba(255, 255, 255, 0);
	}
}

@media screen and (max-width:1079px){
	html {
		margin: 0px;
		padding: 0px;
		font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', verdana, Helvetica,Arial, sans-serif;
		font-size: 3vw;
		overflow: visible!important;
	}
	#wrapper{
		margin: 0 auto;
		overflow: hidden;
	}
	#wrapper.noScroll{
		position: fixed;
		width: 100%;
	}
	.imgTxt{
		text-indent:200%;
		white-space:nowrap;
		overflow:hidden;
		height:0;
		margin-left:auto;
		margin-right:auto;
	}
	.sp_non{
		display: none !important;
	}
	p{
		letter-spacing: 0.05em;
	}
	nav p.menu.open{
		display: none;
	}
	nav #gNaviWrap{
    	display: none;
	}
	nav #gNaviWrap.open{
		position: absolute;
    	width: 100%;
    	height: 100vh;
    	background: url(../images/common/nav_bg_sp.jpg) center center;
		background-size: cover;
	}
	nav #gNaviBtn {
		padding: 2.5vw 0;
		position: fixed;
		right: 2.5vw;
		top: 4.5vw;
		width: 10%;
		z-index: 999;
	}
	nav #gNaviBtn:before{
		content: "";
		background-color: #d8000f;
		width: 15vw;
		height: 15vw;
		display:  block;
		position: fixed;
		top: 0%;
		right: 0%;
	}
	nav #gNaviBtn .btnIconWrap {
		line-height: 0;
	}
	nav #gNaviBtn .btnIconWrap .btnIcon {
		background: #fff;
		display: block;
		height: 1vw;
		left: 0;
		line-height: 0;
		margin: auto;
		position: absolute;
		right: 0;
		-webkit-transition: 0.35s ease-in-out;
		-moz-transition: 0.35s ease-in-out;
		-ms-transition: 0.35s ease-in-out;
		transition: 0.35s ease-in-out;
		width: 75%;
	}
	nav #gNaviBtn .btnIconWrap .btnIcon:nth-child(1) {
		top: 0;
	}
	nav #gNaviBtn .btnIconWrap .btnIcon:nth-child(2) {
		top: 48%;
	}
	nav #gNaviBtn .btnIconWrap .btnIcon:nth-child(3) {
		top: 100%;
	}
	nav.active {
		z-index: 998;
	}
	nav.active #gNaviBtn .btnIconWrap .btnIcon:nth-child(1) {
		top: 48% !important;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		-ms-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	nav.active #gNaviBtn .btnIconWrap .btnIcon:nth-child(2) {
		opacity: 0;
	}
	nav.active #gNaviBtn .btnIconWrap .btnIcon:nth-child(3) {
		top: 48% !important;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		-ms-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	nav #gNaviWrap {
		height: 100vh;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: -1;
		background: rgba(0, 0, 0, 0.85);
		display: table;
		opacity: 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	nav.active #gNaviWrap {
		opacity: 1;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		visibility: visible;
		z-index: 998;
	}
	nav #gNaviWrap #gNaviList{
		display: table-cell;
		vertical-align: middle;
	}
	nav #gNaviWrap #gNaviList li{
		font-size: 200%;
		text-align: center;
		font-weight: bold;
		padding: 1em;
		letter-spacing: 0.05em;
	}
	nav #gNaviWrap #gNaviList li a{
		text-decoration: none;
		color: white;
		display: inline-block;
		position: relative;
	}
	nav #gNaviWrap #gNaviList li a.current{
		color: #fcca00;
	}
	nav #gNaviWrap #gNaviList li a.current:after{
		content: "";
		height: 2px;
		width: 100%;
		background: #fcca00;
		display: block;
		position: absolute;
		bottom: -5px;
	}
	.mfp-container{
		padding: 0!important;
	}
	.mfp-bg{
		opacity: 0.9!important;
	}
	.mfp-close{
		color: rgba(255, 0, 0, 0)!important;
    	position: fixed!important;
    	top: 2%!important;
    	right: 4%!important;
    	border-radius: 50%;
    	width: 12vw!important;
    	height: 12vw!important;
    	background: black!important;
    	border: solid 2px #ff0000!important;
    	opacity: 1!important;
    	-webkit-transform: rotate(45deg);
    	-ms-transform: rotate(45deg);
    	transform: rotate(45deg);
	}
	.mfp-close:before{
    	content: "";
    	display: block;
    	position: absolute;
    	top: 50%;
    	left: 25%;
    	width: 50%;
    	height: 2px;
		margin-top: -1px;
    	background: #ff0000;
 	}
	.mfp-close:after{
    	content: "";
    	display: block;
    	position: absolute;
    	top: 25%;
    	left: 50%;
    	width: 2px;
    	height: 50%;
		margin-left: -1px;
    	background: #ff0000;
    	opacity: 1;
	}
	#wrapper .btn a{
		background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15) 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 6px), black;
    	border: solid 2px #959595;
    	box-sizing: border-box;
    	text-align: center;
		position: relative;
		text-decoration: none;
		width: 100%;
		color: white;
		font-weight: bold;
		padding: 4.5vw 0;
		display: block;
	}
	#wrapper .btn a:before{
		content: "";
    	border-top: 1vw solid rgba(255, 255, 255, 0);
    	border-right: 1vw solid #959595;
    	border-bottom: 1vw solid #959595;
    	border-left: 1vw solid rgba(255, 255, 255, 0);
    	position: absolute;
		bottom: 0.3em;
    	right: 0.3em;
		text-decoration: none;
	}
	#wrapper .btn.click_non a{
		pointer-events: none;
    	opacity: 0.65;
    	border: solid 2px #5d5d5d;
    	color: gray;
	}
	#wrapper .btn.click_non a:before{
    	border-top: 1vw solid rgba(255, 255, 255, 0);
    	border-right: 1vw solid #5d5d5d;
    	border-bottom: 1vw solid #5d5d5d;
    	border-left: 1vw solid rgba(255, 255, 255, 0);
	}
}
a {
	outline:none;
}
select::-ms-expand {
    display: none;
}

/*-----------------------------------------
 	font
-----------------------------------------*/
.text{line-height:1.8em; color:#FFF;}
.t_bold{font-weight:bold;}
.t_uline{text-decoration:underline;}

/* ---------- size ---------- */
.t_size_d2{font-size:80%;}
.t_size_d1{font-size:90%;}
.t_size_u1{font-size:110%;}
.t_size_u2{font-size:115%;}
.t_size_u3{font-size:120%;}
.t_size_u4{font-size:125%;}
.t_size_u5{font-size:130%;}

/* ---------- color ---------- */
.tc_red{color:#C00;}
.tc_black{color:#000;}
.tc_white{color:#FFF;}
.tc_yellow{color:#e3c65f;}
.tc_pink{color:#ee8989;}

/*-----------------------------------------
 	visual
-----------------------------------------*/
/* ---------- position ---------- */
.t_left{text-align:left;}
.t_center{text-align:center;}
.t_right{text-align:right;}
.m_auto{margin-left: auto;margin-right: auto;}

/* ---------- padding top ---------- */
.pt_1{padding-top:0.5em; display:block;}
.pt_2{padding-top:1em; display:block;}
.pt_3{padding-top:1.5em; display:block;}
.pt_4{padding-top:2em; display:block;}
.pt_5{padding-top:2.5em; display:block;}
.pt_6{padding-top:3em; display:block;}
.pt_7{padding-top:3.5em; display:block;}
.pt_8{padding-top:4em; display:block;}

/* ---------- padding bottom ---------- */
.pb_1{padding-bottom:0.5em; display:block;}
.pb_2{padding-bottom:1em; display:block;}
.pb_3{padding-bottom:1.5em; display:block;}
.pb_4{padding-bottom:2em; display:block;}
.pb_5{padding-bottom:2.5em; display:block;}
.pb_6{padding-bottom:3em; display:block;}
.pb_7{padding-bottom:3.5em; display:block;}
.pb_8{padding-bottom:4em; display:block;}

/* ---------- padding left ---------- */
.pl_1{padding-left:0.5em; display:block;}
.pl_2{padding-left:1em; display:block;}
.pl_3{padding-left:1.5em; display:block;}
.pl_4{padding-left:2em; display:block;}
.pl_5{padding-left:2.5em; display:block;}
.pl_6{padding-left:3em; display:block;}
.pl_7{padding-left:3.5em; display:block;}
.pl_8{padding-left:4em; display:block;}

/* ---------- padding right ---------- */
.pr_1{padding-right:0.5em; display:block;}
.pr_2{padding-right:1em; display:block;}
.pr_3{padding-right:1.5em; display:block;}
.pr_4{padding-right:2em; display:block;}
.pr_5{padding-right:2.5em; display:block;}
.pr_6{padding-right:3em; display:block;}
.pr_7{padding-right:3.5em; display:block;}
.pr_8{padding-right:4em; display:block;}

/* ---------- margin top ---------- */
.mt_1{margin-top:0.5em; display:block;}
.mt_2{margin-top:1em; display:block;}
.mt_3{margin-top:1.5em; display:block;}
.mt_4{margin-top:2em; display:block;}
.mt_5{margin-top:2.5em; display:block;}
.mt_6{margin-top:3em; display:block;}
.mt_7{margin-top:3.5em; display:block;}
.mt_8{margin-top:4em; display:block;}


/* ---------- margin bottom ---------- */
.mb_1{margin-bottom:0.5em; display:block;}
.mb_2{margin-bottom:1em; display:block;}
.mb_3{margin-bottom:1.5em; display:block;}
.mb_4{margin-bottom:2em; display:block;}
.mb_5{margin-bottom:2.5em; display:block;}
.mb_6{margin-bottom:3em; display:block;}
.mb_7{margin-bottom:3.5em; display:block;}
.mb_8{margin-bottom:4em; display:block;}

/* ---------- margin left ---------- */
.ml_1{margin-left:0.5em; display:block;}
.ml_2{margin-left:1em; display:block;}
.ml_3{margin-left:1.5em; display:block;}
.ml_4{margin-left:2em; display:block;}
.ml_5{margin-left:2.5em; display:block;}
.ml_6{margin-left:3em; display:block;}
.ml_7{margin-left:3.5em; display:block;}
.ml_8{margin-left:4em; display:block;}

/* ---------- margin right ---------- */
.mr_1{margin-right:0.5em; display:block;}
.mr_2{margin-right:1em; display:block;}
.mr_3{margin-right:1.5em; display:block;}
.mr_4{margin-right:2em; display:block;}
.mr_5{margin-right:2.5em; display:block;}
.mr_6{margin-right:3em; display:block;}
.mr_7{margin-right:3.5em; display:block;}
.mr_8{margin-right:4em; display:block;}

/*-----------------------------------------
 	other
-----------------------------------------*/
/*---clearfix---*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.clear{clear: both;}