@charset "UTF-8";

main{
    padding-top:65px;
    font-size:16px;
    font-weight:500;
}
/*#page_mmmura main{
    padding-bottom:400px;
    background:url(../img/show/icon-more.svg) center 95% no-repeat;
}*/
#page_mmmura main,
#page_mmstage main,
#page_marche main{
    padding-bottom:20px;
}

    .midashi1 {
        padding:100px 0 100px;
    }


@media screen and (max-width:999px) {
    main{
        padding-top:48px;
        font-size:3.6vw;
    }
    /*#page_mmmura main{
        padding-bottom:50vw;
        background:url(../img/show/icon-more.svg) center 97% no-repeat;
        background-size:104px;
    }*/
    #page_mmmura main,
    #page_mmstage main,
    #page_marche main{
        padding-bottom:2vw;
    }

        .midashi1 {
            padding:7.7vw 0 10.2vw;
        }
}


    .readArea{
      margin:0 auto;
      padding:100px 0 100px;
      max-width:90%;
      width:1200px;
      text-align:center;
      border-top:1px solid #FF6B01;
    }
      .readArea h2 {
        margin:0 auto 25px;
        width:500px;
        font-size:20px;
        line-height: 1.3;
        font-weight: 500;
        background-image:url(../img/mastermindstage/h2_bg1.svg),url(../img/mastermindstage/h2_bg2.svg);
        background-position:0 center,100% center;
        background-repeat:no-repeat,no-repeat;
        background-size:auto 90%,auto 90%;
      }
      .readArea div {
        margin-bottom:25px;
        font-size:16px;
      }
      .readArea ul {
        display:flex;
        align-items: center;
        justify-content: center;
      }
        .readArea li {
          padding:0 10px;
          width:286px;
        }
          .readArea li a {
            display:flex;
            align-items: center;
            justify-content: center;
            padding:0 10px;
            width:100%;
            height:86px;
            font-size:16px;
            color:#574D42;
            background:url(../img/mastermindstage/btn_bg.svg) 0 0 no-repeat;
            background-size:100% auto;
          }
    
@media screen and (max-width:999px) {
      .readArea {
        display:block;
        margin:0 auto 10vw auto;
        padding:7.7vw 0 10.2vw;
        max-width:90%;
        width:1200px;
        text-align:center;
      }
        .readArea h2 {
          width:100%;
          font-size:4.5vw;
        }
        .readArea div {
          font-size:3.6vw;
          text-align:left;
        }
        .readArea ul {
          flex-direction: row;
          flex-wrap: wrap;
        }
          .readArea li {
            margin-bottom:2vw;
            padding: 0 1vw;
            width: 49%;
          }
            .readArea li a {
              padding:0 10px;
              width:100%;
              height:14.3vw;
              font-size:3.6vw;
              background:url(../img/mastermindstage/btn_bg_sp.svg) 0 0 no-repeat;
              background-size:100% auto;
            }
}



    .catNav {
      display:flex;
      align-items: center;
      justify-content:flex-start;
      margin:0 auto;
      padding:0 0 60px;
      max-width:90%;
      width:1200px;
      text-align:left;
    }
      .catNav div {
        width:141px;
        color:#FF6B01;
        line-height:1.3;
        text-align:center;
      }
        .catNav div p:first-child {
          font-size:20px;
          font-weight:bold;
          white-space: nowrap;
        }
        .catNav div p:last-child {
          font-size:15px;
          white-space: nowrap;
        }
      .catNav ul {
        display:flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        padding-left:80px;
      }
        .catNav li {
          margin:5px 20px 5px 0;
          font-size:16px;
        }
          .catNav li p {
            display:flex;
            align-items: center;
            justify-content: center;
            padding:0 15px;
            width:100%;
            height:40px;
            font-size:16px;
            font-family: "Poppins", "Noto Sans", sans-serif;
            color:#FF6B01;
            font-weight: 700;
            line-height:1;
            background:#FFF;
            border:1px solid #FF6B01;
            border-radius:20px;
            cursor: pointer;
          }
          .catNav li p:hover,
          .catNav li.active p {
            background:#EFE6DC;
          }
@media screen and (max-width:999px) {
      .catNav {
        display:block;
        margin:0 auto 10vw auto;
        padding:0 0 3vw;
        max-width:90%;
        width:1200px;
        text-align:center;
        border-bottom:1px solid #FF6B01;
      }
        .catNav div {
          display:flex;
          align-items: center;
          justify-content: center;
          margin-bottom:4vw;
          width:100%;
          color:#FF6B01;
          line-height:1;
        }
          .catNav div p:first-child {
            font-size:16px;
          }
          .catNav div p:last-child {
            padding-left:2vw;
            font-size:15px;
          }
        .catNav ul {
          display:block;
          padding-left:0;
          text-align:center;
        }
          .catNav li {
            display:inline-block;
            margin:0 1vw 2vw;
            width:auto;
          }
            .catNav li p {
              padding:0 2vw;
              width:100%;
              height:8vw;
              font-size:3.5vw;
              white-space: nowrap;
            }
}
    
    
    .content .listArea ul {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin:0 auto 90px;
        max-width:90%;
        width:1200px;
        font-family: "Noto Sans", sans-serif;
        font-weight: 500;
    }
    .content .listArea ul:last-child {margin-bottom:0;}
        .content .listArea ul::before{
          content:"";
          display: block;
            width:24%;
          order:1;
        }
        .content .listArea ul::after{
          content:"";
          display: block;
            width:24%;
        }
        .content .listArea li {
            display:none;
            position:relative;
            margin-bottom:40px;
            width:24%;
            line-height:1.3;
            text-align:center;
        }
        .content .listArea li.active {
            display:block;
        }
        .content .listArea li.new:before {
            display:inline-block;
            position:absolute;
            left:10px;
            top:-13px;
            width:81px;
            height:36px;
            background:url(../img/common/icon-new1.svg) 0 0 no-repeat;
            z-index:2;
            content:'';
        }
            .content .listArea li .img {
                overflow: hidden;
                position:relative;
                margin-bottom:10px;
                border-radius: 20px;
                width:100%;
                height:180px;
            }
                .content .listArea li .img img {
                    position: absolute;
                    left:50%;
                    top:50%;
                    transform: translate(-50%,-50%);
                    width:100%;
                }
            .content .listArea li .name {
                position:relative;
                margin-bottom:10px;
                font-size:15px;
                color:#574D42;
                text-align:center;
            }
              .content .listArea li .name .namein {
                  color:#574D42;
                  text-align:center;
              }
                .content .listArea li .name .namein span {
                    display:block;
                    font-size:12px;
                }
              .content .listArea li .name .flg {
                  display:flex;
                  align-items: center;
                  justify-content: center;
                  position:absolute;
                  left:0;
                  top:50%;
                  transform: translate(0,-50%);
                  width:30px;
                  height:30px;
                  font-family: "Poppins", serif;
                  font-weight: 700;
                  line-height: 10px;
                  color:#FF6B01;
                  border:1px solid #FF6B01;
                  background:#FFF;
                  border-radius:50%;
              }
              .content .listArea li .name .flg span {
                  font-size:15px;
                  font-weight:600;
              }
              .content .listArea li .name .flg span span {
                  display:block;
                  font-size:8px;
              }
            .content .listArea li .txt {
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                font-size:13px;
                color:#574D42;
                text-align:left;
            }




@media screen and (max-width:999px) {
        .content .listArea ul {
            margin-bottom:8vw;
            max-width:90%;
            width:1000px;
        }
            .content .listArea li {
                margin-bottom:4.2vw;
                width:48%;
            }
            .content .listArea li.new:before {
                left:0;
                top:-2.8vw;
                width:12.8vw;
                height:6.15vw;
                background-size:100% auto;
            }
                .content .listArea li .img {
                    margin-bottom:2.5vw;
                    height:28vw;
                }
                .content .listArea li .name {
                    margin-bottom:2vw;
                    font-size:2.3vw;
                }
                    .content .listArea li .name .namein span {
                        display:none;
                    }
                  .content .listArea li .name .flg {
                      width:4.4vw;
                      height:4.4vw;
                      line-height: 2.2vw;
                  }
                  .content .listArea li .name .flg span {
                      font-size:2.3vw;
                  }
                  .content .listArea li .name .flg span span {
                      display:block;
                      font-size:2vw;
                  }
                .content .listArea li .txt {
                    display:none;
                }
}



#page_marche .ttl {margin-bottom:30px;text-align:center;}






#cboxTitle{display:none;}
#cboxContent{padding:0;background:none; /*overflow:hidden;*/}
#cboxCurrent{display:none !important;}
#cboxPrevious{
    display:inline-block !important;
    position:absolute;
    bottom:-8vh;
    left:25% !important;
    text-indent:-9999px;
    width:50px;
    height:50px;
    background:url("../img/modal/prev.svg") 0 0 no-repeat;
    background-size:auto 100%;
}
#cboxNext{
    display:inline-block !important;
    position:absolute;
    bottom:-8vh !important;
    left:auto !important;
    right:25% !important;
    text-indent:-9999px;
    width:50px;
    height:50px;
    background:url("../img/modal/next.svg") 0 0 no-repeat;
    background-size:auto 100%;
}
#cboxClose{
    display:inline-block !important;
    position:absolute;
    top: -6vh !important;
    bottom:auto !important;
    right:0 !important;
    text-indent:-9999px;
    width:40px;
    height:40px;
    background:url("../img/modal/close.svg") 0 0 no-repeat;
    background-size:auto 100%;
}

.modal {
    overflow: hidden;
    position:relative;
    width:100%;
    height:100%;
    background:#FFF;
    border: 3px solid #ff6b01;
    border-radius:20px;
}
    .modal .wrap {
        overflow-y: auto;
        position:relative;
        width:100%;
        height:100%;
    }
    .modal .img {width:100%;}
        .modal .img img {width:100%;}
        
    .mHeader {
        position:relative;
        margin:0 auto;
        padding:30px 0;
        width:90%;
        font-family: "Noto Sans", sans-serif;
        font-weight: 500;
        text-align:center;
        border-bottom:1px solid #707070;
    }
        .mHeader .flg {
            display:flex;
            align-items: center;
            justify-content: center;
            position:absolute;
            left:0;
            top:50%;
            transform: translate(0,-50%);
            width:45px;
            height:45px;
            font-size:18px;
            font-family: "Poppins", serif;
            font-weight: 700;
            line-height:15px;
            color:#FF6B01;
            border:1px solid #FF6B01;
            background:#FFF;
            border-radius:50%;
        }
            .mHeader .flg span {
                display:block;
                font-size:20px;
                line-height: 1;
            }
              .mHeader .flg span span {
                  font-size:10px;
              }
        .mHeader .genre {
            font-size:15px;
        }
        .mHeader .name {
            font-size:18px;
            font-weight:bold;
        }
    .mBody {
        margin:0 auto;
        padding:30px 0 0;
        width:90%;
        text-align:left;
    }
        .mBody dt {
            margin-bottom:5px;
            font-family: "Poppins", serif;
            font-size:18px;
            color:#FF6B01;
            font-weight: bold;
            letter-spacing: 0.05em;
        }
        .mBody dd {padding-bottom:60px;}
            .mBody dd p {
                margin-bottom:15px;
            }
            .mBody dd p:last-child {
                margin-bottom:0;
            }
    .mFooter {
        overflow:hidden;
        margin:0 auto;
        padding-bottom:40px;
        width:90%;
        text-align:center;
    }
        .mFooter .site {
            float:left;
            width:204px;
        }
            .mFooter .site a {
                display:flex;
                align-items: center;
                -webkit-justify-content: center;
                justify-content: center;
                width:100%;
                height: 45px;
                font-family: "Poppins", serif;
                font-size:18px;
                color:#FF6B01;
                font-weight: bold;
                letter-spacing: 0.05em;
                background: #fff;
                border:1px solid #FF6B01;
                border-radius: 50px;

            }
        .mFooter .sns {
            float:right;
            display:flex;
            align-items: center;
            -webkit-justify-content: space-between;
            justify-content: space-between;
        }
            .mFooter .sns li {
                margin:0 5px;
            }




@media screen and (max-width:999px) {
    #cboxContent {
        position:fixed !important;
    }
    #cboxPrevious{
        position: fixed !important;
        bottom:-7.5vh !important;
        left:25%;
        width:8.7vw;
        height:8.7vw;
    }
    #cboxNext{
        position: fixed !important;
        bottom:-7.5vh !important;
        width:8.7vw;
        height:8.7vw;
    }
    #cboxClose{
        position: fixed !important;
        top: -6vh !important;
        width:6.7vw;
        height:6.7vw;
    }


    .mHeader {
        padding:5.1vw 0;
    }
        .mHeader .genre {
            font-size:3.0vw;
        }
        .mHeader .name {
            font-size:4.2vw;
        }
        .mHeader .flg {
            width:8vw;
            height:8vw;
            line-height:4vw;
        }
            .mHeader .flg span {
                font-size:3.6vw;
            }
              .mHeader .flg span span {
                  font-size:2.5vw;
              }
    .mBody {
        padding:5.1vw 0 0;
    }
        .mBody dt {
            font-size:3.8vw;
        }
        .mBody dd {padding-bottom:15vw;}
            .mBody dd p {
                margin-bottom:3.6vw;
                font-size:3.6vw;
            }
    .mFooter {
        display:block;
        padding-bottom:40px;
        text-align:center;
    }
        .mFooter .site {
            width:100%;
        }
            .mFooter .site a {
                height: 45px;
                font-size:3.8vw;

            }
        .mFooter .sns {
            display:block;
            margin:0 auto;
            margin-top:7.7vw;
            width:100%;
            text-align:center;
        }
            .mFooter .sns li {
                display:inline-block;
                width:36px;
            }
}