/*======================
	// note common
===========================*/

ul.linkbtn_blue {
    font-size: 14px;
    padding-top: .5em;
}

ul.linkbtn_blue a {
    padding: 0.3em 1em;
    color: #fff;
    background: #2e9fc3;
    border-radius: 1em;
}

ul.linkbtn_blue a:hover {
    background: #0d82a7;
    text-decoration: none;
}

.indent_blue {
    margin-right: 0.5em;
    font-size: 1.2rem;
    color: #2e9fc3;
}

.indent_red {
    margin-right: 0.5em;
    font-size: 1.2rem;
    color: #bc0601;
}

.attention {
    padding-top: 1em;
    font-size: 1.1rem;
}

.mobHidetxt {
    display: none;
}

s {
    color: #aaa;
}


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

@media print,
screen and (max-width: 768px) {
    ul.linkbtn_blue .place-link {
        width: 80%;
        margin: auto auto .25em;
        display: block;
        text-align: center;
    }
    /* mobile end */
}



/*============================
	anchor
===========================*/

#contents a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}


.back-to-top {
    text-align: center;
    margin-bottom: 2em;
}

.back-to-top a {
    color: #fff;
    background: #9e0905;
    padding: .25em 1em;
    display: inline-block;
    border-radius: 2em;
}

.back-to-top a:hover {
    background: #d42722;
}

a.line {
    text-decoration: underline;
}

a.red {
    color: #ff1818;
}

a.red:hover {
    color: #ff7b7b;
}

a.blue {
    color: #ff1818;
}

a.blue:hover {
    color: #ff7b7b;
}

a .arrow {
    margin-right: 0.5em;
    background: #9e0905;
    color: #fff;
    padding: 0 0.3em;
    border-radius: 0.2em;
}

a:hover .arrow {
    background: #9e0905;
}



/*============================
	// note fonts .fonts
===========================*/

.wf-sawarabigothic {
    font-family: "Sawarabi Gothic";
}

.wf-roundedmplus1c {
    font-family: "Rounded Mplus 1c";
}

.en {
    font-family: "Times New Roman", Times, serif;
}

.orange {
    color: #ff570d;
}

.green {
    color: #2e7200;
}

.blue {
    color: #2e9fc3;
}

.pink {
    color: #ff6464;
}


.purple {
    color: #a83eea;
}

#contents {
    background: url(../img/bg_title.png) repeat;
}

#contents .contents_inside {
    margin: 0 auto;
}



/*====================================================
	// id #title
=====================================================*/

#title {
    max-width: 1080px;
    padding: 0 0 1em 0;
    margin: auto;
    text-align: center;
    position: relative;
}

#title h1 {
    width: 96%;
    margin: auto auto 3em;
    padding: 1.5em 0 0 0;
    text-align: center;
    position: relative;
}


.h1_pc {
    display: block;
}

.h1_mob {
    display: none;
}


#title h1 img {
    width: 100%;
    max-width: 1027px;
}

#lead_copy p {
    margin-bottom: 0;
}

#lead_copy .first-copy-row {
    margin-bottom: 2.5em;
    text-align: center;
}

#title p.date {
    font-size: 30px;
    width: 100%;
    text-align: center;
    color: #c90500;
    display: block;
    line-height: 1.4;
    margin-top: -1em;
}

#title #lead_copy {
    text-align: center;
    line-height: 1.7;
    margin-bottom: 0;
    padding: 2em 1em 1em;
    background: #fff;

    border-radius: 0.5em;
}

#title #lead_copy p {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}



@media print,
screen and (max-width: 1024px) {
    /* ////////// mobile ////////// */
    #title {
        width: 100%;
        padding: 1em 0;
        padding-bottom: 2em;
        background: url(../img/bg_title.png) repeat;
        text-align: center;
    }
    #title h1 {
        width: 80%;
        margin: auto auto 1em;
        padding: 0;
    }




    #title h1 img {
        width: 100%;
    }
    #title p.date {
        font-size: 2.4em;
    }
    #title #lead_copy {
        width: 95%;
        margin: auto;
        padding: 1.5em 5% 0.5em 5%;
        background: #fff;
        border-radius: 0.5em;
        line-height: 1.3;
        text-align: left;
    }

    #lead_copy p {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 1em;
    }

    #lead_copy .first-copy-row {
        margin-bottom: 1.5em;
    }


    /* mobile */
}


@media print,
screen and (max-width: 768px) {
    /* //////////////////// 768 ///////////////////// */
    #title p.date {
        font-size: 20px;
        margin-top: -2em;
    }


    .h1_pc {
        display: none;
    }
    .h1_mob {
        display: block;
    }

}





/*=========================
	outline
============================*/

#outline {
    width: 100%;
    padding: 1em 0;
    background: #ffac67;
}

#outline .inside {
    width: 98%;
    width: 1080px;
    padding: 3em 5%;
    margin: auto;
    background: #fff;
    border-radius: 0.5em;
}

#outline .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
/*    align-items: center;*/
    /**/
    margin-bottom: 2em;
}


#outline .row.center{
     align-items: center;
}

#outline h4.outline {
    width: 10%;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-right: 2.5%;
    padding: 1.2em 0;
    background: #bc0601;
    border-radius: 2em;
}

#outline .txtbox {
    width: 85%;
    font-size: 16px;
    margin-top: 0.5em;
}

#outline .txtbox p {
    margin-bottom: 0.5em;
}

#outline .txtbox ul {
    margin-bottom: 1em;
}

#outline .first_size {
    font-size: 24px;
}


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

@media print,
screen and (max-width: 1024px) {
    #outline {
        width: auto;
        padding: 1em 0;
    }
    #outline .inside {
        width: 92%;
        margin: auto;
        padding: 1em 1.5%;
    }

    #outline .row {
        display: block;
    }

    #outline h4.outline {
        width: auto;
        font-size: 1.0rem;
        letter-spacing: 0.1em;
        line-height: 1.6;
        margin: auto auto .5em;
        padding: 0.5em;
        border-radius: 0.2em;
    }
    #outline .first_size {
        font-size: 1.2rem;
    }
    #outline .txtbox {
        width: 95%;
        font-size: 16px;
        margin: auto auto 2em auto;
    }

    #outline .txtbox p {
        font-size: 14px;
    }

    /* mobile */
}

/*====================================================
	#eventDate
=====================================================*/

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

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

    #eventDate.row {
        margin-bottom: 0;
    }
    /* mobile end */
}



/*=====================================
	// id #special
=======================================*/

#special {
    margin-bottom: 3em;
    padding: 1em 5%;
    box-shadow: 0 0 0.5em 0 #999;
}

#special h4 {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #bc0601;
    margin-bottom: .25em;
    padding: .5em 0 0;
}

#special .highlight_box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
    padding: 1.5em 2.5% 1em 2.5%;
    border-radius: 1em;
}

#special .highlight_box h5 {
    margin-bottom: .5em;
}

#special .txt {
    width: 88%;
    margin-bottom: 0.3em;
    padding-top: 0.8em;
}

#special .highlight_box ul {
    margin-bottom: 0.2em;
}

#special .highlight_box li {
    text-align: left;
    margin-bottom: .25em;
}

#special .number {
    width: 10%;
    color: #fff;
    font-size: 26px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin-bottom: 0;
}

#special .number span {
    padding: 0 5% .25em;
    display: block;
    border-radius: 2em;
}

#special .number_blue span {
    background: #2e9fc3;
}

#special .number_green span {

    background: #2e7200;
}

#special .number_yellow span {
    background: #ff570d;
}

#special .number_pink span {
    background: #ff6464;
}

#special .highlight_yellow {
    /*    background: url(../img/stripe_yellow.png) repeat #fff8b7;*/
    background-image: linear-gradient( -45deg,
    #fffcdb 25%,
    #fff8b7 25%, #fff8b7 50%,
    #fffcdb 50%, #fffcdb 75%,
    #fff8b7 75%, #fff8b7);
    /* 幅8px、高さ8pxで背景画像のサイズを指定 */
    background-size: 25px 25px;
}

#special .highlight_green {
    background-image: linear-gradient( -45deg,
    #f0fde0 25%,
    #e6fbcb 25%, #e6fbcb 50%,
    #f0fde0 50%, #f0fde0 75%,
    #e6fbcb 75%, #e6fbcb);
    /* 幅8px、高さ8pxで背景画像のサイズを指定 */
    background-size: 25px 25px;
}

#special .highlight_blue {
    background-image: linear-gradient( -45deg,
    #e9f8fd 25%,
    #dbf3fb 25%, #dbf3fb 50%,
    #e9f8fd 50%, #e9f8fd 75%,
    #dbf3fb 75%, #dbf3fb);
    /* 幅8px、高さ8pxで背景画像のサイズを指定 */
    background-size: 25px 25px;
}

#special .highlight_pink {
    background: url(../img/stripe_pink.png) #ffe7e7;
}


#special .read_more li {
    padding: 0.2em 2em;
    color: #fff;
    border-radius: 1em;
    cursor: pointer;
}

.highlight_blue .read_more li {
    width: 7em;
    background: #2e9fc3;
}


.highlight_blue .inner {
    background: rgba(255, 255, 255, 0.6);
    border: #2e9fc3 thin dotted;
    margin: auto 15px 0.5em 15px;
    padding: 1em;
}

#special .highlight_green dl {
    font-weight: bold;
    text-align: left;

}

#special .highlight_green dt {
    width: 8em;
    color: #fff;
    text-align: center;
    margin-bottom: .5em;
    padding: .25em .5em .25em;
    border-radius: .2em;
    background: #2e7200;
    display: inline-block;
}

#special .highlight_green .sub_list dl {}

#special .highlight_green .sub_list dt {
    width: auto;
    color: #000;
    margin-bottom: 0;
    padding: 0;
    background: none;

}

#special .highlight_green .sub_list dd {
    line-height: 1.5;
    margin-bottom: 2em;
}

#special .highlight_green .sub_list ul {
    line-height: 1.3;
    padding-top: .5em;
}

#special .highlight_green dd {
    margin-left: 1em;
    margin-bottom: 1em;
}


@media screen and (min-width: 769px) {
    /* ///////// pc /////////// */
    #special .pc_largesize {
        font-size: 18px !important;
    }
}


/* // note #special max 1023 */

@media print,
screen and (max-width: 1023px) {
    #special {
        width: 100%;
        margin: auto;
        padding: 0 2.5% 1em;
        text-align: center;
        margin-bottom: 2em;
    }
    #special h4 {
        font-size: 2.0rem;
    }

    #special p {
        font-size: 14px;
    }

    #special .highlight_box {
        font-size: 14px;
        width: 100%;
        margin: auto auto 1em;
        padding: 1em 2.5% 1em 2.5%;
        display: block;
    }
    #special .number {
        font-size: 22px;
        width: 25%;
        margin: auto;
        text-align: center !important;
    }
    #special .txt {
        width: 100%;
    }

    #special .highlight_box h5 {
        text-align: center;
    }
    #special .highlight_box p {
        text-align: left;
    }

    #special .highlight_box dt {
        width: 8em;
        display: inline-block;
        padding: 0;
    }

    #special .highlight_green dd {
        margin-left: 0;
    }

    /* mobile end */
}





/*====================================================
	#place
=====================================================*/

#place .txtbox p {
    margin-bottom: 0.2em;
}


/*====================================================
	#part
=====================================================*/

#part dt {
    padding: 0.2em 1em 0.1em 1em;
    background: #d1f4ff;
    border-radius: 1em;
}

#part dt {
    display: inline;
}

#part dd {
    margin-bottom: 1.5em;
    padding-top: 0.5em;
    padding-left: 1em;
}

#part dd:last-child {
    margin-bottom: .5em;
}

#part .notice {
    font-size: 1.4rem;
    padding: 0 0 0 0;
    display: block;
}

#part p.over {
    padding-top: 1.6em;
    color: #f00;
}


#instruments ul {
    margin-left: 1em;
    margin-bottom: 0 !important;
}

#instruments ul li {
    font-weight: bold;
    margin-bottom: .5em;
    display: inline-block;
}

#instruments ul.small li {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}

#instruments ul li::after {
    content: '\a0\FF0F\a0';
}

#instruments ul li:last-child::after {
    content: none;
}

#instruments ul.small li::after {
    content: none;
}

#songs li {
    margin-bottom: .5em;
}


@media print,
screen and (max-width: 768px) {
    /* ///////// mobile /////////// */
    #part h4.outline {
        margin-bottom: .75em;
    }
    #part dl {
        width: 95%;
        margin: auto;
        line-height: 1;
    }
    #part dt {
        font-size: 16px;
        display: inline-block;
        margin-bottom: .25em !important;
    }
    #part dd {
        margin-bottom: 0;
        padding-left: 0;
        padding-top: .5em;
    }
    #instruments ul {
        margin-left: 0;
        margin-bottom: .5em !important;
    }
    #instruments ul li {
        font-size: 15px;
    }

    #instruments ul.small {
        margin-bottom: 2em !important;
    }

    #instruments ul.small li {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: .5em;
    }
    #songs li {
        font-size: 16px;
    }

    #songs ul.sub li {
        font-size: 14px;
    }

}



/*====================================================
	#price
=====================================================*/

#price dt {
    font-weight: bold;
    margin-bottom: .25em;
}

#price dd {
    margin-left: 2em;
    margin-bottom: 1em;
}






@media print,
screen and (max-width: 768px) {
    #price dt,
    #price dd {
        font-size: 16px;
    }
    /* mobile end */
}



/*====================================================
	#apply
=====================================================*/

#apply {
    padding: 3em 2.5%;
    text-align: center;
    border: #aaa thin solid;
}

#apply.row {
    display: block;
}

#apply .txt-sns {
    font-size: 13px;
    margin-bottom: 3em;
}

#apply p.title {
    font-size: 18px;
    margin-bottom: 2em;
}




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

@media print,
screen and (max-width: 1024px) {
    #apply {
        width: 90%;
        margin: auto;
        padding: 2em 5%;
    }
    #apply ul {
        width: 80%;
        margin: auto;
        text-align: center;
    }
    #apply p.title {
        text-align: center;
        font-size: 15px;
        margin-bottom: 2em;
    }
    /* mobile end */
}



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

@media print,
screen and (max-width: 768px) {
    #apply {
        width: auto;
    }
    #apply ul {
        width: auto;

    }
}


/*====================================================
	ul.apply
====================================================*/

ul.apply li a {
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 0.2em;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(#9b0400), to(#ea0500));
    background: -webkit-linear-gradient(top, #9b0400, #ea0500);
    background: -moz-linear-gradient(top, #9b0400, #ea0500);
    background: -o-linear-gradient(top, #9b0400, #ea0500);
    background: linear-gradient(to bottom, #9b0400, #ea0500);
    box-shadow: 0 5px 8px 0 #aaa;
}


#notice {
    margin-bottom: 3em;
}


@media print,
screen and (max-width: 768px) {
    /* ///////// mobile /////////// */
    #notice p {
        width: 90%;
        margin: auto;
    }

}


/*====================================================
// id #past
=====================================================*/

#past {
    margin: 3em 0;
}

#past .past_inside {
    width: 95%;
    margin: auto;
}

#past .row {
    margin-bottom: 1em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /**/
/*    justify-content: space-between;*/
    flex-wrap: wrap;
}

#past .box {
    width: 33%;
    /**/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /**/
    justify-content: space-between;
}


#past figure {
    width: 35%;
    border: #fff medium solid;
    box-shadow: 0 0 .5em 0 #aaa;
}

#past figure img {
    width: 100%;
    margin-bottom: -.3em;
}

#past .box ul {
    width: 58%;
}

#past .box li {
    margin-left: .3em;
    padding-top: .5em;
}

#past a {
    text-decoration: underline;
}


@media print,
screen and (max-width: 1024px) {
    /* ////////// mobile ////////// */
    #past .past_inside {
        width: 95%;
        margin: auto;
    }
    #past .row {
        width: auto;
        display: block;
    }
    #past .box {
        width: auto;
        margin-bottom: 1em;
    }
    #past figure {
        width: 20%;
        border: #fff medium solid;
        box-shadow: 0 0 .5em 0 #aaa;
    }
    #past .box ul {
        width: 75%;
    }
    /* mobile end */
}



/*====================================================
.movie
=====================================================*/

.movie {
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
}

.movie-insidebox {
    width: 560px;
    margin: auto;
}

.movie iframe {
    width: 560px;
    height: 315px;
    margin: auto;
}



@media print,
screen and (max-width: 640px) {
    /* //////////////////// 768 ///////////////////// */
    .movie-insidebox {
        width: 90%;
        ;
    }
    .movie iframe {
        width: 240px;
        height: 135px;
    }
}

/*===============================
// id #kichi-inq
===============================*/

/*

#kichi-inq li {
    margin-bottom: .5em;
}
*/

/*====================================================
#banner-area
=====================================================*/

#banner-area {
    text-align: center;
    margin: auto auto 0;
}


#banner-area a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

@media screen and (min-width: 1025px) {
    /* //////////////////// pc ///////////////////// */
    #banner-area {
        width: 720px;
    }
}



@media print,
screen and (max-width: 1024px) {
    /* //////////////////// mobile ///////////////////// */
    #banner-area {
        width: 95%;
        padding: 2em 0;
    }
}








/*====================================================
	bnr_kaitori
=====================================================*/

ul#bnr_kaitori {
    margin: auto;
    text-align: center;
}


/*====================================================
	#report / #listen
=====================================================*/

#report,
#listen {
    margin-bottom: 3em;
}

#report h3 .en,
#listen h3 .en {
    color: #c11712;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

#report h3,
#listen h3 {
    border-bottom: #c11712 2px solid;
    line-height: 1.4;
}

#report .photo_box {
    text-align: center;
}

.note_line {
    margin-left: auto;
    margin-right: auto;
    background: url(../img/note_line.png) repeat;
    /*    border: #f00 thin solid;*/
}

#report_title {
    position: relative;
}

#report #head_lead .block {
    display: block;
}

#report .figurebox {
    padding: 1em 0 2em 0;
}

#report .figurebox figure {
    text-align: center;
}

#report p,
#listen p {
    /*    font-size: 1.5rem;*/
    font-size: 15px;
    margin-bottom: 2em;
    padding: 0 1em;
}

#report .youtube,
#listen .youtube {
    text-align: center;
}

#teacher {
    background: #f5ead0;
    border-radius: 1em;
    box-shadow: 3px 3px 5px 0 #aaa;
}


.t_img_mob {
    display: none;
}

.t_img_pc {
    display: block;
}

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

#teacher dt {
    font-weight: bold;
    margin-bottom: 0.5em;
}

#teacher ul {
    text-align: right;
}

#teacher a {
    color: #fff;
    padding: 0.3em 2em;
    background: #a77441;
    border-radius: 2em;
}

#teacher a:hover {
    background: #a7571d;
}




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

@media screen and (min-width: 1025px) {
    #report_title {
        width: 990px;
        margin: auto;
        padding-bottom: 1em;
    }
    #report_title h1 {
        padding: 45px 0 0 45px;
        float: left;
    }


    #report_title h1.svg {
        width: 580px;
        padding: 45px 0 0 45px;
    }


    #report_title h1 img.svg {
        width: 100%;
        max-width: 600px;
    }

    #report_title #main_img_pc {
        margin-right: 30px;
        float: right;
    }

    #report_title #main_img_pc_2 {
        margin-right: 0;
        float: right;
    }

    report_title #lead_copy {
        margin: 0 30px 15px 30px;
        padding: 15px 30px 15px 30px;
        background: #fff;
        border-radius: 0.5em;
    }
    report_title #lead_copy p {
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 1em;
    }
    #report h3,
    #listen h3 {
        /*        font-size: 2.0rem;*/
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 0.2em;
        border-bottom: #c11712 2px solid;
    }
    #report h3 {
        margin-bottom: 2em;
    }
    #listen h3 {
        margin-bottom: 1em;
    }
    #report h3 .en,
    #listen h3 .en {
        font-size: 44px;
        font-weight: bold;
        line-height: 1.3
    }
    .note_line {
        width: 840px;
        margin-bottom: 60px;
    }
    #report p,
    #listen p {
        font-size: 16px;
        margin-bottom: 1em;
        padding: 0 10px;
    }
    #report figure {
        text-align: center;
    }
    #report .youtube iframe,
    #listen .youtube iframe {
        width: 560px;
        height: 315px;
        text-align: center;
    }
    #teacher {
        margin-bottom: 15px;
        padding: 1em 1.5em;
    }
    
    #teacher a{
        text-decoration: none;
    }
    
    #teacher figure {
        width: 100px;
        float: left;
    }
    #teacher figure img {
        width: inherit;
    }
    #teacher .txtbox {
        width: 680px;
        font-size: 14px;
        float: right;
    }
    
    #toppage_teacher #teacher .txtbox {
        width: 87%;
        font-size: 14px;
        float: right;
    }
    
    /* pc end */
}






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

@media print,
screen and (max-width: 1024px) {
    #report_title h1 {
        width: 80%;
        margin: auto;
    }

    #report_title {
        padding: 1em 0;
        background: url(../img/bg_title.png) repeat;
    }
    #report h3,
    #listen h3 {
        margin: auto 1em 1em;
        font-size: 14.5px;
        font-weight: bold;
        padding-bottom: 0.5em;
        border-bottom: #c11712 2px solid;
    }
    #report h3 .en,
    #listen h3 .en {
        font-size: 36px;
    }
    .note_line {
        width: auto;
    }
    #report #head_lead .block {
        padding: .5em 0 0.25em 0;
    }
    #report .youtube iframe,
    #listen .youtube iframe {
        width: 300px;
        height: 169px;
        text-align: center;
    }
    #teacher {
        /*        width: 85%;*/
        width: 90%;
        margin: auto auto 1em;
        padding: 1em 2.5%;
    }


    .t_img_mob {
        display: block;
    }
    .t_img_pc {
        display: none;
    }


    #teacher figure {
        width: 20%;
        float: left;
    }
    #teacher figure img {
        width: 100%;
    }
    #teacher .txtbox {
        width: 75%;
        font-size: 14px;
        margin-bottom: 0;
        float: right;
    }
    /* mobile end */
}


/*====================================================
	#listen  .programlist
=====================================================*/

#listen .arrow {
    color: #fff;
    padding: 0.1em 1em 0 1em;
    background: #c11712;
    border-radius: 1em;
    /* CSS3草案 */
}

#listen .programlist {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
}

#listen .programlist li a:hover {
    color: #c11712;
}

#listen .programlist li a:hover .arrow {
    background: #e5241e;
}





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

@media screen and (min-width: 1025px) {
    #listen .programlist li {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 0.5em;
        padding-bottom: 0.5em;
        border-bottom: #ccc 1px dotted;
    }
    /* pc end */
}




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

@media screen and (max-width: 1024px) {
    #listen .programlist li {
        font-size: 0.8rem;
        margin-bottom: 0.5em;
        padding: 1em 1em 2em 1em;
        border-bottom: #ccc 1px dotted;
    }
    /* mobile end */
}



/*====================================================
	.arrow
=====================================================*/

.arrow {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.arrow_left_red::before,
.arrow_left_white::before {}

.arrow_left_red::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #c90500;
    border-right: solid 2px #c90500;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}

.arrow_left_white::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}





/*====================================================
	// class .infobox
=====================================================*/

.infobox {
    width: auto;

}

.infobox h3 {
    margin-bottom: 0.5em;
    border-bottom: #9e0905 2px solid;
}

.infobox p,
.infobox ul {
    font-size: 14px;
    margin-bottom: 1em;
}

.infobox ul.link li {
    margin-bottom: 0.5em;
}

.kichi-website {
    padding-top: 2em;
}

.kichi-website li {
    display: inline-block;
}



.kichi-link a {
    color: #fff;
    padding: .3em 1em;
    border-radius: .2em;
}

.kichi-link a:hover {
    text-decoration: none;
}

.kichi-link a {
    color: #fff;
    padding: .3em 1em;
    border-radius: .2em;
}


.center-link a {
    background: #9e0905;
}

.fb_link a {
    background: #3b5998;
}

.tw_link a {
    background: #54abed;
}

#hall_map {
    width: 300px;
    height: 250px;
    float: left;
}

#hall_map iframe {
    width: 300px;
    height: 250px;
}

.infobox h3 {
    font-size: 20px;
    font-weight: bold;
}

.infobox h4 {
    font-size: 2.0rem;
}

.infobox .txtbox_right {
    width: 650px;
    padding-top: 15px;
    float: right;
}

/*
.kichi-website li:first-child {
    margin-right: 1em;
}
*/

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

    /* ////////// mobile ////////// */
    #hall_map {
        margin: auto auto 1em;

    }
    .infobox {
        padding: 0 1em;
    }
    .infobox h3 {
        font-size: 16px;
    }
    .infobox h4 {
        font-size: 18px;
        line-height: 1.3;
    }

    .kichi-website li {
        text-align: center;
        margin-bottom: .5em;
        display: block;
    }

    .kichi-website li a {
        display: block;
    }
}

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

    .kichi-website li:first-child {
        margin-right: 0;
    }
    .center-link a {
        display: block;
    }
    .fb_link a {
        display: block;
    }
}