/*====================================================
	overwirte
=====================================================*/


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

    .sub_nav li {
        width: 15%;
        /* width: 24%; */
    }

}




/*====================================================
	// note Media Query
=====================================================*/

#contents {
    background: 0;
    position: relative;
    width: 100%;
    /* padding-top: 0 */
}

.outer_box {
    width: 96%;
    max-width: 1250px;
    margin: auto;
    overflow: hidden
}

.inner_box {
    position: relative
}



/********************* 追加 **********************/

#used-piano {
    display: block;
    width: 50%;
    margin: 4em auto 0;
}


#used-piano p {
    text-align: center;
    font-size: 19px;
    line-height: 1.6;
    font-weight: 700;
    margin: 0.5em 0;
}


#used-piano a {
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.2;
    /* height: 100%; */
    padding: 15px 0;
    /* background: #762D00; */
    background: #e6405e;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    border-radius: 2em;
    font-size: 15px;
}


@media screen and (min-width:1920px) {
    #used-piano {
        display: block;
        width: 30%;
        margin: 4em auto 0;
    }
}


@media screen and (max-width:768px) {
    #contents {
        background-size: 100%
    }
}

@media screen and (min-width:769px) and (max-width:1500px) {
    #contents {
        background-size: 100%
    }
}



@media screen and (max-width:768px) {
    #used-piano {
        width: 85%;
        margin: 2em auto 0;
    }
    
    
    #used-piano p {
        font-size: 15px;
        margin: 0.5em 0;
    }
    
    
    #used-piano a {
        line-height: 1.2;
        padding: 10px 0;
        font-size: 13px;
    }
    
}





#title_lv02 .event_title {
    width: 100%;
    max-width: 75pc;
    margin: 10px auto 0;
    position: relative
}


@media screen and (max-width:768px) {
    #h1_box h1 {
        font-size: 2.2rem
    }

    #title_lv02 .photo_box {
        width: 70%;
        margin: 0 auto 20px;
        max-width: 360px
    }
}

@media print,
screen and (min-width:769px) {
    #title_lv02 .inner_box {
        display: table;
        position: relative
    }

    /* #h1_box h1 {
        font-size: 3rem
    } */

    #title_lv02 .photo_box {
        position: absolute;
        width: 30%;
        bottom: 30px;
        right: 0
    }
}






#leadbox {
    margin-bottom: 0;
    padding: 0.7em 0;
}

#leadbox .lead_txt p {
    text-align: center;
    font-weight: 700;
    line-height: 1.4
}

@media screen and (max-width:768px) {
    #leadbox .lead_txt {
        width: 100%;
        margin: auto
    }

    #leadbox .lead_txt p {
        text-align: left
    }
}

.listOuter {
    background: transparent
}

.listOuter .h3_box {
    position: relative;
    margin: 0;
    /* background-size: cover */
}

dl.spec span.notice {
    font-weight: 700;
    margin-top: 15px;
    display: block
}

dl.spec dd.copy b {
    display: inline-block;
    background: #ff5151;
    color: #fff;
    font-weight: 700;
    padding: 3px 10px 2px
}

#s_piano .h3_box {
    display: none
}

#u_piano dl.spec dd.detailIcon_box .detailIcon {
    background: #a20000;
    font-weight: 700
}

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

    #piano .box_2,
    #piano .box_3 {
        margin-bottom: 20px
    }

    #u_piano {
        margin-top: 20px
    }
}

@media screen and (min-width:769px) {
    #u_piano figure img {
        max-width: 100%
    }
}

.categorybox {
    background-size: 90px
}

@media screen and (max-width:768px) {
    .row {
        width: 100%
    }
}

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

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

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

@media screen and (min-width:769px) {
    .pagelink {
        border-top: dotted 2px;
        border-bottom: 0;
        border-color: #333
    }

    .pagelink:last-child {
        border-bottom: dotted 2px
    }

    .pagelink img {
        width: 75pc;
        margin: 0 auto
    }

    .pagelink a:hover {
        opacity: .7
    }
}





.information {
    border-bottom: dotted 1px #333
}

.information h4 {
    background: #777;
    color: #fff;
    padding: 15px 0 9pt;
    text-align: center;
    text-shadow: 1px 1px 1px #000
}

.information .infoBox div {
    border-bottom: dotted 1px #333;
    margin-bottom: 30px
}

.information .infoBox div:last-child {
    border: 0
}

.information p {
    padding: 0 5%
}

.information b {
    background: rgba(255, 222, 90, .5);
    color: #333;
    padding: 2px 5px 1px;
    line-height: 1.9em
}

.information i {
    font-size: 1.3rem;
    font-style: normal;
    text-align: center
}

@media screen and (min-width:769px) {
    .information {
        border: 0
    }

    .information .infoBox {
        display: flex;
        justify-content: space-between
    }

    .information .infoBox div {
        padding: 2%;
        border-right: dotted 1px #333;
        border-bottom: 0
    }

    .information .infoBox a {
        height: 205px;
        display: block
    }

    .information p {
        font-size: 1.4rem;
        padding: 10px
    }

    .information p b {
        font-size: 1.5rem
    }

    .information a:hover {
        opacity: .7
    }
}

#school .school_off {
    color: #c30125
}

#event .h3_box {
    background: #fd1b55;
    padding: .5em;
    text-align: center
}

#event .inner_box {
    border: solid 2px #fd1b55;
    background: 0
}

#event h3 {
    text-shadow: 0 2px 2px #333;
    color: #fff;
    font-size: 2;
    line-height: 1.4;
    letter-spacing: 2px
}

#event .txt_box {
    padding: 1em 3%;
    width: 100%;
    height: auto
}

#event .txt_box p.date {
    text-align: center;
    font-size: 1.6rem
}

#event .txt_box p.date b {
    font-size: 2.4rem
}

#event .txt_box p.date span {
    color: red
}

#event .txt_box p.date i {
    background: #ccc;
    padding: 5px 15px 3px;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    margin-right: 20px
}

#event .txt_box p.date img {
    width: 80%;
    margin: 10px 0
}

#event .txt_box p.date span {
    font-size: 2rem;
    color: red
}

#event .txt_box p.demo b {
    background: #fcfa6d;
    font-size: 1.6rem;
    text-align: center;
    display: block;
    padding: 2px 0
}

#event .e_link {
    width: 100%;
    text-align: center;
    font-size: 1.2rem
}

#event .e_link a {
    background: #9b0032;
    color: #fff;
    font-size: 1.8rem;
    display: block;
    padding: 7px 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-bottom: -20px
}

@media print,
screen and (min-width:769px) {
    #inc_box .link_btn .incbox_link a {
        width: 300px
    }

    #event .txt_box p {
        font-size: 1.6rem
    }

    #event .txt_box p.date {
        font-size: 2rem;
        text-align: left
    }

    #event .txt_box p.date b {
        font-size: 2.4rem
    }

    #event .txt_box p.demo {
        position: relative
    }

    #event .txt_box p.demo b {
        width: 700px;
        font-size: 2rem
    }

    #event .txt_box p.demo img {
        position: absolute;
        right: 150px;
        top: -5pc;
        width: 200px
    }

    #event .txt_box p.demo span {
        text-align: right;
        display: block;
        margin-right: 380px
    }

    #event .e_link {
        width: 700px
    }

    #event .e_link a:hover {
        background: red
    }
}

.h3_box.used {
    background: 0
}

.piano_fair {
    position: fixed;
    top: 40px;
    right: 0
}

.piano_fair a {
    background: linear-gradient(#fb1629, #7f0210)#7f0210;
    color: #fff;
    display: block;
    padding: 5px .8rem 7px;
    -webkit-border-bottom-left: 10px;
    -webkit-border-bottom-right: 10px;
    -moz-border-bottom-left: 10px;
    -moz-border-bottom-right: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.piano_fair a:hover {
    background: linear-gradient(#f66, #d21d32)#d21d32;
    filter: alpha(opacity=90);
    moz-opacity: .9;
    opacity: .9
}

@media print,
screen and (min-width:769px) {
    .piano_fair {
        top: 70px
    }
}
.mw-1000 {max-width:1000px;}
.mb-50{margin-bottom:50px;}
.mx-auto{margin-left:auto;margin-right:auto;}