/*====================================================
////id common
====================================================*/
@font-face {
    font-family: 'lucida_calligraphy';
    src: url('lucida_calligraphy.woff2') format('woff2');
}

:root {
    /* --black: #5e2420; */
    --cream: #fff5e0;
    --brown: #814b43;
    --black: #231815;
    --red: #a00e13;
}

body {
    position: relative;
    width: 100%;
    max-width: 100vw;
    height: auto;
    overflow-x: hidden;
}

body.login {
    background-color: transparent;
}

#contents,
#login_contents {
    font-family: 'Lato', 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", "YuGothic Medium", "游ゴシック体 Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
    position: relative;
}
#contents {
}
.innerBox {
    max-width: 1200px;
    margin: 0 auto;
    padding: min(13vw, 80px) 0;
    position: relative;
    width: 90%;
    z-index: 2;
}

@media screen and (max-width: 769px) {
    .innerBox {
        padding: 60px 0;
    }
}

.pb-0 {
    padding-bottom: 0;
}

.block {
    display: block;
}

.inb {
    display: inline-block;
}

.relative {
    position: relative;
    z-index: 1;
}

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

.flexCenter {
    align-items: center;
    justify-content: center;
}

.flexStart {
    justify-content: flex-start;
}

.flexEnd {
    justify-content: flex-end;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexColumn {
    flex-direction: column;
}

.flex-1 {
    flex: 1;
}

.gridBox {
    display: grid;
}

#contents section {
    position: relative;
    z-index: 1;
}

.bgBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.bgBox img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.decoBox {
    margin: auto;
    position: absolute;
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: inherit;
}

figure {
    position: relative;
}

figure img {
    position: relative;
}

figure.coverImg {
    overflow: hidden;
    padding-top: 55%;
    width: 100%;
}

figure.coverImg.h100 {
    padding-top: 0;
    height: 100%;
}

figure.coverImg img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.txt-center {
    text-align: center;
}

small,
.small {
    font-size: .8em;
}

big,
.big {
    font-size: 1.2em;
}

.fw-light {
    font-weight: 300;
}

.fw-normal {
    font-weight: normal;
}

.fw-bold {
    font-weight: 700;
}

.fs-italic {
    font-style: italic;
}

.f-serif {
    font-family: 'Noto Serif JP', "游明朝 Medium", "YuMincho Medium", "游明朝体 Medium", "Hiragino Mincho ProN", "MS PMincho", serif;
    line-height: 1.4;
}

.f-en {
    font-family: 'lucida_calligraphy';
}

h1,
h1,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    line-height: 1.5;
}

p:not(p:last-child) {
    margin-bottom: .8em;
}

.sa {
    opacity: 0;
    transition: all 1.2s ease;
}

.sa.show {
    opacity: 1;
    transform: none;
}

.sa-lr {
    transform: translate(-60px, 0);
}

.sa-rl {
    transform: translate(60px, 0);
}

.sa-up {
    transform: translate(0, 60px);
}

.sa-down {
    transform: translate(0, -60px);
}

.sa-scaleUp {
    transform: scale(.7);
}

.sa-scaleDown {
    transform: scale(1.5);
}

.sa-rotateL {
    transform: rotate(180deg);
}

.sa-rotateR {
    transform: rotate(-180deg);
}

.sa.slideShow {
    opacity: 1;
    position: relative;
    z-index: 1;
}

.sa.slideShow:before {
    background: #d9eef4;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    transition: .5s ease-in-out;
    width: 0;
    height: 100%;
    z-index: 10;
}

.sa.slideShow.show:before {
    -webkit-animation: anim-slide 1.4s ease-in-out forwards;
    animation: anim-slide 1.4s ease-in-out forwards;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

@-webkit-keyframes anim-slide {
    0% {}

    45% {
        width: 100%;
        left: 0;
        right: 0;
    }

    70% {
        width: 100%;
        left: auto;
        right: 0;
    }

    100% {
        width: 0;
        left: auto;
        right: 0;
    }
}

@keyframes anim-slide {
    0% {}

    45% {
        width: 100%;
        left: 0;
        right: 0;
    }

    70% {
        width: 100%;
        left: auto;
        right: 0;
    }

    100% {
        width: 0;
        left: auto;
        right: 0;
    }
}

.sa.slideShow img,
.sa.slideShow>.box-inner {
    opacity: 0;
}

.sa.slideShow.show img,
.sa.slideShow.show>.box-inner {
    opacity: 1;
    transition-delay: 1.1s;
}

.delay-01 {
    transition-delay: .1s;
}

.delay-02 {
    transition-delay: .2s;
}

.delay-03 {
    transition-delay: .3s;
}

.delay-04 {
    transition-delay: .4s;
}

.headBox.jp_en {
    letter-spacing: .08em;
    margin-bottom: 40px;
}

.headBox.jp_en .en {
    /* color: #575454; */
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
}

.red {
    color: #d5002d;
}

.d_red {
    color: #8e2138;
}

ul.attentionMark li {
    position: relative;
    padding-left: 1.2em;
    line-height: 1.5;
    margin: .3em 0;
}

ul.attentionMark li:before {
    content: '\203B';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

ul.dotMark li {
    position: relative;
    padding-left: 1.2em;
    line-height: 1.5;
    margin: .3em 0;
}

ul.dotMark li:before {
    background: currentColor;
    border-radius: 100%;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
    left: .3em;
    top: .5em;
    width: .3em;
    height: .3em;
}

.linkBtn {
    background: #d70146;
    border: 1px solid #d70146;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
    padding: 0 1% 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 600px;
    height: 50px;
}

.linkBtn:hover {
    background: #d70146;
    filter: brightness(1.2);
}

.linkBtn:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    right: 20%;
    bottom: 0;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
}

.hidden {
    display: none;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 1000px) {
    #eventPage {
        padding-top: 60px;
    }

    .headBox.jp_en .jp {
        font-size: 2.7rem;
    }

    .headBox.jp_en .en {
        font-size: 1.6rem;
    }
}

@media screen and (max-width:769px) {
    .hidden-mob {
        display: none;
    }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 1000px) {
    body {
        padding-top: 100px;
    }
}

@media print,
screen and (min-width: 769px) {
    .headBox.jp_en .jp {
        font-size: 3.4rem;
    }

    .headBox.jp_en .en {
        font-size: 2.0rem;
    }

    .hidden-pc {
        display: none;
    }


}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
    .display-tab {
        display: block;
    }
}

@media screen and (min-width:1300px) {}

.bread {
    background: #fff;
}

/*====================================================
     //id title
====================================================*/
#mv {
    color: var(--cream);
}
#title {
    overflow: hidden;
    position: relative;
}
#title::before {
    background: url('../img/title-bg.webp') no-repeat center / cover;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 100%;
}
#title .innerBox {
    padding: 30px 0 min(13vw, 200px);
    max-width: 1400px;
}

.title_sub {
    background: url('../img/title-top_deco-1.svg') no-repeat top center / contain;
    background-size: auto 1.3em;
    color: #fff5e0;
    font-weight: bold;
    line-height: 1.1;
    margin: auto;
    padding: 1.3em 0 .3em;
    text-shadow: .06em .06em 0 var(--black);
    position: relative;
}

#title .txtBox {
    color: #fff5e0;
    position: relative;
}

#title .headBox {
    position: relative;
}

#title .title_en {
    display: inline-block;
    margin: 0;
}
.title_en-text {
    background: url('../img/title-top_deco-2.svg') no-repeat top center / contain;
    background-size: 100% auto;
    padding-top: .4em;
    padding-right: .3em;
    text-shadow: .06em .06em 0 var(--black);
}

#title h1 {
    font-weight: bold;
    line-height: 1.2;
    text-shadow: .05em .05em 0 var(--black);
    margin: 0;
}

#title h1 .ampersand {
    padding: 0 .1em;
}
#title h1 .sub_text {
    font-size: .6em;
    letter-spacing: -.05em;
    padding-top: .1em;
}
#title .program_title {
    font-weight: 700;
    text-shadow: .06em .06em 0 var(--black);
}
#title .program_title_en {
    font-size: .6em;
    font-weight: 400;
}
#title .imgBox .coverImg {
    padding-top: 100%;
}

#title .imgBox figcaption {
    color: #ccc;
    font-size: 10px;
    mix-blend-mode: exclusion;
    position: absolute;
    bottom: .5em;
}

#title .imgBox .img:first-child figcaption {
    left: 1em;
}

#title .imgBox .img:last-child figcaption {
    right: 1em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .title_sub {
        font-size: min(3.7vw, 2.0rem);
    }
    #title .title_en {
        font-size: min(4.5vw, 3.0rem);
    }

    #title h1 {
        display: grid;
        font-size: min(15vw, 8.5rem);
        margin: .15em 0;
    }
    #title .program_title {
        font-size: min(6vw, 4rem);
        margin-top: .7em;
    }

    #title .imgBox .coverImg {
        padding-top: 160%;
    }

}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    .title_sub {
        font-size: min(2vw, 2rem);
    }
    #title .title_en {
        font-size: min(2.8vw, 3.6rem);
    }
    #title h1 {
        display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 0 .2em;
        font-size: min(8.4vw, 11rem);
        margin: .15em 0;
    }

    #title .program_title {
        font-size: min(4vw, 5rem);
    }
}

@media screen and (min-width:1300px) {
}

/*====================================================
////id overview
====================================================*/
#overview {
    position: relative;
    margin-top: calc(min(13vw, 250px) * -1);
}
.overview-img {
    overflow: hidden;
    position: relative;
}
.overview-img::before {
    background: url('../img/fukuma_kotaro-main.webp') no-repeat top center / cover;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 100%;
}
.overview-img .copyright {
    font-size: 10px;
    margin: auto;
    opacity: .6;
    position: absolute;
        bottom: 5px;
        right: 10px;
}
#overview .dateBox {
    align-items: baseline;
    font-weight: bold;
    grid-gap: 0 .5em;
    letter-spacing: .02em;
    line-height: 1.3;
}
#overview .date {
    position: relative;
}
#overview .dateBox big {
    font-size: 1.6em;
}
#overview .time_place {
    font-size: .75em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .overview-text {
        background: #110d0c;
    }
    .overview-text-inner {
        padding-top: min(10vw, 60px);
    }
    #overview .dateBox {
        font-size: min(8vw, 4rem);
        text-align: center;
    }
    #overview .time_place {
        display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 0 .6em;
        margin-top: .3em;
    }
    .overview-img {
        height: min(90vw, 650px);
    }
    .overview-img::before {
        height: 110%;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
    .overview-img {
        position: absolute;
            top: 0;
            left: 0;
        width: 100%;
        height: 100%;
    }
    .overview-img::before {
        height: 120%;
    }
    .overview-text-inner {
        padding: min(10vw, 150px) 0 min(15vw, 200px);
    }
    #overview .dateBox {
        font-size: 5rem;
    }
}

/*====================================================
////id program
====================================================*/
.program {
    margin-top: 50px;
}

.program h2 {
    font-weight: 400;
    margin-bottom: .3em;
    padding: 0 2.5em;
    position: relative;
    text-shadow: .06em .06em 0 var(--black);
}
.program h2::before,
.program h2::after {
    background: url('../img/program_deco.svg') no-repeat center / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2.3em;
    height: 100%;
}
.program h2::before {
    left: 0;
}
.program h2::after {
    right: 0;
    transform: scale(-1, 1);
}
.program .itemBox {
    grid-gap: 1.7em;
    text-shadow: 0 0 .2em var(--black), 0 0 .2em var(--black), 0 0 .6em var(--black), 0 0 .6em var(--black), 0 0 .8em var(--black),  0 0 .8em var(--black), .06em .06em 0 var(--black);
}
.program .item ul {
    grid-gap: 1em;
}
.program .item li {
    grid-gap: .2em;
}
.program .item .en {
    font-size: .7em;
    font-weight: 400;
}
.program .item .item-sub {
    font-size: .95em;
    font-weight: 400;
    margin-top: .2em;
}
.program .item .player {
    font-size: 1.2em;
    margin-top: .8em;
}
.program .item .player p {
    padding: 0 3em;
    position: relative;
}

.program .attentionBox {
    font-size: 10px;
    margin-top: 3em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .program .headBox {
        text-align: center;
    }
    .program h2 {
        font-size: min(6vw, 3.2rem);
    }
    .program .itemBox {
        font-size: 1.1em;
        margin: auto;
        max-width: 500px;
        text-align: center;
    }
    .program .attentionBox {
        text-align: center;
    }
    
}


/* ////////// PC ////////// */
@media print,
screen and (min-width: 960.1px) {
    .program {
        width: min(70%, 700px);
    }
    .program h2 {
        font-size: min(3.2vw, 3.5rem);
    }
    .program .itemBox {
        font-size: min(1.9vw, 2rem);
    }
}

/*====================================================
     //id information
====================================================*/
#information {
    background: #f1eae2;
    overflow: hidden;
}

#information .innerBox {
    padding-top: 0;
}

#information .howtoBox:before {
    transform: rotate(180deg);
}

#information h4 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 20px 0;
    position: relative;
    z-index: 10;
}

#information h4:before {
    background: #453226;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: -50vw;
    width: 200vw;
    height: 100%;
    z-index: -1;
}

#information dl.ticket-inner {
    padding: .5em 1.5%;
    border-bottom: dotted 1px;
    border-color: #5e5144;
    flex-wrap: wrap;
}

#information dd.flexBox {
    align-items: center;
    grid-gap: .5em;
    justify-content: flex-start;
}

#information .saleMark {
    align-items: center;
    position: relative;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.0;
    /*	border: solid 1px;*/
    /* margin-right: .5em; */
}

#information.before_sale .ticket-inner .saleMark,
#information .saleMark.sale {
    /* background: url(../img/saleMark-sale.png) no-repeat; */
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23f54242" d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>') no-repeat center / contain;
    background-size: contain;
}

#information .saleMark.smallstock {
    /* background: url(../img/saleMark-smallstock.png) no-repeat; */
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%236f7ba5" d="M12,2L1,21H23M12,6L19.53,19H4.47" /></svg>') no-repeat center / contain;
    background-size: contain;
}

#information.after_sale .ticket-inner .saleMark,
#information .saleMark.soldout {
    /* background: url(../img/saleMark-soldout.png) no-repeat; */
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23000000" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>') no-repeat center / contain;
    background-size: contain;
}

#information .saleMark span {
    flex: 1;
    font-size: 1.0rem;
    padding-top: .2em;
}

#information.before_sale .ticket-inner .saleMark span,
#information.after_sale .ticket-inner .saleMark span {
    display: none;
}

#information dl.ticket-inner dt {
    font-size: 1.15em;
    font-weight: bold;
}

#information dl.ticket-inner dd.attention {
    line-height: 1.4;
}

#information .ticketInfo {
    justify-content: flex-start;
    align-items: center;
    margin: .5em 1.5%;
    flex-wrap: wrap;
}

#information .ticketInfo ul {
    font-size: .8em;
    /* margin: .5em 0; */
    align-items: center;
    justify-content: flex-start;
}

#information .ticketInfo ul li {
    margin-right: 1.2em;
}

#information .ticketInfo ul li.flexBox {
    align-items: center;
}

#information .ticketInfo ul li img {
    height: 1.2em;
    width: auto;
    display: inline-block;
    vertical-align: text-top
}

#information .ticketInfo .markList {
    font-size: .8em;
    margin-top: 1em;
    width: 100%;
}

#information .memberInfo {
    border: solid 1px #b69785;
    font-size: .9em;
    margin: 2em 1.5% 0;
}

#information .memberInfo dt {
    border: none;
    background: #e4d1c6;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}

#information .memberInfo dd {
    background: rgba(255, 255, 255, .4);
    padding: .5em 1em;
}

a.arrow_link {
    padding-left: 1.2em;
    position: relative;
}

a.arrow_link::before {
    border: solid transparent;
    border-left-color: #d70146;
    border-width: .4em 0 .4em .6em;
    content: '';
    margin: auto;
    position: absolute;
    top: .2em;
    left: 0;
    width: 0;
    height: 0;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    #information h4 {
        font-size: 2.2rem;
    }

    #information .link-inner.member {}

    #information .link-inner .txtBox {}

    #information dl.ticket-inner {
        padding: .5em 3%;
        justify-content: flex-start;
    }

    #information dl.ticket-inner dt {
        font-size: 1.1em;
        width: 100%;
        margin-left: -2%
    }

    #information dl.ticket-inner dd {
        width: 48%;
        min-width: 150px;
    }

    #information dl.ticket-inner dd.attention {
        font-size: .8em;
        width: 100%;
        margin-top: .5em;
    }

    #information .ticketInfo ul {
        flex-wrap: wrap;
    }
}

@media screen and (min-width:480px) and (max-width:769px) {
    #information dl.ticket-inner dd {
        width: 200px;
    }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    #information h4 {
        font-size: 2.4rem;
    }

    #information dl.ticket-inner {
        align-items: center;
        justify-content: flex-start;
    }

    #information dl.ticket-inner dt {
        width: 220px;
    }

    #information dl.ticket-inner dd {
        width: 210px;
    }

    #information dl.ticket-inner dd.attention {
        font-size: .8em;
        flex: 1;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
    #information dl.ticket-inner dd {
        flex: 1;
    }

    #information dl.ticket-inner dd.attention {
        width: 100%;
        flex: auto;
        padding-top: .5em;
        padding-left: 220px;
    }

    #information .ticketInfo {
        display: block;
    }
}


@media screen and (min-width:1300px) {
    #information dl.ticket-inner dd.attention {
        width: auto;
        padding-left: 0;
        flex: 1;
    }

}



/*====================================================
     //class .howtoBox
====================================================*/
.howtoBox .detailBox {
    padding: 0 1.5%;
}

.howtoBox .addDetail h3 {
    display: inline-block;
    font-weight: bold;
    background: -prefix-linear-gradient(#fff 30%, #fbffa2 45%, #fbffa2 85%, #fff);
    background: linear-gradient(#fff 40%, #fbffa2 50%, #fbffa2 80%, #fff 90%);
    padding: 0 0.3em;
}

.howtoBox .detailBox .ticket_release {
    margin-bottom: .5em;
}

.howtoBox .detailBox .date {
    margin-left: .5em;
    font-weight: bold;
    font-size: 1.5em;
}

.howtoBox .detailBox .seatAssign {
    margin: 1em 0;
}

.howtoBox .detailBox .seatAssign dl {
    margin: .5em 0;
}

.howtoBox .detailBox .seatAssign dl dt {
    background: #b69785;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    padding: .3em .8em;
}

.howtoBox .detailBox .seatAssign dl dd {
    margin-left: 1em;
    line-height: 1.3;
    /*	font-size: .9rem;*/
}

.howtoBox .linkBox .link-inner {
    background: rgba(255, 255, 255, .8);
    border: solid 2px;
    border-color: #7c665a;
}

.howtoBox .linkBox .link-inner h5 {
    background: #7c665a;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.0;
    margin: -1px;
    padding: .5em;
    text-align: center;
}

.howtoBox .linkBox .link-inner .txtBox {
    height: 100%;
    padding: 1em;
}

.howtoBox .linkBox .general .txt-inner.pia {
    margin-bottom: 1.5em;
}

.howtoBox .linkBox .shop p {
    margin-bottom: .8em;
}

.howtoBox .mail dl,
.howtoBox .post dl {
    justify-content: flex-start;
    margin: .5em;
}

.howtoBox .mail dl dt,
.howtoBox .post dl dt {
    margin-right: .5em;
}

.howtoBox .mail dl dt .squareMark {
    border: none;
    background: #b69785;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 3em;
}

.howtoBox .post dl dt .squareMark {
    border: none;
    background: #b69785;
    width: 4em;
    text-align: center;
}

.howtoBox .post dl dd {
    font-size: 1.0rem;
}

.howtoBox .linkBox .linkBtn {
    margin: .5em auto;

}

.howtoBox .howtoAttention {
    font-size: 1.2rem;
    width: 90%;
    margin: .5em auto;
}

.howtoBox .ticketEnd {
    font-weight: bold;
    color: #d70146;
    text-align: center;
    line-height: 1.3;
    margin-top: 1.5em;
}

.howtoBox .addticket_release {
    font-weight: bold;
    text-align: center;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .howtoBox .addDetail h3 {}

    .howtoBox .detailBox .seatAssign dl {
        display: block;
        margin-bottom: 1em;
    }

    .howtoBox .detailBox .seatAssign dl dt {
        display: inline-block;
        margin-bottom: .2em;
    }

    .howtoBox .addDetail .seatAssign dl dd {
        margin-left: .5em
    }

    .howtoBox .linkBox {
        display: block;
    }

    .howtoBox .linkBox .link-inner h5 {
        font-size: 1.2em;
    }

    .howtoBox .linkBox .member .txtBox {
        height: 340px;
    }

    .howtoBox .linkBox iframe {
        height: 100%;
    }

    .howtoBox .ticketEnd {
        font-size: 2.0rem;
    }

    .howtoBox .addticket_release {}
}

@media screen and (min-width:560px) and (max-width:769px) {}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    .howtoBox .addDetail h3 {
        font-size: 1.5rem;
    }

    .howtoBox .detailBox .seatAssign dl {
        justify-content: flex-start;
        align-items: stretch;
    }

    .howtoBox .detailBox .seatAssign dl dt {
        width: 130px;
        justify-content: center;
        align-items: center;
    }

    .howtoBox .addDetail .seatAssign dl dt {
        width: 160px;
    }

    .howtoBox .detailBox .seatAssign dl dt span {
        display: block;
    }

    .howtoBox .detailBox .seatAssign dl dd {
        width: calc(100% - 130px);
        padding: .3em 0;
    }

    .howtoBox .addDetail .seatAssign dl dd {
        width: calc(100% - 160px);
        font-size: 1.2rem;
        padding: .1em 0;
        margin-left: .5em;
    }

    .howtoBox .linkBox .link-inner {
        /*		width: 49.5%;*/
        flex: 1;
        margin: 5px .5%;
    }

    .howtoBox .linkBox .link-inner h5 {
        font-size: 2.0rem;
    }

    .howtoBox .linkBox .link-inner iframe {
        height: 100%;
    }

    .howtoBox .addticket .link-inner iframe {
        height: 120px;
    }

    .howtoBox .ticketEnd {
        font-size: 2.2rem;
    }

    .howtoBox .addticket_release {
        font-size: 1.4rem;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
    .howtoBox .addticket .link-inner iframe {}
}

@media screen and (min-width:1160px) {
    .howtoBox .linkBox .link-inner iframe {}

    .howtoBox .addticket .link-inner iframe {}
}



/*====================================================
     //class .login
====================================================*/
.login {
    margin: 0;
    overflow: hidden;
}

.login * {
    box-sizing: border-box;
}

.login p {
    /* color: #f9e2cd; */
    margin: 0;
}

.login .att {
    font-size: .8em;
    line-height: 1.4;
    margin-top: .5em;
}

#login {}

#login input[type="password"] {
    background: #fff;
    border: solid 1px var(--black);
    color: var(--black);
    padding: .5em .5em;
    width: 50% !important;
    max-width: 240px;
}

::-moz-placeholder {
    color: var(--black);
    opacity: .6;
}

:-ms-input-placeholder {
    color: var(--black);
    opacity: .6;
}

::placeholder {
    color: var(--black);
    opacity: .6;
}

#login input[type="submit"] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 1.4rem;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #d70146;
    background: #fff;
    border: solid 2px;
    border-color: #d70146;
    line-height: 1.3;
    padding: .2em 1em;
    border-radius: 100px;
    transition: 0.2s ease-in-out;
    text-align: center;
    position: relative;
    margin: .5em;
}

#login input[type="submit"]:hover {
    background: #d70146;
    color: #fff;
}

.login #member_link .txt-inner.pia {
    margin-bottom: 1.5em;
}

.login #member_link .linkBtn {
    margin: .5em auto;
}

.markerLine {
    background: -prefix-linear-gradient(#fff 20%, #ffcfdf 45%, #ffcfdf 85%, #fff);
    background: linear-gradient(#fff 40%, #ffcfdf 40%, #ffcfdf 1000%, #fff 90%);
    padding: 0 0.2em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {}

@media screen and (min-width:480px) and (max-width:769px) {}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {}

/*====================================================
     //class .venueBox
====================================================*/
.venueBox {
    position: relative;
}

/* .venueBox::before {
	border-bottom: solid 3px #ddcfb5;
	content: '';
	margin: auto;
	position: absolute;
		bottom: 20px;
		left: -50vw;
		right: -50vw;
	width: 200vw;
	height: 0;
} */
.venueBox .venue-inner {
    /* padding: 0 1.5%; */
}

.venueBox dl dt {
    font-size: 1.2em;
    line-height: 1.4;
    margin-bottom: .3em;
}

.venueBox dl dd {
    margin: .3em 0;
}

.venueBox dl dd.link {
    font-size: .8em;
    margin-bottom: 1em;
}

.venueBox dl dd.link a {}

.venueBox .gmnoprint {
    display: none;
}

.map {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 300px;
}

.map iframe {
    position: absolute;
    width: calc(100% + 720px);
    height: 100%;
    top: 0;
    left: -360px;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .venueBox .flexBox {
        display: block;
    }

    .map .axgmap,
    .iframe_outer {
        height: 240px;
        margin-bottom: 1em;
    }

    .venueBox .imgBox {
        height: 300px;
    }

    .map {
        margin-bottom: 1em;
    }
}

@media screen and (min-width:480px) and (max-width:769px) {}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    .venueBox .txtBox {
        width: 54%;
    }

    .venueBox .imgBox {
        width: 44%;
    }

    .map .axgmap,
    .iframe_outer {
        height: 300px;
    }
}

@media screen and (min-width:960.1px) {
    .venueBox .txtBox.flexBox {
        display: block;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
    .venueBox .venue-inner {
        display: block;
    }

    .venueBox .txtBox {
        width: 100%;
        margin-bottom: 1em;
    }

    .venueBox .map {
        width: 50%;
    }

    .map .axgmap,
    .iframe_outer {
        height: 200px;
    }

    .venueBox .imgBox {
        width: 100%;
        height: 300px;
    }
}

/*====================================================
     //id profile
====================================================*/
#profile {
    background: #fff;
    background: linear-gradient(to bottom, #fff, #f4f0d6);
    color: var(--brown);
}

#profile .innerBox {
    position: relative;
}

#profile .innerBox::before,
#profile .innerBox::after {
    background: url('../img/profile_deco.svg') no-repeat center / contain;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    width: 100px;
    height: 100px;
}

#profile .innerBox::before {
    left: 0;
    transform: scale(-1, 1);
}

#profile .innerBox::after {
    right: 0;
}

#profile .h3Box {
    text-align: center;
}

#profile h3 {
    display: inline-block;
    font-size: min(6vw, 3rem);
    line-height: 1.0;
    font-weight: bold;
}
#profile h3 img {
    height: 1em;
}

#profile dl {
    grid-gap: min(5vw, 40px) 1.5em;
}
#profile dt {
    font-size: min(7vw, 4rem);
    line-height: 1.4;
}

#profile dt .kana {
    display: block;
    font-size: .6em;
}

#profile .position {
    font-size: .8em;
    margin-right: 1em;
}

#profile dl:nth-child(odd) .imgBox {
    float: right;
    margin: 0 0 1em 1.5em;
    width: 34%;
}

#profile dl:nth-child(even) .imgBox {
    float: left;
    margin: 0 1.5em 1em 0;
    width: 34%;
}

#profile .imgBox figure {
    overflow: hidden;
}

#profile .imgBox img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 100%;
}

#profile .imgBox figcaption {
    color: var(--cream);
    font-size: .7em;
    line-height: 1;
    opacity: .6;
    position: absolute;
    bottom: .5em;
    right: 3%;
}

#profile dl dd.profileTxt {
    font-size: 1.4rem;
}

#profile dl dd.profileTxt p {
    margin-bottom: 0;
}

#profile dl dd.profileTxt p:not(.officialSite)::first-letter {
    margin-left: 1em;
}

#profile dl dd.profileTxt .addItem {
    margin: .8em 0;
}

#profile dl dd.profileTxt .addItem .h4Box h4 {
    border: none;
    background: #f7edd8;
    padding: .3em .6em;
    line-height: 1;
    color: #fff;
}

#profile dl .officialSite {
    margin-top: .8em;
}

#profile dl .officialSite a {
    font-weight: 700;
}

#profile .interview .linkBtn {
    margin-bottom: 0;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    #profile .innerBox {}

    #profile .innerBox::before,
    #profile .innerBox::after {
        top: 40px;
        width: 70px;
        height: 70px;
    }
    #profile .profile-inner {
        grid-gap: 3em;
    }

    #profile dt {
        text-align: center;
        line-height: 1.2;
    }

    #profile dl:nth-child(odd) .imgBox {
        width: 42%;
    }

    #profile dl:nth-child(even) .imgBox {
        width: 42%;
    }

    #profile .name {
        display: inline-block;
    }
}

@media screen and (min-width:480px) and (max-width:769px) {}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    #profile .innerBox {
        /* padding-top: 50px; */
    }

    #profile .innerBox::before,
    #profile .innerBox::after {
        top: 30px;
    }

    #profile .profile-inner {
        grid-gap: 50px;
    }

    #profile dl {
        height: auto;
    }
    #profile dl dt {
        text-align: center;
    }

    #profile dl dd.profileTxt .addItem {
        position: relative;
        padding-left: 11em;
    }

    #profile dl dd.profileTxt .addItem .h4Box {
        position: absolute;
        top: 0;
        left: 0;
        width: 10em;
        text-align: center;
    }

    #profile .interview figure {
        width: 32%;
    }

    #profile .interview .txtBox {
        width: 65%;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
    #profile .interview {
        display: block;
    }

    #profile .interview figure {
        width: 50%;
        margin: auto;
    }

    #profile .interview .txtBox {
        width: 100%;
        margin-top: 1em
    }
}



/*====================================================
     //id inq
====================================================*/
#inq {
    background: rgba(255, 255, 255, 0.7);
    position: relative;
}

#inq h5 {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: .5em;
}

#inq dl {
    margin-bottom: 1em;
}

#inq .linkBox {
    text-align: center;
}

#inq .linkBtn {
    margin: .5em auto;
}

#inq .tel_link {
    font-size: 1.6rem;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    #inq dl {
        display: block;
        text-align: center;
        margin-bottom: 1em;
    }

    #inq dt {
        font-size: 1.8rem;
        margin: 0 .5em;
    }
}

@media screen and (min-width:480px) and (max-width:769px) {}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    #inq .innerBox {}

    #inq h5 {
        font-size: 2.8rem;
    }

    #inq dl {
        justify-content: center;
        align-items: center;
    }

    #inq dt {
        font-size: 2.0rem;
        margin: 0 .5em;
    }

    #inq dd {
        margin: 0 .5em;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {}



/*====================================================
     //id snsBox
====================================================*/
#snsBox.flexBox {
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

#snsBox .snsBtn {
    margin: 0 8px;
    align-items: center;
}

#snsBox .fb-like {
    margin: 8px 0 0;
}

#snsBox .twitter-btn {
    margin-left: 0;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 579px) {
    #snsBox.flexBox {
        max-width: 300px;
    }

    #snsBox .snsBtn {
        margin-bottom: 6px;
    }
}

@media screen and (min-width:580px) and (max-width:769px) {}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    /* #snsBox .fb-like {
        margin-top: -2px;
    } */
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {}


/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {}

@media screen and (max-width:480px) {}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {}

@media screen and (min-width:1300px) {}