/*====================================================
    // overwrite
====================================================*/





/*====================================================
    //ID #contents
====================================================*/







.inner_box {
    width: 96%;
    max-width: 1080px;
    margin: 40px auto;
    position: relative;
}

.white_box {
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
}

.inb {
    display: inline-block;
}

.circle_mark {
    display: inline-block;
    border: solid 1px;
    font-size: .8em;
    line-height: 1.0;
    padding: .2em .5em .2em;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    margin-right: .5em;
    margin-top: -2em;
    vertical-align: baseline;
}

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

.markerline {
    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;
}

ul.attention {
    margin-top: .4em;
}

ul.attention li {
    font-size: .8em;
    line-height: 1.4;
    padding-left: 1em;
    position: relative;
    color: #000;
}

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

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    .inb-mob {
        display: inline-block;
    }

    .white_box {
        padding: 24px 3%;
    }

    .d_noneMOB {
        display: none;
    }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    .inb-pc {
        display: inline-block;
    }

    .white_box {
        padding: 24px;
    }
}

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

    .inb-pc {
        display: contents;
    }

}

/*====================================================
    //ID #contents
====================================================*/
#contents {
    background: #f7f3e2 url(../img/bg.png);
    display: table;
    width: 100%;
    position: relative;
}

#contents p {
    margin: .8em 0;
}

#contents img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}

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

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

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



/*====================================================
     //ID #title
====================================================*/
#title {
    position: relative;
}

#report #title {
    margin-bottom: 20px;
}


#report.report_member #title .none {
    display: none;
}


#report #title .notice {
    font-size: 1.3rem;
    text-align: left;
    background: #fff8f8;
    padding: 15px 15px;
    line-height: 1.5;
    display: block;
}

#report #title .notice .red {
    color: #f00;
}


#contents {
    position: relative;
}

#contents:before {
    position: absolute;
    display: block;
    content: '';
    background: url(../img/titleImg.png) no-repeat top right;
    /*    background: #fbffa2;*/
    background-size: contain;
    width: 98%;
    max-width: 1200px;
    height: 611px;
    top: 20px;
    right: 0;
    left: 0;
    margin: auto;
    /*    left: 0;*/
    /*    margin: auto;*/
}

#h1_box {
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 875px;
}

#h1_box img {
    position: relative;
}

#h1_box img.titleNo {
    margin-bottom: 10px;
}

#h1_box img.titleDate {
    display: block;
    margin: 10px 0 0 auto;
    width: 200px;
}

#h1_box h1 {
    position: absolute;
    z-index: -10;
}

#lead_copy {
    position: relative;
    text-align: center;
}

#lead_copy:before {
    position: absolute;
    content: '';
    display: block;
    width: 8%;
    height: 80px;
    background: url(../img/deco2.png) no-repeat bottom left;
    background-size: contain;
    bottom: 78%;
    left: 8%;
}

#lead_copy:after {
    position: absolute;
    content: '';
    display: block;
    width: 15%;
    height: 80px;
    background: url(../img/deco1.png) no-repeat bottom right;
    background-size: contain;
    bottom: -26px;
    right: 6%;
}

#lead_copy.white_box {}

#lead_copy .h2_box {
    text-align: center;
}

#lead_copy h2 {
    color: #be3838;
    font-weight: bold;
    text-align: center;
    position: relative;
    /*    display: inline-block;*/
    /*    width: 6em;*/
    margin: auto;
    line-height: 1.3;
}

#lead_copy h2:before,
#lead_copy h2:after {
    position: absolute;
    content: '';
    display: block;
    border-top: solid 1px;
    border-bottom: solid 1px;
    width: 1em;
    height: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#lead_copy h2:before {
    left: -1.5em;
}

#lead_copy h2:after {
    right: -1.5em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 900px) {
    #title #h1_box {
        width: 90%;
        margin: auto;
    }

    #contents:before {
        width: 35%;
        right: 1%;
        left: auto;
    }

    #h1_box img.titleNo {
        width: 40%;
    }

    #h1_box img.titleDate {
        width: 50%;
        margin: 10px auto 0;
    }

    #lead_copy {
        margin-top: 20px;
    }

    #lead_copy h2 {
        font-size: 2.6rem;
    }

    .lead_photo img {
        display: block;
        margin: 10px auto 0;
    }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 900px) {
    #title #h1_box {
        text-align: left;
        display: inline-block;
        margin-top: 20px;
    }

    #lead_copy {
        width: 82%;
        max-width: 875px;
        margin-top: 30px;
        font-size: 1.6rem;
        text-align: center;
        padding-left: 6%;
        padding-right: 6%;
    }

    #lead_copy:before {
        left: 2%;
        top: 10px
    }

    #lead_copy:after {
        bottom: 10px;
        right: 2%;
    }

    #report #title #h1_box:before {
        top: -20px;
        right: -2%;
    }

    #lead_copy h2 {
        font-size: 3.0rem;
    }

    #report #lead_copy {
        text-align: center;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:900px) and (max-width:959px) {
    #title #h1_box:before {
        width: 30%;
        top: 90%;
    }

    #report #lead_copy {
        /*        text-align: left;*/
    }

    #lead_copy:after {
        bottom: -10px;
        right: 2%;
    }
}



/*====================================================
     // ID #event_detail
====================================================*/
#event_detail .txt_box .mark {
    text-align: center;
    line-height: 1.8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    /*    background: #c49f86;*/
    background: #987964;
    color: #fff;
    font-weight: bold;
    font-size: .9em;
}

#event_detail .txt_box {
    margin-bottom: 1em;
}

#event_detail .txt_box dd {
    /*    line-height: 1.4;*/
}

#event_detail .txt_box dd:first-of-type {
    padding-top: 3px;
}

#event_detail .link_box {
    padding-left: 10px;
}

#event_detail .link_box a:hover {
    text-decoration: none;
}

#event_detail .map {
    padding: 5px 5%;
}

#event_detail .ticket_end {
    font-weight: bold;
}

.tel_link {
    font-size: 1.5em;
}



.fee_change {
    font-size: 1.4rem;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    #event_detail .txt_box {
        margin-bottom: 1.5em;
    }

    #event_detail .txt_box .mark {
        margin-bottom: .5em;
        font-size: 0.9em;
    }

    #event_detail .txt_box dd {
        width: 96%;
        margin: auto;
    }

    #mainBody section #event_detail h2 {
        font-size: 1.3rem;
    }

    #event_detail .outer_box {
        margin-left: 0;
        margin-right: 0;
    }

    #event_detail .button {
        margin-top: 1em;
        padding: 1em;
    }

    .fee_change {
        font-size: 1.1rem;
        line-height: 1.3;
        display: block;
    }


}

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

    #event_detail .txt_box dt {
        float: left;
    }

    #event_detail .txt_box .mark {
        width: 130px;
        margin-right: 10px;
        /*        font-size: 0.8em;*/
        vertical-align: 1px;
    }

    #event_detail .txt_box dd {
        margin-left: 140px;
    }

    #event_detail .button {
        margin-top: 1em;
        font-size: 2.0rem;
        padding: .8em;
    }
}

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


#view .white_box {
    position: relative;
}

#view .white_box:before {
    position: absolute;
    content: '';
    display: block;
    width: 8%;
    height: 70px;
    background: url(../img/deco4.png) no-repeat bottom left;
    background-size: contain;
    bottom: 24px;
    right: 5%;
}

#view .white_box:after {
    position: absolute;
    content: '';
    display: block;
    width: 8%;
    height: 60px;
    background: url(../img/deco3.png) no-repeat bottom right;
    background-size: contain;
    bottom: 10px;
    right: 15%;
}

#view p {
    font-size: 1.5rem;
    text-align: center;
    width: 96%;
    margin-left: auto;
    margin-right: auto;

}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    #view p {
        text-align: left
    }
}



/*====================================================
    //ID #apply
=====================================================*/
#apply .button.color-primary {
    width: 70%;
    margin: 0;
    background: #be3838;
    border: 1px solid #be3838;
}

@media print,
screen and (max-width: 640px) {
    #apply .button.color-primary {
        width: 100%;
    }
}




/*====================================================
    //ID #apply_viewing
=====================================================*/





#apply_viewing .button.color-primary {
    width: 20em;
    margin: 0 auto;
    background: #b78d26;
    border: 1px solid #b78d26;
}

@media print,
screen and (max-width: 640px) {
    #apply_viewing .button.color-primary {
        width: 100%;
    }
}





/*====================================================
    //ID #sns_sharebox
=====================================================*/

#sns_sharebox {
    display: table;
    width: 100%;
    position: relative;
    z-index: 20;
}

#sns_sharebox li {
    padding: 0.5em 0;
    text-align: center;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    border-radius: 0.5em;
    display: inline;
    float: left;
    line-height: 1.4;
}

#sns_sharebox a {
    color: #fff;
    padding: 0 1em 0 1em;
    display: block;
}

#sns_sharebox li:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

#sns_sharebox a:hover {
    text-decoration: none;
}

#sns_sharebox #fb_share {
    background: #3b5998;
}

#sns_sharebox #tweet {
    background: #55acee;
}

#sns_sharebox #line {
    background: #1dcd00;
}



/* ////////// mobile ////////// */

@media screen and (max-width: 768px) {
    #sns_sharebox {
        width: 100%;
        background: #fff;
        font-size: 1.3rem;
        padding: 0;
        background: transparent;
        padding-top: 0;
    }

    #sns_sharebox li {
        width: 32%;
        margin-right: 2%;
    }

    #sns_sharebox li:last-child {
        margin-right: 0;
    }

    /* mobile end */
}


/* ////////// pc ////////// */

@media screen and (min-width: 769px) {
    #sns_sharebox {
        padding: 0;
        background: transparent;
        width: 100%;
        max-width: 1200px;
    }

    #sns_sharebox li {
        width: 32%;
        margin-right: 2%;
    }

    #sns_sharebox li:last-child {
        margin-right: 0;
    }

    /* pc end */
}




/*====================================================
     
====================================================*/

.flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.yt_outer {
    width: 80%;
    height: 80%;
    margin: 1em auto 0;
}

.yt {
    position: relative;
    height: 0;
    padding: 0px 0 56.3%;
    overflow: hidden;
}

.yt iframe {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}




/*====================================================
     //id #report
====================================================*/
#login {
    border-top: dotted 1px;
}

input,
button,
textarea,
select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form input[type="text"],
.form input[type="password"] {
    outline: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    border: solid 1px;
    border-color: #ccc;
    padding: .5em 1em;
    position: relative;
    background: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
}

.form input[type="text"]:focus,
.form input[type="password"]:focus {
    box-shadow: 0 0 5px #ccc;
}

::-webkit-input-placeholder {
    font-size: 1.2rem;
}

.form input[type="submit"],
.form button[type="submit"] {
    color: #fff;
    background: #cc8846;
    line-height: 1.3;
    padding: .6em 1em;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    font-size: 1.4rem;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

.form input[type="submit"]:hover,
.form button[type="submit"]:hover {
    background: #e5a560;
}

.form label {
    font-size: 1.2rem;
    cursor: pointer;
    display: inline-block;
    margin-left: 2em;
}

.form input[type="checkbox"]#enterCheck {
    display: none;
}

#contents .form label img {
    width: auto;
    height: 1.2em;
    display: inline-block;
    margin: -.2em 0 0 .5em;
}

#report #lead_copy ul.markList {
    text-align: left;
    display: inline-block;
    font-size: 1.2rem;
    margin-top: .5em;
}

#reportDetail {
    position: relative;
    margin: 30px 0;
}

#reportDetail .player_box {
    padding: 16px;
    box-shadow: 0 0 10px #ed5f00;
    background: #fff;
    border: solid 1px;
    border-color: #ed5f00;
}

#reportDetail .h3Box {
    width: calc(100% + 10px);

}

#reportDetail h3 {
    display: inline-block;
    font-weight: bold;
    border: none;
    background: #ed5f00;
    color: #fff;
    padding: .3em 20px .3em 16px;
    margin-left: -16px;
    -webkit-border-top-right-radius: 200px;
    -webkit-border-bottom-right-radius: 200px;
    -moz-border-top-right-radius: 200px;
    -moz-border-bottom-right-radius: 200px;
    -ms-border-top-right-radius: 200px;
    -ms-border-bottom-right-radius: 200px;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    line-height: 1.3;
}

#reportDetail .player_box p:first-of-type {
    font-size: 1.2em;
    line-height: 1.4;

}

#reportDetail .player_box figure {
    margin: auto;
    text-align: center;
    max-width: 320px;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 900px) {
    #report #lead_copy {
        text-align: left;
        font-size: 1.45rem
    }

    #report #lead_copy.white_box {
        padding: 24px 8%;
    }

    #report #lead_copy br {
        display: none;
    }

    #report #login {
        text-align: center;
    }

    #report #login .login-inner {
        display: inline-block;
        text-align: left;
    }

    .form input[type="submit"] {
        padding: .5em 1em;
    }

    #report .form label {
        margin-left: 3em;
    }

    #report .loginAttention li:last-child {
        display: none;
    }

    #reportDetail .player_box {
        width: 100%;
        margin: 10px 0
    }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 901px) {
    #reportDetail .player_box {
        width: 49%;
        margin: 10px 0;
    }

    #reportDetail h3 {
        font-size: 2.3rem;
        font-weight: bold;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:901px) and (max-width:959px) {
    #reportDetail h3 {
        font-size: 1.7rem;
    }
}

#report .asideContact {
    position: relative;
    z-index: 20;
}


/*====================================================
     //class .downloadBox
====================================================*/
.downloadBox {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 18px;
}

#program .programBox-outer .downloadBox .button {
    margin: 0;
    width: 100%;
    max-width: none;
}

.downloadBox button[type="submit"] {
    width: 100%;
}

.download_1 {
    margin: .8em 0 0 1em;
    text-align: left;
    width: 100%;

}

.download_1 .squareMark {
    background: #cbaa8b;
    color: #fff;
    padding: .2em .8em;

}

.download_1 a {
    margin: .3em;
    line-height: 1.3;
    font-size: 1.3rem;
}

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

    .downloadBox,
    .download_1 {
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;
    }

    .downloadBox li {
        width: 100%;
        padding: .3em 0;
    }

    .download_1 .squareMark {
        display: block;
        text-align: center;
        margin-bottom: .3em;
    }

    .download_1 a {
        display: block;
        margin-left: 1em;
    }
}

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

/* ////////// PC ////////// */
@media print,
screen and (min-width: 901px) {
    .downloadBox li {
        flex: 1;
        padding: 0 .5em;
    }

    .download_1 {
        position: relative;
        padding-left: 135px;
    }

    .download_1 .squareMark {
        position: absolute;
        top: -.1em;
        left: 0;
    }
}

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

/*====================================================
     //class .audiojs
====================================================*/
#report .audiojs {
    width: 90%;
    max-width: 460px;
    background: none;
    background: #fff;
    box-shadow: none;
    border: solid 1px;
    border-color: #888;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    /*    width: 90%;*/
    /*    max-width: 440px;*/
    margin: 5px auto 5px 5%;
}

#report .play-pause {
    height: 38px;
    padding: 0;
    width: 36px;
    border-color: #888;
}

#report .audiojs .play,
#report .audiojs .pause {
    position: relative;
    height: 38px;
    background: none;
    width: 36px;
    margin: 0;
}

#report .audiojs .play:before {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    top: -3px;
    bottom: 0;
    right: -15%;
    margin: auto;
    border: solid 14px transparent;
    border-top: solid 7px transparent;
    border-bottom: solid 7px transparent;
    border-left-color: #333;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#report .audiojs .pause:before {
    position: absolute;
    display: block;
    content: '';
    width: 4px;
    height: 16px;
    top: 0;
    bottom: 0;
    left: 0;
    right: -3px;
    margin: auto;
    border-left: solid 4px;
    border-right: solid 4px;
    border-color: #333;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#report .audiojs .play:hover:before {
    border-left-color: #c91717;
}

#report .audiojs .pause:hover:before {
    border-color: #888;
}

#report .audiojs .loaded {
    background-image: none;
    background: #555;
}

#report .audiojs .scrubber {
    border-top: 0;
    width: 64%;
    /*    width: calc(100% - 60px);*/
}

#report .loaded {
    width: 100% !important;
}

#report .time {
    border: none;
}


#report .time,
#report .time .played,
#report .time .duration {
    color: #555;
    font-weight: normal;
    text-shadow: none;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    #report .audiojs .scrubber {
        width: 50%;
    }


}

@media print,
screen and (max-width: 768px) {

    #report .audiojs .time {
        padding-left: 0;
        margin-left: 0;
    }

    #report .audiojs .scrubber {
        width: 45%;
    }

    #report .audiojs {
        margin-left: 0;
    }
}





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

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

/*====================================================
     //id #past_report
====================================================*/
#past_report h4 {
    font-weight: bold;
    font-size: 1.7rem;
    margin-bottom: .5em;
    line-height: 1.4;
}

#past_report figure {
    position: relative;
}

#past_report figcaption {
    position: absolute;
    bottom: .5em;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
}

#past_report .icon-circle-marker-right {
    margin-right: .3em;
}


#past_report li {
    margin-bottom: 10px;
}

#past_report li a i {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #bb7f87;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}


/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    #past_report {
        text-align: center;
    }

    #past_report .flexBox {
        display: block;
    }

    #past_report ul {
        display: inline-block;
        text-align: left;
    }

    #past_report figure {
        width: 70%;
        margin: 1em auto 0;
    }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    #past_report .flexBox {
        max-width: 900px;
        margin: auto;
        align-items: center;
    }

    #past_report .txtBox {
        width: 59%;
    }

    #past_report figure {
        width: 40%;
    }

    /*
	#past_report figure {
		position: absolute;
		transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		width: 300px;
		top: -30px;
		right: 5%;
	}
*/
}

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

.red {
    color: #bf0000;
}

strong.red {
    font-size: 1.3em;
    line-height: 1;
}

#event_detail strong.red {}

ul.markList li {
    position: relative;
    padding-left: 1.2em;
    line-height: 1.3;
    margin-top: .3em;
}

ul.markList li:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}

ul.markList.musicNote li:before {
    content: '\266A';
    font-size: 1.1em;
}

ul.markList.attentionMark li:before {
    content: '\203B';
}

.circleMark {
    display: inline-block;
    border: solid 1px;
    font-size: .9em;
    line-height: 1.0;
    padding: .3em .5em .2em;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    margin-top: -2em;
    vertical-align: 0;
}

.download.icon {
    color: #fff;
    position: relative;
    display: inline-block;
    margin-right: .5em;
    margin-top: .6em;
    vertical-align: -.2em;
    width: 1.3em;
    height: .4em;
    border-radius: 1px;
    border: solid 2px currentColor;
    border-top: none;
}

.download.icon:before {
    content: '';
    position: absolute;
    left: 6px;
    top: -.8em;
    width: 2px;
    height: 10px;
    background-color: currentColor;
}

.download.icon:after {
    content: '';
    position: absolute;
    left: 4px;
    top: -.4em;
    width: 4px;
    height: 4px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}


/*====================================================
     //id #program
====================================================*/
#program #contents:before,
#lead_copy:before,
#lead_copy:after,
#lead_copy h2:before,
#lead_copy h2:after {
    display: none;
}

#program #title #lead_copy {
    max-width: none;
}

#program #lead_copy h2 {
    width: auto;
    display: inline-block;
    line-height: 1.4;
}

#program .programBox dl {
    margin: 1.5em 0;
}

#program .programBox .circleMark {
    background: #f07522;
    border-color: #f07522;
    color: #fff;
    padding: .3em .8em;
    font-weight: bold;
}

#report #program .programBox dt {
    color: #be3838;
    font-weight: bold;
}

#program .programBox dd li {
    line-height: 1.3;
    margin-top: .4em;
}

#program .programBox dd ul.markList.musicNote li.sub {
    margin-left: 1em;
    margin-top: .2em;
}

#program .programBox dd ul.markList.musicNote li.sub:before {
    display: none;
}

#program .programBox .paststage {
    color: #bf0000;
    font-size: 1.3rem;
}

#program .programBox-outer .button {
    width: 80%;
    max-width: 600px;
    margin: 3em auto;
}

#report .programBox-outer {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: dotted 1px;
    border-color: #aaa;
}

#report .programBox-outer:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

#report .programBox .comment {
    margin-top: .5em;
}

#report .programBox .musicNo {
    background: #fffbf0;
    padding: 10px;
    margin-top: 1em;
}

#report .programBox img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;

}

#report .close {
    font-size: 1.6rem;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
    #program #lead_copy h2 {
        font-size: 1.9rem;
    }

    #program .programBox dt {
        font-size: 2.0rem;
        text-align: center;
    }

    #program .programBox dt .circleMark {
        width: 100%;
    }

    #program .programBox .paststage {
        text-align: center;
    }

    #program .programBox dd li {
        font-size: 1.4rem;
    }


    #report .programBox-outer {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    #report .programBox-outer .programBox {
        width: 100%;
    }

    #report #program .programBox dt .circleMark {
        line-height: 1.1;
        font-size: 2.0rem;
        margin-top: 1px;
    }

    #report .programBox-outer .programBox .comment {
        width: 95%;
        max-width: 500px;
        margin: .25em auto 1em;
    }

    #report .programBox-outer .programBox .comment br {
        display: none;
    }

    #report .programBox-outer .programBox .musicNo {
        width: 100%;
        max-width: 400px;
        margin: 1em auto;
    }

    #report .programBox-outer .imgBox {
        width: 80%;
        max-width: 300px;
        margin: auto;
    }
}

@media screen and (min-width:480px) and (max-width:768px) {
    #report #program .programBox dt {
        font-size: 2.2rem;
    }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {
    #program .programBox-outer {
        text-align: center;
    }

    #program .programBox {
        display: inline-block;
        text-align: left;
    }

    #program .programBox dt {
        font-size: 2.2rem;
    }

    #program .programBox dd {
        margin-left: 1.5em;
    }

    #program .programBox dd li {
        font-size: 1.5rem;
    }

    #report .programBox-outer .programBox {
        width: 62%;
    }

    #report .programBox-outer .imgBox {
        width: 34.9%;
    }
}






/*===============
     //id #member_login
================*/



#member_login {
    width: 75%;
    padding: 30px 0;
    background: #fff;
    border-radius: 20px;
}


#member_login h2 {
    font-size: 3.0rem;
    font-weight: bold;
    color: #be3838;
}


#enterpage_message {
    width: 90%;
    margin: auto;
}

#enterpage_message p {
    font-size: 1.6rem;
}

#enterpage_message input.pass {
    margin-right: 10px;
    padding: 3px;
    font-size: 1.6rem;
    border: #999 thin solid;
}


#enterpage_message input.submit {
    padding: 5px 10px;
    font-size: 1.5rem;
    color: #fff;
    background: #9d4753;
    border-radius: 5px;
    vertical-align: bottom;
}


@media print,
screen and (max-width: 768px) {
    #member_login {
        width: 100%;
    }

    #enterpage_message p {
        font-size: 1.4rem;
    }


}