#contents{
  max-width: 980px;
  width: 100%;
}
a:hover{text-decoration:none;}
.breadcrumb li{color:#999;}
.pages article{
  background:url(10thbg.jpg);
  position:relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.pages article:before{content:"";display:block;position:absolute;width: 100%;height: 100%;left: 0;
  /* background: radial-gradient(transparent 40% 50%, #000 100% 80%); */
  background: radial-gradient(transparent 10% 30%, #000 70% 30%);
background-attachment: fixed;
}

.fv_img{
  box-shadow: -5px -5px 15px 5px rgba(34, 211, 238, 0.8), 5px 5px 15px 7px rgba(247, 93, 219, 0.8);
  border-radius: 6px;
  overflow: hidden;
}

.inner{position:relative;}
.inner nav#campmenu{
  display: flex;
  top: 1.5em;
  margin:0 auto;
  position: relative;
  height: 118px;
  max-width: 980px;
  background: url(menu_bg.png);
  background-size: 100%;
  background-position: center;
}
.inner nav#campmenu ul{
  display:flex;
  justify-content:space-between;
  align-items: center;
  left:0;
  right:0;
  top: 37px;
  margin:auto;
  width:924px;
  position:absolute;
  z-index: 1;
  max-height: 44px;
  overflow: hidden;
}
/*.inner ul.campmenu:after{position: absolute;bottom:0;content: ""; display: block; height: 5px; width: 100%;background:linear-gradient(0deg, rgb(103 87 42) 0%, rgba(242,224,138,1) 15%, rgb(152 137 91) 37%, rgba(242,224,138,1) 88%, rgba(255,251,208,1) 100%);}
.inner ul.campmenu:before{position: absolute;top:0;content: ""; display: block; height: 5px; width: 100%;background: linear-gradient(0deg, rgb(103 87 42) 0%, rgba(242,224,138,1) 15%, rgb(152 137 91) 37%, rgba(242,224,138,1) 88%, rgba(255,251,208,1) 100%);}
*/
.inner nav#campmenu ul li{
  line-height:1.2;
  width: 20%;
  text-align:center;
  border-right:#fff 1px solid;
}
.inner nav#campmenu ul li:last-child{
  border-right: none;
}
.inner nav#campmenu.six ul li{width: 20%;}
.inner nav#campmenu ul li a{
  font-family: "Zen Kaku Gothic New", sans-serif!important;
  display:block;
  padding: 0 0.75em;
  width: 100%;
  height: 100%;
  min-height:3.5em;
  display: flex;
  align-items: center;
  justify-content:center;
  color:#fff;
}
.inner nav#campmenu ul li a:hover{
  /* opacity: 0.2; */
  color: #f75ddb;
}
.inner nav#campmenu ul li a:not([href]){color:#504b41}
.inner nav#campmenu ul li a:not([href]):hover{opacity: 1;}

.inner #mainCnt {font-weight: normal;}
.inner #mainCnt a,
.inner #mainCnt h2,
.inner #mainCnt h3,
.inner #mainCnt h4,
.inner #mainCnt h5{font-family: "Zen Kaku Gothic New", sans-serif!important;}
.inner #mainCnt p{}
.inner #mainCnt {font-family: "Zen Kaku Gothic New", sans-serif!important;}


#mainCnt{display: block; margin-top: 4em;}
#mainCnt>div{
  position:relative;
  border: 2.5em solid;
  border-image-source: url(frames.png);
  border-image-slice: 150;
  border-image-repeat: round;
}
#mainCnt>div>div>h2{
  color:#fff;
  top: -3.1em;
  margin:auto;
  left:0;
  right:0;
  position:absolute;
  background: url(ttl.png) no-repeat;
  height: 104px;
  width: 400px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  display: flex;
  justify-content: center;
  align-items: center;
}   
#mainCnt  a.btn{
  position:relative;
  margin: 0 auto;
  display:block;
  background-image: linear-gradient(90deg, #22d3ee, #f75ddb);
  border-radius:0.5em;
  text-align:center;
  padding: 1em 1.5em;
  color:#fff;
  width: 80%;
  font-size:1.8rem;
}
#mainCnt  a.btn:hover{text-decoration:none;opacity: 0.8;}
#mainCnt  a.btn:after{content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 2em;
    top: calc(50% - 1px);
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg) translateY(-50%);
    color: inherit;}

#mainCnt #movie,
#mainCnt #tenjikai,
#mainCnt #special,
#mainCnt #cafe,
#mainCnt #ad,
#mainCnt #book,
#mainCnt #etc,
#twitter, #fair,
#mainCnt #other{
  color:#000;
  margin-bottom: 5em;
}
#mainCnt div>div{
  background: #fff;
  padding: 6% 4.5%
}
#mainCnt #movie>div{
  padding: 2%
}
.pink{color: #e72c61;}

#mainCnt #tenjikai .t_wrap{padding: 0%; margin-bottom: 1.2em;}
#mainCnt #tenjikai h3{font-size:3.2rem;color:#e72c61;margin-bottom: 0.5em;padding-bottom: 0.5em;}
#mainCnt #tenjikai h4{    display: flex;
    justify-content: center;
    align-items: center;
  font-size:1.8rem;text-align:center;margin: 0.3em 0;padding: 0.3em 0;border-bottom:1px solid #333;}
#mainCnt #tenjikai .ttl_h4{border-bottom:none; background: #000; color: #fff;}
#mainCnt #tenjikai h4 a{display:inline-block;font-size:1.2rem;background: #000;color:#fff;padding: 0 1em;    margin-left: 1em;line-height: 1.5;vertical-align: text-top;border-radius:0.5em;}
#mainCnt #tenjikai h5{font-size:2rem;text-align:center;color:#e72c61;margin-bottom: 0.5em;}
#mainCnt #tenjikai p{font-size:1.5rem;margin-top: 1.5em;margin-bottom: 1.5em;}
#mainCnt #tenjikai small{font-size:1.2rem;line-height:1.4;margin-top: 2em;display:block;}

#mainCnt #special h3{font-size:3.2rem;color:#e72c61;margin-bottom: 0.5em;padding-bottom: 0.5em;}
#mainCnt #special article{background: #fff;;display:flex;justify-content:space-between;align-items:center;    width: 80%;margin: 0 auto 1em;padding: 0;border-bottom:1px solid #222;padding-bottom: 1em;}
#mainCnt #special article:before,#mainCnt #special article:after{display:none;}
#mainCnt #special article.s2{border:0;}
#mainCnt #special article >figure{width: 20%;}
#mainCnt #special article >div{width: 75%;}
#mainCnt #special article >div h4{font-size:2.2rem;text-align:left;margin-bottom: 0.25em;}

#mainCnt #cafe div > div{padding: 2.5%;}
#mainCnt #cafe .box{display: flex;}
#mainCnt #cafe .box figure{flex-basis: 350px;flex-shrink: 0;}
#mainCnt #cafe .box figure figcaption{padding: 1em 0;font-family: "Zen Kaku Gothic New", sans-serif!important;}
#mainCnt #cafe .box>div{padding: 0 0 0 4.5%;}
#mainCnt #cafe .box p:first-child{padding-bottom: 2em;}
#mainCnt #cafe  ul{height: 360px; padding: 1em;display: flex;align-items: flex-start;flex-direction: column;flex-wrap: wrap;}
#mainCnt #cafe h3{font-size:3.2rem;color:#e72c61;
  /* margin-bottom: 0.5em; */
  /* padding-bottom: 0.5em; */
  line-height:1.6;}
#mainCnt #cafe h5{font-size:2rem;color:#e72c61;}
#mainCnt #cafe h5 span{font-size: 1.2rem;color: #000;font-family: "Zen Kaku Gothic New", sans-serif !important;}
#mainCnt #cafe  p{font-size:1.5rem;}

#mainCnt #ad div > div{padding: 2.5%;}
#mainCnt #ad .box{display: flex;}
#mainCnt #ad .box figure{flex-basis: 350px;flex-shrink: 0;}
#mainCnt #ad .box figure figcaption{padding: 1em 0;font-family: "Zen Kaku Gothic New", sans-serif!important;}
#mainCnt #ad .box>div{padding: 0 0 0 4.5%;}
#mainCnt #ad .box p:first-child{padding-bottom: 2em;}
#mainCnt #ad  ul{height: 360px; padding: 1em;display: flex;align-items: flex-start;flex-direction: column;flex-wrap: wrap;}
#mainCnt #ad h3{font-size:3.2rem;color:#e72c61;
  /* margin-bottom: 0.5em; */
  /* padding-bottom: 0.5em; */
  line-height:1.6;}
#mainCnt #ad h5{font-size:2rem;color:#e72c61;}
#mainCnt #ad h5 span{font-size: 1.2rem;color: #000;font-family: "Zen Kaku Gothic New", sans-serif !important;}
#mainCnt #ad  p{font-size:1.5rem;}

/* #mainCnt #book div > div{padding: 2.5%;} */
#mainCnt #book > div{padding: 0;}
#mainCnt #book .box{display: flex;}
#mainCnt #book .box figure{
  /* flex-basis: 350px; */
  flex-shrink: 0;
}
#mainCnt #book .box figure figcaption{padding: 1em 0;font-family: "Zen Kaku Gothic New", sans-serif!important;}
#mainCnt #book .box>div{padding: 0 0 0 4.5%;}
#mainCnt #book #no1{padding: 0;}
/* #mainCnt #book .box p:first-child{padding-bottom: 2em;} */
#mainCnt #book  ul{
  /* height: 360px;  */
  /* padding: 1em; */
  display: flex;align-items: flex-start;flex-direction: column;flex-wrap: wrap;}
#mainCnt #book h3{font-size:3.2rem;color:#e72c61;
  /* margin-bottom: 0.5em; */
  /* padding-bottom: 0.5em; */
  line-height:1.6;}
#mainCnt #book h5{font-size:2rem;color:#e72c61;}
#mainCnt #book h5 span{font-size: 1.2rem;color: #000;font-family: "Zen Kaku Gothic New", sans-serif !important;}
#mainCnt #book  p{font-size:1.5rem;}

#mainCnt #etc div > div{padding: 2.5%;}
#mainCnt #etc .box{display: flex;}
#mainCnt #etc .box figure{flex-basis: 350px;flex-shrink: 0;}
#mainCnt #etc .box figure figcaption{padding: 1em 0;font-family: "Zen Kaku Gothic New", sans-serif!important;}
#mainCnt #etc .box>div{padding: 0 0 0 4.5%;}
#mainCnt #etc .box p:first-child{padding-bottom: 2em;}
#mainCnt #etc  ul{height: 360px; padding: 1em;display: flex;align-items: flex-start;flex-direction: column;flex-wrap: wrap;}
#mainCnt #etc h3{font-size:3.2rem;color:#e72c61;
  /* margin-bottom: 0.5em; */
  /* padding-bottom: 0.5em; */
  line-height:1.6;}
#mainCnt #etc h5{font-size:2rem;color:#e72c61;}
#mainCnt #etc h5 span{font-size: 1.2rem;color: #000;font-family: "Zen Kaku Gothic New", sans-serif !important;}
#mainCnt #etc  p{font-size:1.5rem;}

#mainCnt #twitter .rule>div{padding: 0;width: 50%;}
#mainCnt #twitter .rule {display: flex;justify-content: space-between;padding:1em 0 0 0;}
#mainCnt #twitter .rule ul{flex-basis:50%;}
#mainCnt #twitter .rule ul>li{margin-bottom: 1em;}
#mainCnt #twitter .rule ol>li{font-size:1.5rem;list-style: decimal;list-style-position: inside;}
#mainCnt #twitter .rule p{font-size:1.5rem;margin-top: 1.5em;margin-bottom: 1.5em;}
#mainCnt #twitter .rule h3 {font-size:2rem;color:#e72c61;border-bottom: 1px solid #e72c61;margin-bottom: 0.5em; line-height:1.6;text-align: left;}

#mainCnt #fair .box,#mainCnt #fair .box li{display: flex;}
#mainCnt #fair p{margin-bottom: 1em; font-size: 1.5rem;text-align: center;}
#mainCnt #fair .term{text-align: center;margin-bottom: 2em;font-size: 1.5rem;font-family: "Zen Kaku Gothic New", sans-serif !important;}
#mainCnt #fair .box{margin-bottom: 2em;}
#mainCnt #fair .box p{color: #e72c61;margin-bottom: 1em;text-align: left;}
#mainCnt #fair .box p>span{font-size: 2rem;}
#mainCnt #fair .box li{color: #000;}
#mainCnt #fair .box figure{flex-basis: 170px;flex-shrink: 0;margin-right: 1.5em;}
#mainCnt #fair h3{font-size:3.2rem;color:#e72c61;margin-bottom: 0.5em;padding-bottom: 0.5em;line-height:1.6;}
#mainCnt #fair h4{font-size: 2rem;color: #e72c61;text-align: center; font-family: "Zen Kaku Gothic New", sans-serif !important;}
#mainCnt #fair .box h5{color: #e72c61;font-size: 1.5rem;background: #efefef;padding: 0.25em 0;margin-bottom: 0.5em;}
#mainCnt #fair a{margin-bottom: 1em;}
#mainCnt #far .sp{display: none;}



#mainCnt #book{margin-bottom: 5em;}
#mainCnt #book .content-box{background: #fff;padding: 4em;}
#mainCnt #book .box{display: flex;flex-wrap: wrap;}
#mainCnt #book #no3 .box {justify-content: center;}
#mainCnt #book #no3 .box>li:not(:first-child) {margin-left: 5%;}
#mainCnt #book .box.single {justify-content: center;}
#mainCnt #book .box li{display: block}
#mainCnt #book p {margin-bottom: 1em;text-align: center;color: #000;font-size: min(3.8vw,1.5rem);}
#mainCnt #book .term{
  text-align: center;
  margin-bottom: 2em;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
}
#mainCnt #book .term span{
  font-size: 1.5rem;
  font-weight: 400;
}
#mainCnt #book .term .pink{
  font-weight: 700;
}

#mainCnt #book .box{
  margin-bottom: 2em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 35px;
}
#mainCnt #book .box p{
  color: #000;   
  margin: 1rem 0 0.8em; 
  text-align: left;
}
#mainCnt #book #no2 .box p{
  margin: 0 0 0.8em; 
}
#mainCnt #book .box p>span{font-size: 2rem;font-weight:bold;}

#mainCnt #book .box li{color: #000;width: 30%;}

#mainCnt #book .box ul.lineup li{width: 100%;}
#mainCnt #book .box figure{margin-right: 0;}
#mainCnt #book .box div{width: 100%;}
#mainCnt #book h3{font-size:2.4rem;color:#e72c61;margin-bottom: 0.5em;padding-bottom: 0.5em;line-height:1.6;}
#mainCnt #book h4{font-size: 2.4rem;color: #e72c61;text-align: center;line-height: 1;margin-bottom: 0.5em;font-family: "Zen Old Mincho", serif;}
#mainCnt #book .box h5{
  color: #e72c61;
  font-size: 1.5rem;
  background: #efefef;
  padding: 0.25em 0;
  margin-bottom: 0.5em;
}
#mainCnt #book a{margin-bottom: 2em;}
#mainCnt #book .sp{display: none;}
#mainCnt #book div>div {
  padding: 0;
}
#mainCnt #book #no2,
#mainCnt #book #no3 {margin-top: 4em;}
#mainCnt #book #no2 .single{
  flex-direction: column;
}
#mainCnt #book #no2 .single li{
  display: flex;
  width: 100%;
  gap: 35px;
  justify-content: center;
}
#mainCnt #book #no2 .lineup li{
  display: block;
}
#mainCnt #book #no2 .single li figure,
#mainCnt #book #no2 .single li div{
  width: 40%;
}


#mainCnt #other h3{font-size:2.4rem;color:;}
#mainCnt #other h4{font-size:2.4rem;text-align:center;}
#mainCnt #other h5{}
#mainCnt #other p{font-size:1.5rem;}

.inner.shop nav#campmenu{top: 0;}
#mainCnt #shop{margin-top: 4em;}
#mainCnt #shop ul{margin: 0 auto; justify-content: space-around; display: flex;flex-wrap: wrap;}
#mainCnt #shop ul li{flex-basis: 33%;}
.inner.shop #mainCnt a.btn{width: 30%;margin-top: 2em;}

@media screen and (max-width: 768px){
#wrap > article{padding: 0!important;}
.breadcrumb{padding:0.5em 3vw 0.2em!important;}
#mainCnt{padding:0 3vw;}

.inner nav#campmenu{display:none;}
.inner #mainCnt{
  margin-top: 10vw;
  padding-bottom: 1em;
}
#mainCnt #movie,
#mainCnt #tenjikai, #mainCnt #special, #mainCnt #cafe, #mainCnt #other,#mainCnt #twitter,#mainCnt #fair{padding: 0;margin-bottom: 3em;}
#mainCnt>div{
  border: 1.5em solid;
  border-image-source: url(frames.png);
  border-image-slice: 150;
  border-image-repeat: round;
}
#mainCnt>div>div>h2{
  width: 54vw;
  height: 14vw;
  top: -9vw;
  /* min-width: 300px;
  min-height: 73px; */
}

#mainCnt #movie iframe{
  width: 100%;
  height: 44vw;
}

#mainCnt >div a.btn:after{right:1em;}
#mainCnt >div a.btn{width: 100%;    font-size: 1.6rem;;}
#mainCnt #tenjikai h3{font-size:2.2rem;margin-bottom: 0.5em;padding-bottom: 0.5em;margin-top: 1em;}
#mainCnt #tenjikai h4{font-size:1.4rem;text-align:center;margin-bottom: 0.5em;border-bottom:1px solid #333;padding-bottom: 0.5em;}
#mainCnt #tenjikai h5{font-size:1.6rem;text-align:center;color:#ff59d3;margin-bottom: 0.5em;}
#mainCnt #tenjikai p{font-size:1.4rem;margin-top: 1.5em;margin-bottom: 1.5em;}
#mainCnt #tenjikai small{font-size:1rem;line-height:1.4;margin-top: 2em;display:block;}

#mainCnt #special h3{font-size:2.2rem;    margin-top: 1em;}
#mainCnt #special h4{font-size:1.4rem;}
#mainCnt #special h5{font-size:1.6rem;}
#mainCnt #special article{display:flex;justify-content:space-between;align-items:start;    width: 100%;margin: 0 auto 1em;padding: 0;border-bottom:1px solid #222;padding-bottom: 1em;;}
#mainCnt #special article:before,#mainCnt #special article:after{display:none;}
#mainCnt #special article.s1{border:0;padding-bottom: 1em;border-bottom:1px solid #000}
#mainCnt #special article.s2{border:0;}
#mainCnt #special article >figure{width: 40%;}
#mainCnt #special article >div{width: 55%;}
#mainCnt #special article >div h4{font-size:1.4rem;text-align:left;margin-bottom: 0.25em;}
#mainCnt #special article >div li{font-size:1.2rem;}

#mainCnt #cafe p,#mainCnt #cafe ul{font-size:1.4rem;}
#mainCnt #cafe .box {flex-wrap: wrap;}
#mainCnt #cafe .box figure{flex-basis: 100%;}
#mainCnt #cafe .box > div{padding: 0;}
#mainCnt #cafe .box ul {padding: 0 0 1em 0;height: auto;}
#mainCnt #cafe h3{font-size:2.2rem; margin-top: 1em;padding-bottom: 0.5em;}
#mainCnt #cafe h5{font-size:1.6rem;}

#mainCnt #ad p,#mainCnt #ad ul{font-size:1.4rem;}
#mainCnt #ad .box {flex-wrap: wrap;}
#mainCnt #ad .box figure{flex-basis: 100%;}
#mainCnt #ad .box > div{padding: 0;}
#mainCnt #ad .box ul {padding: 0 0 1em 0;height: auto;}
#mainCnt #ad h3{font-size:2.2rem; margin-top: 1em;padding-bottom: 0.5em;}
#mainCnt #ad h5{font-size:1.6rem;}

#mainCnt #book p,#mainCnt #book ul{font-size:1.4rem;}
#mainCnt #book .box {flex-wrap: wrap;}
/* #mainCnt #book .box figure{flex-basis: 100%;} */
#mainCnt #book .box > div{padding: 0;}
#mainCnt #book .box ul {padding: 0 0 1em 0;height: auto;}
#mainCnt #book h3{font-size:2.2rem; margin-top: 1em;padding-bottom: 0.5em;}
#mainCnt #book h5{font-size:1.6rem;}
#mainCnt #book .box li {
    width: 32%;
}
#mainCnt #book .content-box {
  padding: 4.5%;
}
#mainCnt #book h4 {
  font-size: 1.4rem;
}
#mainCnt #book .box {
  gap: 2%;
}
#mainCnt #book .box p>span {
  font-size: 1.6rem;
}
#mainCnt #fair .box h5 {
  font-size: 1.2rem;
}
#mainCnt #fair .box .lineup li {
  font-size: 1.1rem;
}
#mainCnt #book #no2 .single li {
  font-size: 1.1rem;
}
#mainCnt #book #no2 .single li:nth-of-type(1) {
  font-size: 1.1rem;
  margin-bottom: 5%;
}
#mainCnt #book .no2 .box {
  gap: 10%;
}
    #mainCnt #book #no2 {
        margin-top: 2em;
    }
#mainCnt #book #no2 .single li figure, #mainCnt #book #no2 .single li div {
    width: 48%;
}
#mainCnt #book #no2 .single li {
  gap: 0;
  justify-content: space-between;
}
#mainCnt #book .term{
  background: #efefef;
  line-height: 1.6;
  padding: 0.5em;
  font-size: 1.4rem;
}
#mainCnt #book .term span{
  font-size: 1rem;
}
#mainCnt #book .term .pink{
  font-size: 1.2rem;
}

    #mainCnt #book .box p{
  color: #000;   
  margin: 0.8em 0;
    } 


#mainCnt #etc p,#mainCnt #etc ul{font-size:1.4rem;}
#mainCnt #etc .box {flex-wrap: wrap;}
#mainCnt #etc .box figure{flex-basis: 100%;}
#mainCnt #etc .box > div{padding: 0;}
#mainCnt #etc .box ul {padding: 0 0 1em 0;height: auto;}
#mainCnt #etc h3{font-size:2.2rem; margin-top: 1em;padding-bottom: 0.5em;}
#mainCnt #etc h5{font-size:1.6rem;}

#mainCnt #twitter>div{padding-top: 2em;}
#mainCnt #twitter .rule {flex-wrap: wrap;}
#mainCnt #twitter .rule >div,#mainCnt #twitter .rule ul{flex-basis: 100%;}
#mainCnt #twitter .rule h3{font-size: 1.6rem;}
#mainCnt #twitter .rule p,#mainCnt #twitter .rule ol li{font-size: 1.4rem;}
#mainCnt #twitter figure{margin-top: 2em;}

/* #mainCnt #fair .sp{display: block;} */
.fv_img{
  width: 93%;
  margin: 5vw auto 0;
}
#mainCnt #fair h3{font-size:2.2rem; margin-top: 1em;}
#mainCnt #fair h4{font-size:1.6rem;}
#mainCnt #fair p{text-align: left;font-size: 1.4rem;}
#mainCnt #fair .box>li:first-child{margin-bottom: 1em;}
#mainCnt #fair .box,#mainCnt #fair .box li{flex-wrap: wrap;}
#mainCnt #fair .box figure{ flex-basis:75%; margin: 0 auto 1em;}
#mainCnt #fair ul.lineup {display:flex;flex-wrap:wrap;}
#mainCnt #fair ul.lineup li{font-size:1.4rem;width: 50%;}

#mainCnt #other h3{font-size:2rem;}
#mainCnt #other h4{font-size:2rem;}

#mainCnt #shop ul li{flex-basis:100%;}
#mainCnt #shop {margin-top: 0;}
.inner.shop #mainCnt a.btn{margin-top: 1em;width: 70%;}
}

@media screen and (max-width: 767px) {
  .pages article .inner h2 {
      font-size: 1.5em;
  }
}

@media screen and (max-width: 600px){
  #mainCnt div>div {
  padding: 4.5%;
}
#mainCnt>div>div>h2{
  top: -10vw;
}
.pages article .inner h2 {
  font-size: 1.8rem;
}
}
@media screen and (max-width: 400px){
#mainCnt>div>div>h2{
  top: -12vw;
  width: 70vw;
  height: 17.8vw;
}
}