@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&family=Varela+Round&display=swap'); 
@media (min-width: 751px) {
    body {
     min-width:1200px
    }
   }
   #content {
    color:#000;
    background:#fff
   }

   #main {
      /*background:url(../img/bg_pc.jpg) ;
      background-position: 0px 470px;
      background-size:cover*/
     }
   
   #main .hero {
    display:flex;
    align-items:center;
    position:relative;
    background:url(../img/hero_img_pc.jpg) center 0 no-repeat #fff;
    background-size: cover;
   }
   #main .hero::before {
    content:'';
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%
   }
   #main .hero h1 {
    text-align:left;
    padding-left: 25px;
   }
   @media (min-width: 751px) {
    #main .hero {
     padding-bottom:35px;
     height:500px
    }
    #main .hero::before {
     height:0px;
     /*background-image:url(../img/curtain_pc.jpg)*/
    }
    #main .hero h1 {
     margin:0 auto;
     padding-right:30px;
     width:1200px
    }
   }
   @media (max-width: 750px) {
    #main .hero {
     padding-bottom:2.66667vw;
     /*height:37.33333vw;*/
     background-size:110.06667vw
    }
    #main .hero::before {
     height:0vw;
     /*background-image:url(../img/curtain_sp.jpg)*/
    }
    #main .hero h1 {
     padding-right:2.66667vw;
     width:100%
    }
    #main .hero h1 img {
     width:48.66667vw
    }
   }
   #main .lead h2 {
    font-weight:700;
   }

   #main .lead .status {
    display:flex;
    border-style:solid;
    border-color:#ff0000
   }
   #main .lead .status .left {
    text-align:center;
    border-right-style:solid;
    border-right-color:#ff0000
   }
   #main .lead .status .left p {
    display:inline-block;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
    letter-spacing:0.4em
   }
   #main .lead .status .right {
    width:100%
   }
   #main .lead .status .right dt {
    letter-spacing:0.2em
   }
   #main .lead .status .right li {
    position:relative
   }
   #main .lead .status .right .name,
   #main .lead .status .right .date {
    line-height:1.25;
    color:#f00
   }
   /*
   #main .lead .status .right .link {
    position:absolute;
    bottom:0;
    right:0
   }
   */
   #main .lead .status .right .link a {
    display:block;
    text-align:center;
    background:#f2964b
   }
   #main .lead .status .right .link a::after {
    margin-left:1em;
    content:'▶';
    font-size:0.6em;
    position:relative;
    top:-0.2em
   }
   #main .lead .notes {
    text-align:right
   }
   @media (min-width: 751px) {
    #main .lead {
     margin:55px auto 30px;
     padding-left:0px;
     width:1100px
    }
    #main .lead h2 {
     margin-bottom:30px;
     font-size:22px;
     line-height:1.7;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
    }
    #main .lead .txt,
    #main .lead .status {
     margin-bottom:20px
    }
    #main .lead .txt {
     width:1100px;
     float:left;
     font-size:16px;
     line-height:1.9;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
    }
    #main .lead .status {
     width:500px;
     float:right;
     border-width:1px;
     background-color: rgba(255, 255, 255, 0.736);
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
    }
    #main .lead .status .left {
     padding:30px 0 20px;
     width:60px;
     border-right-width:1px
    }
    #main .lead .status .left p {
     font-size:26px
    }
    #main .lead .status .right {
     padding:30px 25px
    }
    #main .lead .status .right dt {
     margin-bottom:35px;
     font-size:34px
    }
    #main .lead .status .right li:not(:last-child) {
     margin-bottom:35px
    }
    /*
    #main .lead .status .right .info {
     padding-right:175px
    }
    */
    #main .lead .status .right .name {
     margin-bottom:10px;
     font-size:25px
    }
    #main .lead .status .right .date {
     font-size:18px
    }
    #main .lead .status .right .link {
     width:155px;
     font-size:18px;
     margin-top:20px
    }
    #main .lead .status .right .link a {
     padding:5px 0 7px
    }
    #main .lead .notes {
     margin-right:0px;
     clear:both;
     font-size:12px;
     text-shadow:
       2px  2px 1px #e7d574,
      -2px  2px 1px #e7d574,
       2px -2px 1px #e7d574,
      -2px -2px 1px #e7d574,
       2px  0px 1px #e7d574,
       0px  2px 1px #e7d574,
      -2px  0px 1px #e7d574,
       0px -2px 1px #e7d574;
    }
   }
   @media (max-width: 750px) {

   #main {
        /*background:url(../img/bg_sp.jpg) ;
        background-position: 0px 120px;
        background-size:contain;
        background-repeat:no-repeat;
        background-color:#3fac80*/
       }

   #main .hero {
    display:flex;
    align-items:center;
    position:relative;
    background:url(../img/hero_img.jpg) center 0 no-repeat #fff;
    background-size: cover;
   }

    #main .lead {
     margin:7.33333vw 3.33333vw 6.66667vw
    }
    #main .lead h2 {
     margin-bottom:5.66667vw;
     font-size:4.26667vw;
     line-height:1.875;
     font-weight: 900;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
    }
    #main .lead .txt {
     margin-bottom:3.33333vw;
     font-size:3.46667vw;
     line-height:1.75;
     font-weight: 900;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
     /*
     text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
              */
    }
    #main .lead .status {
     margin-bottom:2.66667vw;
     border-width:.26667vw;
     background-color: rgba(255, 255, 255);
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
    }

    #main .lead .status .left {
     padding:4vw 0 2.66667vw ;
     width:8vw;
     border-right-width:.26667vw
    }
    
    #main .lead .status .left p {
     font-size:3.46667vw
    }
    #main .lead .status .right {
     padding:4vw 3.33333vw
    }
    #main .lead .status .right dt {
     margin-bottom:4.66667vw;
     font-size:7.2vw
    }
    #main .lead .status .right li:not(:last-child) {
     margin-bottom:4.66667vw
    }
    /*
    #main .lead .status .right .info {
     padding-right:30vw
    }
    */
    #main .lead .status .right .name {
     margin-bottom:2vw;
     font-size:5.33333vw
    }
    #main .lead .status .right .date {
     font-size:3.46667vw
    }
    #main .lead .status .right .link {
     width:27.33333vw;
     font-size:2.6vw;
     margin-top: 10px;
    }
    #main .lead .status .right .link a {
     padding:1.33333vw 0 1.86667vw
    }
    #main .lead .notes {
     font-size:2.66667vw
    }
   }
   #main .insert {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%
   }
   #main .insert .inner {
    display:flex;
    justify-content:center
   }
  /* #main .insert .img {
    background:#f5dcc7
   }*/
   @media (min-width: 751px) {
    #main .insert {
     margin-bottom:5px;
     padding-top:5px;
     height:200px;
     /*background-image:url(../img/curtain_pc.jpg)*/
    }
    #main .insert .img {
     padding:20px;
     width:292px
    }
    #main .insert .img:not(:last-child) {
     margin-right:1px
    }
    #main .insert .img img {
     width:100%;
     height:auto
    }
   }
   @media (max-width: 750px) {
    #main .insert {
     margin-bottom:6.66667vw;
     padding-top:3.33333vw;
     height:68.66667vw;
     /*background-image:url(../img/curtain_sp.jpg)*/
    }
    #main .insert .inner {
     flex-wrap:wrap
    }
    #main .insert .img {
     margin-top:.26667vw;
     margin-right:.26667vw;
     padding:2.66667vw;
     width:46.53333vw
    }
    #main .insert .img:nth-of-type(2n) {
     margin-right:0
    }
    #main .insert .img:nth-of-type(1),
    #main .insert .img:nth-of-type(2) {
     margin-top:0
    }
   }
/*
   #main .schedule {
    border-bottom-style:solid;
    border-bottom-color:#595856
   }
*/
   #main .schedule h2,
   #main .schedule h3 {
    font-weight:700
   }
   #main .schedule h2 {
    text-align:center
   }
   #main .schedule h3 {
    border-top-style:solid;
    border-top-color:#595856;
    border-bottom-style:solid;
    border-bottom-color:#595856;
    background:#f5ba76
   }
   #main .schedule .list {
    border-style:solid;
    border-color:#595856;
    /*border-top:none;*/
    background-color: rgba(255, 255, 255, 0.736);
   }
   #main .schedule .list li {
    display:flex;
    align-items:flex-end;
    flex-wrap:wrap;
    border-bottom-style:solid;
    border-bottom-color:rgb(196, 196, 196)
   }
   #main .schedule .list li.end .info {
    color:#4e4e4e
   }
   #main .schedule .list .info {
    line-height:1.25
   }
   #main .schedule .list .status span,
   #main .schedule .list .status a,
   #main .schedule .list .link span,
   #main .schedule .list .link a {
    display:block;
    text-align:center;
    color: #fff;
   }
   #main .schedule .list .status span {
    background:#f00
   }
   #main .schedule .list .status.end span {
    background:#6d6d6d
   }
   #main .schedule .list .status.comingsoon span {
    background:#006ec2
   }
   #main .schedule .list .status.comingsoon2 span {
      background:#049b29
     }
   #main .schedule .list .link a {
    background:#f2964b
   }
   #main .schedule .list .link a::after {
    margin-left:1em;
    content:'▶';
    font-size:0.6em;
    position:relative
   }
   #main .schedule .notes {
    line-height:1.375
   }
   #main .schedule .notes dd:not(:last-child) {
    margin-bottom:1.375em
   }
   #main .schedule .notes li {
    padding-left:1em;
    text-indent:-1em
   }
   #main .schedule .notes li::before {
    content:'・'
   }
   @media (min-width: 751px) {
    #main .schedule {
     margin:0 auto;
     width:1100px;
     border-bottom-width:1px
    }
    #main .schedule h2 {
     margin-bottom:20px;
     font-size:30px;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
     /*text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0 -2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;*/
    }
    #main .schedule h3 {
     padding:15px;
     font-size:20px;
     border-top-width:1px;
     border-bottom-width:1px
    }
    #main .schedule .list {
     display:flex;
     border-width:1px;
     border-color:#000000;
    }
    #main .schedule .list .left,
    #main .schedule .list .right {
     width:100%
    }
    #main .schedule .list .left {
     /*border-right:1px solid #595856*/
    }
    #main .schedule .list ul {
     padding:25px 40px;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
    }
    #main .schedule .list li {
     padding:10px 0;
     border-bottom-width:1px
    }
    #main .schedule .list .info {
     width:88%;
     font-size:16px
    }
    #main .schedule .list .status,
    #main .schedule .list .link {
     font-size:13px
    }
    #main .schedule .list .status span,
    #main .schedule .list .status a,
    #main .schedule .list .link span,
    #main .schedule .list .link a {
     padding:5px 0 6px;
     color: #fff;
    }
    #main .schedule .list .status {
     width:98px
    }
    #main .schedule .list .status span {
     width:70px
    }
    #main .schedule .list .link {
     width:120px
    }
    #main .schedule .list .link a::after {
     top:-0.1em
    }
    #main .schedule .notes {
     margin:35px 40px;
     font-size:16px;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
     }
    }
   
   @media (max-width: 750px) {
    #main .schedule {
     margin:0 3.33333vw;
     border-bottom-width:.26667vw;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
    }
    #main .schedule h2 {
     margin-bottom:5.33333vw;
     font-size:5.33333vw
    }
    #main .schedule h3 {
     padding:2vw 4.66667vw;
     font-size:4.66667vw;
     border-top-width:.26667vw;
     border-bottom-width:.26667vw
    }
    #main .schedule .list {
     border-width:.26667vw;
     border-color:#000000;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
    }
    #main .schedule .list ul {
     padding:4vw 4.66667vw
    }
    #main .schedule .list li {
     padding:3.33333vw 0;
     border-bottom-width:.26667vw
    }
    #main .schedule .list .info {
     width:100%;
     font-size:4vw;
     line-height: 1.75;
    }
    #main .schedule .list .status,
    #main .schedule .list .link {
     font-size:3.46667vw;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
    }
    #main .schedule .list .status span,
    #main .schedule .list .status a,
    #main .schedule .list .link span,
    #main .schedule .list .link a {
     padding:1.33333vw 0 1.86667vw
    }
    #main .schedule .list .status {
     width:16.66667vw;
    }
    #main .schedule .list .link {
     margin-top:3.33333vw;
     width:34vw
    }
    #main .schedule .list .link a::after {
     top:-0.2em
    }
    #main .schedule .notes {
     margin:8.66667vw 0;
     font-size:3.73333vw
    }
   }
   #main .bnr {
    text-align:center;
    /*font-family:'M PLUS Rounded 1c',sans-serif;*/
   }
   #main .bnr img {
    /*
    border-style:solid;
    border-color:#595856*/
   }
   @media (min-width: 751px) {
    #main .bnr {
     padding:100px 0 110px;
     /*font-family:'M PLUS Rounded 1c',sans-serif;*/
    }
    #main .bnr p {
     font-size:16px
    }
    #main .bnr p:nth-of-type(1) {
     margin-bottom:15px
    }
    #main .bnr img {
     width:640px;
     height:auto;
     border-width:1px
    }
   }
   @media (max-width: 750px) {
    #main .bnr {
     padding:8.66667vw 3.33333vw 13.33333vw
    }
    #main .bnr p {
     font-size:3.33333vw
    }
    #main .bnr p:nth-of-type(1) {
     margin-bottom:3.33333vw
    }
    #main .bnr img {
     border-width:.26667vw
    }
   }
   #main .workshop {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%
   }
   #main .workshop .inner {
    margin:0 auto;
    position:relative;
    background:rgba(17,17,17,0.72)
   }
   #main .workshop .inner div {
    display:flex;
    justify-content:center;
    align-items:center
   }
   #main .workshop .txt {
    font-weight:700
   }
   #main .workshop .link {
    margin-left:0.5em
   }
   #main .workshop .link a {
    display:block;
    text-align:center;
    background:#056b91
   }
   #main .workshop .link a::after {
    margin-left:1em;
    content:'▶';
    font-size:0.6em;
    position:relative;
    top:-0.2em
   }
   #main .workshop .notes {
    text-align:center
   }
   @media (min-width: 751px) {
    #main .workshop {
     height:395px;
     /*background-image:url(../img/curtain_pc.jpg)*/
    }
    #main .workshop .inner {
     padding:20px 0;
     width:640px;
     top:85px
    }
    #main .workshop .txt {
     font-size:18px
    }
    #main .workshop .link {
     font-size:18px
    }
    #main .workshop .link a {
     padding:5px 15px 7px
    }
    #main .workshop .notes {
     margin-top:15px;
     font-size:12px
    }
   }
   @media (max-width: 750px) {
    #main .workshop {
     height:52.66667vw;
     /*background-image:url(../img/curtain_sp.jpg)*/
    }
    #main .workshop .inner {
     padding:2.66667vw 0;
     width:93.33333vw;
     top:9.33333vw
    }
    #main .workshop .txt {
     font-size:2.46667vw
    }
    #main .workshop .link {
     font-size:2.66667vw
    }
    #main .workshop .link a {
     padding:1.06667vw 2vw 1.33333vw
    }
    #main .workshop .notes {
     margin-top:2vw;
     font-size:2.13333vw
    }
   }