@charset eUTF-8Œ;


hr{background-color:#000000;border:none;height:1px;}

h3{
    font-weight:bold;
    font-size:1.7rem;
}
h4{
    font-weight:bold;
    font-size:1.2rem;
}

.box-time{
    display: inline;
    border:1px solid #000;
    padding:5px 10px;
}
.btn-chara{margin-left: 20px;}
.btn-chara2{margin-left: 20px;}

.btn-chara img{
    max-width: 250px;
    -webkit-animation: horizontal1 1s ease-in-out infinite alternate;
}
.btn-chara2 img{
    max-width: 220px;
    -webkit-animation: horizontal1 1s ease-in-out infinite alternate;
}


/*** btn ***/
a.btn-beta {
  border-radius: 40px;
  padding:25px 30px;
  display:inline-block;
  background: #EE6875;
  text-align: center;
  font-weight: bold;
  color:#FFF;
}
a.btn-beta:hover {
  opacity:0.6;
}


a.btn-border {
  border: 2px solid #EE6875;
  border-radius: 0;
  padding:10px 0px;
  display:block;
  background: #fff;
  text-align: center;
  font-weight: bold;
}

a.btn-border:hover {
  color: #fff;
  background: #EE6875;
}


/*** 協賛企業ロゴ調整 ***/

#list img{width:80%;}
.w70{width:70%;}


.program-line{
    border-right:3px dotted #c9161d;
}



/*** header menu ***/
.c-header {
    position: fixed;
    z-index: 1000;
  align-items: center;
  background-color: #EE6875; /* カスタマイズしてください */
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: 0.5rem 2rem; /* カスタマイズしてください */
  width: 100%;
  margin:0px auto;
}
.c-header__list {
  box-sizing: border-box;
  display: flex;
  margin: 0;
  padding: 0;
  font-size:14px;
  line-height:1rem;
  font-weight:bold;
}
.c-header__list-item {display:flex;align-items:center;text-align:center;list-style: none;text-decoration: none;}
.c-header__list-link {
  color: #FFF; /* カスタマイズしてください */
  display: block;
  margin-right: 30px; /* カスタマイズしてください */
  text-decoration: none;
  padding: 5px 0px; /* カスタマイズしてください */
}
.c-header__list-link:hover {
  filter: opacity(0.6); /* カスタマイズしてください */
}


/*** main ***/
.top-main{
    background: url(../img/bg-main.png);
    background: url(../img/bg-anni10.jpg);
    background: url(../img/bg-anni10-t.jpg);
    background-size: cover;
    background-position: bottom center;
    margin-top: 60px;
    padding:10px 0 30px;
    position: relative;
    max-height:500px !important;
/*    min-height:400px;*/
}
.main-inner{
    max-width: 100%;
    width: var(--default-container-width);
    margin:0 auto;
}
.top-main-top{
    text-align: center;
/*    margin:0px auto;*/
/*    background: red;*/
}
.top-main-top img{
    max-width:700px;
}
.top-main-mid{
    min-height:200px;
    padding:20px 0px 0px;
    position: relative;
    margin:0 auto;
    text-align: center;
}
.top-main-btm{
    background: url(../img/bg-anni10-b.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    min-height:200px;
}
.title-date img{max-width:450px;}
.c-bee,.c-chk{position: absolute;}
.c-bee{
    left:26%;
    top:-30px;
    width:130px;
    -webkit-animation: horizontal2 2s ease-in-out infinite alternate;
}
.c-chk{
    right:28%;
    top:30%;
    width:80px;
    -webkit-animation: horizontal1 1s ease-in-out infinite alternate;
}

@-webkit-keyframes horizontal1 {
    0% { -webkit-transform:translateY( -8px); }
  100% { -webkit-transform:translateY(  0px); }
}
@-webkit-keyframes horizontal2 {
    0% { -webkit-transform:translateY( -16px); }
  100% { -webkit-transform:translateY(  0px); }
}


.fukidashi-wrap{
    position: relative;
}
.fukidashi{
    position: absolute;
    left: 290px;
    top:-70px;
}
.fukidashi img{
    max-width: 180px;
    -webkit-animation: horizontal1 1s ease-in-out infinite alternate;
}



.anniv-h2{
    margin-top: 50px;
    margin-bottom: 50px;
}

.s-box{
    padding:20px;
    border:solid 1px;
}



.fade-up {
  animation: SlideIn 1.6s;
}
@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -40%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -60%);
  }
}

.zoom{
  animation: zoomIn 0.7s ease-in-out forwards;
  animation-delay: 0.8s;
  transform: scale(0,0);
}

@keyframes zoomIn {
  100% {
    transform: scale(1,1);
  }
}



@media screen and (max-width: 1460px) {
    .c-bee{left:23%;}
    .c-chk{right:25%;}
}

@media screen and (max-width: 1200px) {
    .c-bee{left:17%;}
    .c-chk{right:19%;}
    .title{    
        width:75%;
        transform:translate(-50%, -60%);
    }

}

@media screen and (max-width: 1000px) {
    .c-bee{left:10%;}
    .c-chk{right:15%;}
}
@media screen and (max-width: 850px) {
    .c-header {padding:5px 5px;}
    .c-header__list-link {margin-right: 20px;}

    .btn-chara img{max-width: 200px;}
    .btn-chara2 img{max-width: 190px;}

    .c-bee{left:5%;width:100px;}
    .c-chk{right:5%;width:60px;}
}

@media screen and (max-width: 750px) {
    .program-line{border-right:none;}
}

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


    .top-main-mid{min-height:150px;}
    .title-date img{max-width:400px;}
    .c-bee{left:-5%;width:90px;}
    .c-chk{right:0%;top:45%;width:50px;}
    .c-header__list-link {
      margin-right: 7px;
      font-size:0.9em;
    }
    .title{    
        width:100%;
        transform:translate(-50%, -100%);
    }
    .anniv-h2 h2{
        font-size:2.2rem;
    }
    @keyframes SlideIn {
      0% {
        opacity: 0;
        transform: translate(-50%, -40%);
      }
      100% {
        opacity: 1;
        transform: translate(-50%, -100%);
      }
    }
    .pc-show{display:none;}
    .pc-show-inline{display:none;}
    .sp-show{display:block;}
    .sp-show-inline{display:inline;}
    
}

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


    .title-date img{max-width:320px;}
    .c-bee{left:-7.5%;width:85px;}
    .c-chk{right:-2%;top:45%;width:50px;}
    .c-header__list-link {
      margin-right: 5px;
      font-size:0.8em;
    }
}