@charset "UTF-8";

html{

}
body{
    
}
#main {
    position: relative;
    z-index: 1;
}
/*NEWS/スタジオオープニング用-----------------------------------------*/
body.news article.opening {
    max-width: 1000px;
}
body.news article.opening h1{
    text-align: center;
}
body.news article.opening h2{
    font-size: 3.5em;
    font-family: 'Oswald', sans-serif;
    color: #e73559;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
body.news div.col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.news__detail__box {
    width: 1000px;
    margin: 30px auto;
}
.news_photo_title{
    margin-top: 20px;
}
.news__detail__box__content__title {
    text-align: center;
    display: block;
    font-size: 1.4em;
    margin-bottom: 10px;
}
.news__detail__box__content__thumbnail {
    margin: 20px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.news__detail__box__content__thumbnail img {
    border: none;
}
.news__detail__box__content__post p {
    text-align: left;
}

@media (max-width: 768px) {
    .news__detail__box {
        width: 90%;
        margin: 20px auto;
    }
}
@media (max-width: 480px) {
    .content__1, .content__3 {
        margin-bottom: 20px;
    }
    .news__detail__box__content__thumbnail {
        display: block;
    }
    .news__detail__box__content__thumbnail img {
        margin-bottom: 10px
    }
    .news__detail__box__content__title {
        font-size: 1.4em;
        margin-bottom: 0px;
    }
    .news_photo_title {
        margin: 0px 0px;
    }
}
/*キャンペーン用*/
/*.campaign_include{}
.campaign {
    background: var(--yellow);
    padding: 40px 20px;
}*/


/*テーブル*/
.news__detail__box__content__post table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom:20px;
    background-color: #fbfaf6;
}
.news__detail__box__content__post table tr th{
    width: 20%;
    text-align: center;
    padding: 10px;
    background: #535860;
    color:#fff;
    border: solid 1px #cccccc;
    vertical-align:middle;
    font-weight: 500;
}
.news__detail__box__content__post table tr td{
    padding: 10px;
    border: solid 1px #cccccc;
    color: #52575e;
    text-align: left;
}
.news__detail__box__content__post table.advance tr th{
    background: #fbcfbf;
    color: #52575e;
}
.news__detail__box__content__post table.general tr th{
    background: #f2e0e4;
    color: #52575e;
}
.news__detail__box__content__post table.senkou tr th{
    /* background: #dabbaf; */
    color: white;
}

.news__detail__box__content__post table.blue tr th{
    background: blue;
}

.news__detail__box__content__post table.green tr th{
    background: #00a381;
}

.news__detail__box__content__post table.gray tr th{
    background: #535860;
}

.news__detail__box__content__post table.advance tr td,
.news__detail__box__content__post table.general tr td,
.news__detail__box__content__post table.senkou tr td{
    width: 80%;
}
/*プレーンtable*/
.news__detail__box__content__post table.normal{
    width: 100%;
    text-align: left;
    /* border-collapse: collapse; */
    /* border-spacing: 0; */
    margin-bottom: 35px;
    background-color: #fff;
}
.news__detail__box__content__post table.normal tr th{
    width: 20%;
    text-align: center;
    padding: 10px;
    background: #fff;
    vertical-align:middle
}
.news__detail__box__content__post table.normal tr td{
    padding: 10px 20px;
    border: none;
}
.bold{
    font-weight: bold;
}
.orange{
    color: #d2621e;
}
/*END-----------------------------------------------------------*/
.content__1{
    background: none;
}
.content__1__box{
    /*width: 1200px;*/
    margin: 0 auto;
    padding-bottom: 0px;
    display: contents !important;
    height: auto;
}
.content__1__box p.message{
   line-height: 2.0em;
}
.content__1__box__titleWrap{
    position:relative;
}
.content__1__box__titleBorder{
    position:absolute;
    top: 48px;
    right:0;
    left:0;
    width:300px;
    display:block;
    margin:auto;
}
.content__1__box__title{
    font-size: 2.0em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content__1__box h2{
    font-size: 3.0em;
    font-family: 'Oswald', sans-serif;
    color: #e73559;
}
.content__1__box__title__color{
    font-size: 0.55em;
    color: #e73559;
    display: contents;
    letter-spacing: 0.15em;
}
.content__1__box__title__parts__1{
    width:28px;
    margin-right:15px;
}
.content__1__box__title__parts__2{
    width:28px;
    margin-left:15px;
}
.content__1__box__list{
    display:flex;
    justify-content:space-between;
}
.content__1__box__list__items{
    width:310px;
    background:#fbfaf6;
    /*position:relative;*/
    color: #333;
}
.content__1__box__list__items__parts{
    position:absolute;
}
.content__1__box__list__items__parts__1{
    bottom: -10px;
    right: -10px;
    width: 40px;
}
.content__1__box__list__items__parts__2{
    top: -10px;
    right: -10px;
    width: 40px;
}
.content__1__box__list__items__parts__3{
    bottom: -20px;
    right: -20px;
    width: 40px;
    z-index:-1;
}
.content__1__box__list__items__box{
    display:flex;
    justify-content:center;
    align-items:center;
    width:260px;
    height:140px;
    margin:auto;
}
.content__1__box__list__items__box__left{
    display:inline-block;
    width:90px;
}
.content__1__box__list__items__box__left img{
    
}
.content__1__box__list__items__box__right{
    padding-left:20px;
}
.content__1__box__list__items__box__right__title{
    font-size:17px;
    text-align:center;
    line-height:1.5;
}
.content__1__box__list__items__title__color{
    color:#3f9498;
}

@media screen and (max-width:768px){
    .content__1__box{
        width: 100%;
        padding-bottom: 20px;
    }
    .content__1__box__list{
        display:block;
    }
    .content__1__box__title{
        font-size: 1.5em;
        /*font-size: 18px;*/
        margin-bottom: 0px;
        /*margin-bottom: 46px;*/
    }
    .content__1__box__title__parts__1{
        width: 13px;
        margin-right: 5px;
    }
    .content__1__box__title__parts__2{
        width: 13px;
        margin-left: 5px;
    }
    .content__1__box__list__items{
        width: 90%;
        margin: auto auto 20px;
    }
    .content__1__box__titleBorder{
        top: 34px;
        width: 200px;
        /*top: 45px;
        width: 180px;*/
    }
    .content__1__box__list__items__parts__1{
        bottom: 20px;
        right: -10px;
        width: 40px;
    }
    .content__1__box__list__items__parts__2{
        top: 7px;
        right: auto;
        left: -8px;
        width: 40px;
    }
    .content__1__box__list__items__parts__3{
        right: -10px;
    }
    .content__1__box h2 {
        font-size: 2.4em;
    }
    .content__1__box p.message{
        line-height: 1.6em;
        font-size: 0.85em;
        text-align: justify;
    }
}
@media screen and (max-width:428px){
    .content__1__box h2 {
        font-size: 1.85em;
    }
    .content__3__box__content__text {
        font-size: 1.0em;
    }
    .content__1__box__titleWrap {
        margin-top: 15px;
    }
}
.content__3{
    padding:20px 0;
    background-color: #fff;
    color: #333 !important;
}
.content__3__box{
    margin:auto;
    position:relative;
}
.content__3__box__imgItems{
    position:absolute;
    z-index:-1;
}
.content__3__box__imgItems__1{
    width:100px;
    top:60px;
    left:50px;
}
.content__3__box__imgItems__2{
    width:140px;
    top:240px;
    left:0;
}
.content__3__box__imgItems__3{
    width:100px;
    top:450px;
    left:40px;
}
.content__3__box__imgItems__4{
    width:100px;
    top:80px;
    right:120px;
}
.content__3__box__imgItems__5{
    width:100px;
    top:240px;
    right:40px;
}
.content__3__box__imgItems__6{
    width:140px;
    top:440px;
    right:0;
}
.content__3__box__imgItems__7{
    width:50px;
    top:180px;
    left:170px;
}
.content__3__box__imgItems__8{
    width:50px;
    top:0;
    left:200px;
}
.content__3__box__imgItems__9{
    width:30px;
    top:400px;
    left:140px;
}
.content__3__box__imgItems__10{
    width:50px;
    top:250px;
    right:180px;
}
.content__3__box__imgItems__11{
    width: 50px;
    top: 620px;
    right: 120px;
}
.content__3__box__imgItems__12{
    width: 30px;
    top: 170px;
    right: 220px;
}

.content__3__box__content{
}

/*追加*/
.content__3__box__list{
    display:flex;
    justify-content:space-between;
    margin: 20px 0;
}
.content__3__box__list__items{
    background:#fbfaf6;
    border: 1px solid #dcdddd;
    width:320px;
    height: auto;
    padding:10px 0px;
    margin: 0 auto;
}
.content__3__box__list___items{
    background:#fbfaf6;
    width:600px;
    height: auto;
    padding: 35px;
    margin: 0 auto;
}
.content__3__box__list__items__box{
    display: block;
    width: 300px;
    margin: auto;
}
.content__3__box__list__items__box__icon{
    display:flex;
    justify-content:center;
    align-items:center;
    width:44px;
    height:44px;
    border-radius:50%;
    background:#e73559;
    color:#fff;
    font-size:22px;
    margin:auto auto 20px;
}
.content__3__box__list__items__box__title{
    font-size: 1.75em;
    /*font-size:17px;*/
    color:#52575e;
    text-align:center;
    margin-bottom:20px;
}
.content__3__box__list__items__box__img{
    display:block;
    margin-bottom:20px;
}
.content__3__box__list__items__box__img img{
    width:100%;
    /*height: 280px;*/
    /*height:160px;*/
}
.content__3__box__list__items__box__des{
    /*line-height:1.8;
    font-weight: 600;
    font-size:15px;*/
    line-height: 1.6;
    font-size: 0.95em;
    color: #666;
}
.content__3__box__des{
    text-align: center;
    margin-top: 30px;
    font-weight: 600;
}
.content__3__box__content__text{
    font-family: 'Noto Serif JP', serif;
    text-align:center;
    font-size: 1.75em;
    /*font-size:60px;*/
    color:#fff;
    /*line-height: 1.2;
    margin-bottom:30px;*/
    /*line-height: 1.0;*/
    margin-bottom: 50px;
    letter-spacing: 0.25em;
    /*background: linear-gradient(30deg, #e4012b 0%, #c2165d 40%, #9b1f86 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.content__3__box__des{
    text-align:center;
    line-height:1.8;
    margin-bottom:30px;
}
.content__3__box__video{
    width:580px;
    margin:auto;
}
.content__3__box__video img{
    width:100%;
}
.content__3__box__video video{
    width:100%;
}

/*追加*/
@media screen and (max-width:768px){
    .content__3 {
        padding: 5px 0;
    }
    .content__3__box{
        width:100%;
    }
    .content__3__box p {
        font-size: 0.75em;
        margin: 10px 0px;
    }
    .content__3__box__video{
        width:80%;
    }
    .content__3__box__content__text{
        font-size: 1.2em;
        margin-bottom: 30px;
    }
    .content__3__box__imgItems__1{
        width: 40px;
        top: 27px;
        left: 20px;
    }
    .content__3__box__imgItems__2{
        width: 40px;
        top: 140px;
        left: 14px;
    }
    .content__3__box__imgItems__3{
        width: 40px;
        top: 210px;
        left: 24px;
    }
    .content__3__box__imgItems__4{
        width: 40px;
        top: 30px;
        right: 20px;
    }
    .content__3__box__imgItems__5{
        width: 40px;
        top: 140px;
        right: 20px;
    }
    .content__3__box__imgItems__6{
        width: 40px;
        top: 204px;
        right: 21px;
    }
    .content__3__box__imgItems__7{
        width: 20px;
        top: 90px;
        left: 15px;
    }
    .content__3__box__imgItems__8{
        width: 30px;
        top: 0;
        left: 280px;
    }
    .content__3__box__imgItems__10{
        width: 30px;
        top: 250px;
        right: 10px;
    }
    .content__3__box__imgItems__11{
        width: 20px;
        top: 290px;
        right: 20px;
    }
    .content__3__box__imgItems__12{
        width: 20px;
        top: 90px;
        right: 10px;
    }
    .content__3__box__des{
        width: 90%;
        margin: auto auto 20px;
    }
    /*追加*/
    .content__3__box__list__items__box__title {
        font-size: 1.4em;
        margin-bottom: 10px;
    }
    .content__3__box__list{
        display:block;
        width: 100%;
        margin: 20px 0px 0px 0px;
    }
    .content__3__box__list__items, .content__3__box__list___items{
        width:100%;
        height:auto;
        margin-bottom: 15px;
        padding: 30px;
    }
    .content__3__box__list__items__box {
        width: 100%;
    }

    .content__3__box__list__items__box__img img {
        width: 35%;
        margin: 0 auto;
        display: block;
    }
    .content__3__box__list__items, .content__3__box__list___items {
        padding: 10px;
    }
    .content__3__box__list__items__box__des {
        line-height: 1.4em;
        font-size: 0.75em;
    }
}

@media screen and (max-width:428px){
    .content__3__box__content__text{
        font-size: 1.0em;
    }
}

.lp_content__title{
    font-size:1.6em;
    margin-bottom:20px;
}
/*見出し*/
.content__3__box .backdancer {
    background: #535860;
    color: #fff;
    border: solid 1px #cccccc;
    text-align: center;
    padding: 3%;
    margin-top: 3%;
    font-size: 0.9em;
}
.content__3__box .backdancer__member {
    border: solid 1px #cccccc;
    padding: 3%;
    font-size: 0.75em;
    /*line-height: 1.75;*/
}
.news__detail__box__content__post{
    width: 100%;
    margin-top: 20px;
}
.news__detail__box__content__post ul.ens{
    margin: 6px 0;
}
.news__detail__box__content__post__flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5%;
    align-items: flex-start;
}

/*追加：フォトギャラリー/写真---------------------------*/
.portfolio-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}

.portfolio-item {
    flex: 1 1 calc(33.33% - 1rem); /* 3列 */
    /*max-width: calc(33.33% - 1rem);*/
}

@media (max-width: 768px) {
    .portfolio-item {
        flex: 1 1 calc(50% - 1rem); /* 2列 */
        /*max-width: calc(50% - 1rem);*/
    }
}

@media (max-width: 480px) {
    .portfolio-item {
        flex: 1 1 100%; /* 1列 */
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .news__detail__box__content__post table.normal .content__3 h3 {
        margin: 0px 0px 10px;
    }
    #booth li.content__3__box__list__items {
        width: 100%;
    }
    #booth .content__3__box__list__items__box__img img {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .news__detail__box__content__post{
        margin-top: 10px;
    }
    #book .news__detail__box__content__post h3{
        font-size: unset;
    }
    #outline .content__3__box p {
        margin: 0px 0;
    }
}

@media screen and (max-width: 480px) {
        
    #schedule .news__detail__box__content__post table.normal tr th {
        width: 50%;
    }
    #schedule .news__detail__box__content__post table.normal tr td {
        padding: 10px;
    }
    #schedule .news__detail__box__content__post table.normal p,
    #schedule .news__detail__box__content__post table.normal p.name {
        font-size: 0.75em;
    }
    .news__detail__box__content__post table {
        margin-bottom: 20px;
    }
    #schedule .news__detail__box__content__post table.normal {
        margin-bottom: 20px;
        border: solid 1px;
    }
}
/*END*/




/*カラー*/
.ens{
    /*line-height: 1.6;*/
    /*font-size: 1.0em;*/
    font-size: 0.75em;
    color: #717579;
}
ul.content__5__box__list .ens{
    /*font-size: 0.85em;*/
    line-height: 1.45;
    margin-top: 10px;
}
.content__4__box__list__items__box__left__des .ens{
    /*line-height: 1.45;
    font-size: 0.75em;*/
    color: #fff;
    display: -webkit-inline-box;
}

@media screen and (max-width:768px){
    .lp_content__title{
        font-size: 1.0em;
        margin-bottom: 20px;
    }
    .news__detail__box__content__post table {
        font-size: 0.8em;
    }
    .content__2 h3, .content__3 h3 {
        font-size: 1.0em;
        padding-left: 5px;
        margin: 20px 0;
    }
    .news__detail__box__content__post table tr th {
        width: 20%;
        padding: 5px;
    }
    .news__detail__box__content__post table tr td {
        padding: 5px;
    }
    .ens, ul.content__5__box__list .ens {
        line-height: 1.0;
        font-size: 0.75em;
    }
    .jpn-member__day ul li {
        font-size: 0.65em;
        line-height: normal;
    }
    .content__3__box .backdancer__member {
        font-size: 0.65em;
        line-height: normal;
    }
}
@media screen and (max-width: 480px) {
    .news__detail__box__content__post table tr td img {
        width: 50%;
    }
    .news__detail__box__content__post table tr th {
        width: 18%;
        padding: 3px;
    }
    .news__detail__box__content__post table tr td {
        padding: 8px;
    }
    .news__detail__box__content__post table tr th {
        font-size: 0.9em;
        font-weight: 600;
    }
    .ens, ul.content__5__box__list .ens {
        line-height: 1.0;
    }
}