@charset "UTF-8";
*, ::before, ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 769px) {
  html {
    font-size: min(0.715vw, 10px);
    scroll-padding-top: 6rem;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 1.334vw;
  }
}

body {
  margin: 0;
  color: #7e003a;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  overflow-x: hidden;
  margin-inline: auto;
  width: 100%;
}

body.bg-fixed {
  overflow: hidden;
}

main {
  display: block;
    overflow-x: hidden;
}
main a {
  color: #7e003a !important;
}

p, table, figure, dl, dt, dd, h1, h2, h3, h4, h5, h6, ul, ol {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}

a:hover {
  opacity: 0.5
}

svg, img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}


.flex{display:flex; justify-content: space-between;align-items: center;}

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



body {}    
.inner{margin:0 3vw;}

/*header*/
header {width: 100%;height: 44px; position: fixed;top:0; background: #fff;z-index:999;}
header .inner{height:44px;padding:0 2vw;} 
header .logo{width:40vw;}


main{margin:40px 0 0 0;padding:9vw 0 7vw 0; background: url("../images/bg.svg") no-repeat top center;
background-attachment: fixed;
background-size: cover;}    


section#past_poster   {}

.past_poster_wrap  {margin:0 0 10vw 0;}  
.past_poster_wrap h2{width:77%;margin:0 auto;position:relative;z-index:2;} 
.past_poster_wrap .item{position: relative;top:-15vw;z-index:1;margin:0 0 -15vw 0; }


.btn_more{margin:0 0 5vw 0;}
.btn_more a{display:block;width:77%;margin:auto;}

.sns{}
.sns ul{display:flex; justify-content: center;}
.sns ul li{flex-basis:7%;margin:0 2%}
    




/* ------------------------------------------------ */
@media screen and (min-width: 768px) {
/* ------------------------------------------------ */

    
body { max-width: 2000px;}    
.inner{max-width:950px;margin:auto;}

/*header*/
header {max-width: 2000px;height: 60px;  width: 100%;  position: fixed;top:0; background: #fff;z-index:999;}
header .inner{height:60px;} 
header .logo{width:300px;}


main{margin:60px 0 0 0;padding:80px 0 60px 0; background: url("../images/bg.svg") no-repeat top center;
background-attachment: fixed;
background-size: cover;}    


section#past_poster   {}

    
.past_poster_wrap  {margin:0 0 100px 0}  
    
    
    
    
.past_poster_wrap h2{width:55%;margin:0 auto;position: relative;z-index:2;} 
.past_poster_wrap .item{position: relative;top:-100px;z-index:1;margin:0 0 -100px 0; }


.btn_more{margin:0 0 44px 0;}
.btn_more a{display:block;width:55%;margin:auto;}

.sns{}
.sns ul{display:flex; justify-content: center;}
.sns ul li{flex-basis:5%;margin:0 2%}
    
    
    
/* ------------------------------------------------ */    
}/* ----------------------------------------------- */
/* ------------------------------------------------ */
@media screen and (width: 768px) {

.past_poster_wrap  {background:url("../images/bg_poster_waku.svg") no-repeat center 100px; background-size: contain;margin:0 2vw 77px 2vw;}  
 .past_poster_wrap .item_wrap picture{flex-basis:30%;margin:0 0 9% 0} 
}