@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}
.pc { display: block !important; }
.sp { display: none !important; }

body{
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-image: url(./../images/background.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size:100% auto;
  color: #000;
  font-weight: bold;
}
h2{
  font-size: 1.2rem;
  color: #fff;
}
h3{
  font-size: 1.1rem;
  color: #e7002d;
}
.title{
  text-align: center;
}
.maincontainer{
  padding: 0 5% 5% 5%;
}
.event{
  border-radius: 30px;
  padding: 5% 5% 5% 5%;
  background-color: rgba(255,255,255,0.7);
  width: 70vw;
  margin: 0 auto;
}
ul{
  list-style: none;
}
.key{
  text-align: center;
  z-index: -1;
  position: relative;
  top: -40vw;
  padding: 0 10% 0 10%; 
}
.icon{
  position: relative;
  ist-style: none;
  margin: 0 0 0 2%;
}
.icon::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #e7002d;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.h2design{
  color: #fff;
  margin: 3% 0 0 0;
}
.tenpo{
  margin: 1% 0 1% 0;
  padding: 2% 0 2% 3%;
  background-color: #fff;
}
.BOX_jyouken{
  margin: 5% 0 0 0;
}
.free{
  margin: 1% 0 0 0;
  color: #e4022e;
  font-weight: bold;
}
.free2{
  margin: 3% 0 0 0;
  color: #e4022e;
  font-weight: bold;
}
.collar{
  color: #f00d99;
}
.BOX_schedule{
  margin: 3% 0 0 0;
}
.h2_event{
  margin: 2% 0 0 0;
  color: #fff;
}
footer{
  background-color: #df002b;
  width: 100%;
  padding: 5vh 0 5vh 0;
  text-align: center;
}
.logo{
  max-width: 80%;
  margin: 0 auto;
  margin-top: 10%;
  padding: 0 0 0 3vw
}
.item{
  background-color: #e7002d;
  padding: 0.2% 0 0.2% 1%;
  margin: 3% 0 1% 0;
}
.day{
  font-weight: bold;
  font-size: 1.2rem;
  color: #aa2dc5;
}
.event2{
  border-radius: 30px;
  padding: 3% 5% 5% 5%;
  width: 70vw;
  margin: 0 auto;
  margin-bottom: 10vh;
}
.coming-soonh2{
  text-align: center;
  color: #fff;
-moz-text-shadow: 0px 3px 5px rgba(194, 118, 99, 0.85);
-webkit-text-shadow: 0px 3px 5px rgba(194, 118, 99, 0.85);
-ms-text-shadow: 0px 3px 5px rgba(194, 118, 99, 0.85);
text-shadow: 0px 3px 5px rgba(194, 118, 99, 0.85);
}
.coming-soon{
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  margin: 3% 0 0 0;
-moz-text-shadow: 0px 3px 5px rgba(194, 118, 99, 0.85);
-webkit-text-shadow: 0px 3px 5px rgba(194, 118, 99, 0.85);
-ms-text-shadow: 0px 3px 5px rgba(194, 118, 99, 0.85);
text-shadow: 0px 3px 5px rgba(194, 118, 99, 0.85);
}
.day_img{
  text-align: center;
  margin: 3vh 0 0 0;
}
.event_logo{
  z-index: 100;
  text-align: center;
  position: relative;
  top: 4vw;
}
.scroll{
  text-align: center;
  margin: -30% 0 10% 0;
}
.mr{
  margin: 2% 0 2% 0;
}
.pr{
  padding: 0 0 0 2%;
}
.mr0002{
  margin: 1% 0 0 0;
}
.Box001{
  margin: 1% 0 1% 0;
}
.btnBox{
  width: 18vw;
  margin: 0 auto;
  margin-bottom: 5%;
}
.btn{
  margin: 0 0 3% 0;
  padding: 5% 4% 5% 4%;
  background-color: #000;
  color: #fff;
  text-align: center;
}
.btn:hover{
  color: #f8c1ae;
  transition: 0.8s;
}
a{
  text-decoration: none;
}
.mr000001{
  margin: 0 0 1% 0;
}
.tw{
  margin: 30%;
}