@charset "utf-8";

/*---------------------------------------------*/
                   /* RESET */
/*---------------------------------------------*/

html,
body,
h1,
h2,
p,
ul,
li {
  margin: 0;
  padding: 0;
  line-height: 1.8;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
}

/* ------------------------------------------------- */





html {
	font-family: "メイリオ","Meiryo","Osaka","MS Pゴシック","MSゴシック",Helvetica,verdana,arial;
	color: #1a1a1a;
	background:rgb(61, 0, 0);
	text-align: center;
	margin:0 auto;
}



/* --------------------------------------------- */
                    /* OFF */
/* --------------------------------------------- */

.spbr {
  display: none;
}

#headerImg_sp {
  display: none;
}

.spOnly {
  display: none;
}

/*---------------------------------------------*/
                   /* PARTS */
/*---------------------------------------------*/

.pcOnly {
  display: block;
}

.antiBr {
  display: inline-block;
}

.pcbr {
  display: block;
}

.abeImg {
  float: right;
  width: 33%;
}

img.img80{width:80%;}
img.img70{width:70%;}
img.img60{width:60%;}
img.img50{width:50%;}
img.img30{width:30%;}

.strImg{
  filter: drop-shadow(0 0 15px #ff0000);
  cursor: not-allowed;
}

.imgFlash {

  animation: imgFlash 2s infinite;
  font-size: 3rem;
}

@keyframes imgFlash {
  0%, 100% {
    filter: drop-shadow(0 0 3px #fffb00);
    }
  50% {
    filter: drop-shadow(0 0 15px #fffb00);
    }
}



/*---------------------------------------------*/
                   /* AREA-BOX */
/*---------------------------------------------*/



.wrapper {
	width: 100%;
	height: 100%;
	/* background-size:contain;
	background:url(images/hdbg.png) no-repeat bottom center;
	background-attachment: fixed; */
}

/* .headerbg4 {
	background:url(images/head_01.png) top center no-repeat;
	width: 100%;
	height: 761px;
	margin: 0 auto;
	position:relative;
	padding:1px 0;
	z-index:3;
	animation:headerbg3_anime 2s linear infinite;
} */

.wrapper::before {
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100vw;
  height:100vh;
  background-color: #000000;
  background:url(images/back_02.png) no-repeat top center;
  -webkit-background-size:cover;
  background-size:cover;
  content:"";
}

.wrapper01::before {
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100vw;
  height:100vh;
  background-color: #000000;
  background:url(images/back_02.png) no-repeat top center;
  -webkit-background-size:cover;
  background-size:cover;
  content:"";
}

.nt {
  font-family: 'Noto Sans JP','Roboto', "メイリオ","Meiryo","Osaka","MS Pゴシック","MSゴシック",Helvetica,verdana,arial,sans-serif;
}


#headerBg {
  max-width:100%;
  height:100%;
  margin: 0px auto 0px;
  text-align: center;
}

#headerImg {
  width: 100%;
	max-width:1400px;
	margin: 0px auto;
	text-align: center;
	height:100%;
}

.main {
	max-width: 900px;
	padding:0 20px;
	margin: 0 auto 0 auto;
	text-align: center;
}

/* .container {
  background: rgb(252, 252, 252);
  max-width: 900px;
  padding:20px 60px 60px;
  margin:  0 auto; 
  text-align: left;
  border: solid 3px #333;
} */

.container {
  background: rgb(0 0 0);
  max-width: 900px;
  padding: 30px 30px 0;
  margin: 0 auto;
  text-align: left;
  border: solid 1px #333;
  color: #fff;
}

.container01 {
  background: rgb(255, 255, 255);
  max-width: 900px;
  padding: 20px 60px 60px;
  margin: 0 auto;
  text-align: left;
  color: #000000;
}

.form {
  width: 100%;
  margin: 0 auto 50px;
  /* border: solid 2px rgb(159 0 0);
  background: rgb(105 1 1); */
  padding: 0 20px;
  color: #ffffff;
  border-radius: 10px;
}

.fLink:hover {
  text-decoration: underline;
}

.mialArea {
  width: 100%;
    height: 45px;
  text-align: center;
  border-color: #333;
  font-size: 2rem;
  border-radius: 10px;
}

.opBtn {
  width: 90%;
  border: none;
  background: none;
  filter: drop-shadow(0 0 10px #f7ff80);
  cursor: pointer;
}

.opBtn:hover {
  width: 95%;
  transition: 0.2s;
}

#footer {
  background: rgb(41 41 41);
  color: #fff;
  padding: 5px 0;
}

.shadow_p {
  filter: drop-shadow(0px 0px 6px #aaa);
}

.subtitle2 {
  width: 100%;
  background: #111;
  font-family: 'Noto Serif JP', sans-serif;
  letter-spacing: 0;
  color: #fcfcfc;
  padding: 10px 0;
  line-height: 1.4;
  position: relative;
  border-top: 3px solid #703103;
  border-bottom: 3px solid #703103;
  border-image: linear-gradient(120deg, rgba(65, 44, 32, 1), rgba(112, 49, 3, 1) 7%, rgba(176, 90, 3, 1) 15%, rgba(220, 150, 26, 1) 23%, rgba(254, 210, 33, 1) 37%, rgba(255, 220, 110, 1) 44%, rgba(250, 232, 139, 1) 52%, rgba(255, 243, 168, 1) 57%, rgba(254, 210, 33, 1) 70%, rgba(220, 150, 26, 1) 80%, rgba(176, 90, 3, 1) 85%, rgba(112, 49, 3, 1) 93%, rgba(65, 44, 32, 1));
  border-image-slice: 3;
  box-sizing: border-box;
}

.btn,
a.btn,
button.btn {
  width: 100%;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 7rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 8.5rem;
}

.btn--red.btn--cubic {
	border-bottom: 5px solid #9f000c;
	color: #FFFFFF;
	background: #d52533;
  }
  
.btn--red.btn--cubic:hover {
	margin-top: 3px;
	border-bottom: 2px solid #9f000c;
  }
  
.btn--radius {
	border-radius: 100vh;
  }
  
  .fa-position-right {
	position: absolute;
	top: calc(50% - .5em);
	right: 1rem;
  }

  .g_area {
    border: 1px solid #999;
    padding: 20px;
    background: #222;
}

/* @media screen and (max-width: 768px){
.headerbg4 {
  background:url(images/head_01.png) top center no-repeat;
    width: 100%;
    height: 565px;
    margin: -14px auto 0;
    position: relative;
    padding: 1px 0;
    z-index: 3;
    animation: headerbg3_anime 2s linear infinite;
}
} */

.hadou_box1{
	animation: hadou_box1 2s linear infinite;
}

@keyframes hadou_box1 {
	0% {
	box-shadow: 
	0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
	  box-shadow    : 
	       5px  5px 10px rgba(255, 198, 0, 0.3),
	      -5px  5px 10px rgba(255, 198, 0, 0.3),
	       5px -5px 10px rgba(255, 198, 0, 0.3),
	      -5px -5px 10px rgba(255, 198, 0, 0.3),
	       5px  0px 10px rgba(255, 198, 0, 0.3),
	       0px  5px 10px rgba(255, 198, 0, 0.3),
	      -5px  0px 10px rgba(255, 198, 0, 0.3),
	       0px -5px 10px rgba(255, 198, 0, 0.3); 
	}

	100% {
	box-shadow: 
	0 0 0 rgba(0, 0, 0, 0);
	}
}


.hadou_box2{
	animation: hadou_box2 2s linear infinite;
}

@keyframes hadou_box2 {
	0% {
	box-shadow: 
	0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
	  box-shadow    : 
	       0 30px 20px rgba(0, 255, 255, 0.8);
	}

	100% {
	box-shadow: 
	0 0 0 rgba(0, 0, 0, 0);
	}
}


.hadou_box4 {
	animation: hadou_box4 2s linear infinite;
}

@keyframes hadou_box4 {
	0% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		box-shadow:
			15px 15px 20px rgba(250, 39, 9, 0.70),
			-15px 15px 20px rgba(250, 39, 9, 0.70),
			15px -15px 20px rgba(250, 39, 9, 0.70),
			-15px -15px 20px rgba(250, 39, 9, 0.70),
			15px 0px 20px rgba(250, 39, 9, 0.70),
			0px 15px 20px rgba(250, 39, 9, 0.70),
			-15px 0px 20px rgba(250, 39, 9, 0.70),
			0px -15px 20px rgba(250, 39, 9, 0.70);
	}

	100% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}
}

.hadou_box5 {
	animation: hadou_box5 2s linear infinite;
}

@keyframes hadou_box5 {
	0% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}

	50% {
		box-shadow:
			15px 15px 20px rgba(247, 220, 77, 0.6),
			-15px 15px 20px rgba(247, 220, 77, 0.6),
			15px -15px 20px rgba(247, 220, 77, 0.6),
			-15px -15px 20px rgba(247, 220, 77, 0.6),
			15px 0px 20px rgba(247, 220, 77, 0.6),
			0px 15px 20px rgba(247, 220, 77, 0.6),
			-15px 0px 20px rgba(247, 220, 77, 0.6),
			0px -15px 20px rgba(247, 220, 77, 0.6);
	}

	100% {
		box-shadow:
			0 0 0 rgba(0, 0, 0, 0);
	}
}

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

  /* --------------------------------------------- */
                    /* OFF */
/* --------------------------------------------- */

.pcBr {
  display: none;
}

.pcOnly {
  display: none;
}

#headerImg {
  display: none;
}
/*---------------------------------------------*/
                   /* AREA-BOX */
/*---------------------------------------------*/

.wrapper::before {
  background:url(images/back_02.png) no-repeat top center;
  -webkit-background-size:cover;
  background-size:cover;
  content:"";
}

.container {
  /* width: 100%; */
  padding: 15px;
}

.container01 {
  padding: 20px;
}

.opBtn {
  width: 100%;
}

.main {
  padding: 0;
  margin: 0 auto;
  text-align: center;
}

.form {
  padding: 0 5px;
  margin: 0 auto;
}

.btn, a.btn, button.btn {
  padding: 1rem 1rem;
}

/*---------------------------------------------*/
                   /* PARTS */
/*---------------------------------------------*/


.spBr {
  display: block;
}

.spOnly {
  display: block;
}

#headerImg_sp {
  display: block;
}

.imgSp100 {
  width: 100%;
}

.imgSp90 {
  width: 90%;
}

.imgSp80 {
  width: 80%;
}

.imgSp70 {
  width: 70%;
}

.imgSp60 {
  width: 60%;
}


}