#wrapper_head{
    background-image:url(../images/topimage_oshirase.jpg);
}
#side{
    background-image:url(../images/sidephoto_event.jpg);
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center center;
    height:10rem;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    -ms-opacity: 0.3;
    -o-opacity: 0.3;
    opacity: 0.3;
}
#main h3{
    display:inline-block;
    padding:0 1em;
    font-size:1.8rem;
    background-color:#ffcccc;
    line-height:2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
    margin:1rem 0;
}
#main p{
    margin:1rem 0;
}
#main #event_lineup{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
}
#main #event_lineup dl{
    background-repeat:no-repeat;
    background-size:contain;
    background-position:right top;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
    border-radius: 0.8rem;
    margin-bottom:2rem;
}
#main dl.new_event{
    width:auto;
    margin-top:2rem;
    margin-left:1rem;
    padding:20rem 1rem 1rem 1rem;
    border:1px solid #666;
    background-color:#eee;
}
#main dl.new_event dt{
    width:9rem;
    border:1px solid #666;
    padding:3rem 2rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    -ms-border-radius: 10rem;
    -o-border-radius: 10rem;
    border-radius: 10rem;
    text-align:center;
    margin-bottom:0;
    background-color:#fff8c6;
}
#main dl.new_event dt span,
#main dl.new_event dd span{
    display:block;
}
#main dl.new_event dt span:first-child{
    font-size:1.2rem;
}
#main dl.new_event dt span:nth-child(2){
    font-size:2rem;  
}
#main dl.new_event dt span:nth-child(3){
    font-size:1.4rem;  
}
/*開催日が2日ある場合*/
#main dl.new_event dt.double{
    width:11rem;
    border:1px solid #666;
    padding:3rem 2rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    -ms-border-radius: 10rem;
    -o-border-radius: 10rem;
    border-radius: 10rem;
    text-align:center;
    margin-bottom:0;
    background-color:#fff8c6;
}
#main dl.new_event dt.double span{
    display:block;
}
#main dl.new_event dt.double span:first-child{
    font-size:1.2rem;
}
#main dl.new_event dt.double span:nth-child(2){
    font-size:2rem;  
}
#main dl.new_event dt.double span:nth-child(3){
    font-size:2rem;  
}
#main dl.new_event dt.double span:nth-child(4){
    font-size:1.4rem;  
}

#main dl.new_event dd{
    width:calc(100% - 2rem);
    border:1px solid #666;
    padding:1rem;
    margin-top:-2rem;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:right top;
}
#main dl.new_event dd a{
    display:block;
    width:11em;
    text-align:center;
    background-color:#ff3464;
    color:#fff;
    padding:0.5rem 0;
    margin:0.5rem auto 0 auto;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    border-radius: 2rem;
}
#main p.nenyotei a{
    display:inline-block;
    margin-left:1rem;
    border:1px solid #666;
    padding:1rem;
    text-align:center;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
    background-color:#cef3ff;
    color:#000;
}
#main p.nenyotei a:hover{
    text-decoration:none;
    background-color:#72dcff;
}
#main p.nenyotei span{
    display:block;
}
#main section.event{
    padding:2rem 0 3rem 0;
    margin-top:-5rem;
    padding-top:7rem;
}
#main table.event_detail{
    border-collapse: collapse;
}
#main table.event_detail td{
    border:1px solid #666;
    padding:0.5rem;
}
#main table.event_detail tr td:first-child{
    background-color:#fff8c6;
    width:1em;
}
#main table.event_detail tr td:first-child p{
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    white-space: nowrap;
    line-height:1em;
    display:inline-block;
    margin:0 auto;
    letter-spacing:1px;
}
#main table.event_detail tr td span{
    display:block;
}
#main table.event_detail tr:first-child td:last-child{
    text-align:center;
    background-color:#eee;
}
#main table.event_detail img{
    border:1px solid #666;
    width:100%;
    max-width:45rem;
}
#main table.event_detail a{
    color:red;
}
#main table.event_detail p.ktype{
    font-size:24px;
    font-weight:bold;
    color:red;
}
#main table.event_detail p.ktype2{
    font-size:20px;
    font-weight:bold;
    color:red;
}
#main h4.houhou{
    font-size:1.6rem;
    font-weight:bold;
    color:red;
    margin-top:2rem;
}
#main p.setumei{
    margin-left:1em;
}
#main p.form_button{
    margin:3rem 0;
    text-align:center;
}
#main p.form_button a{
    width:13em;
    font-size:1.8rem;
    font-weight:bold;
    border:3px solid #ff4e00;
    background-color:#ffddae;
    color:#ff4e00;
    padding:1rem 2rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
}
#main p.qrcode{
    width:80%;
    margin:2rem auto;
    border:1px solid #ff4e00;
    padding:1em;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
    text-align:center;
    
}
#main p.kakonen{
    margin-bottom:3rem;
}
#main p.kakonen a.nen{
    display:inline-block;
    background-color:#0a9000;
    color:#fff;
    padding:0.3rem 1rem;
    margin:0.6rem 0.3rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    border-radius: 2rem;
    text-decoration: none;
}
#main p.kakonen a.nen:first-child{
    background-color:#ff4e00;
}
#main p.kakonen a.nen:hover{
    background-color:#4fbf46;
}
#main section.nendo{
    
}
#main section.nendo h4{
    background-color:#ff4e00;
    margin-bottom:0;
    padding:0.5rem 1rem;
    display:inline-block;
    color:#fff;
    -webkit-border-radius: ;
    -moz-border-radius: ;
    -ms-border-radius: ;
    -o-border-radius: ;
    border-radius: 1rem 1rem 0 0;
}
#main section.nendo table{
    border-collapse: collapse;
    border:2px solid #ff4e00;
    width:100%;
}
#main section.nendo table th{
    border:1px solid #ff4e00;
    padding:0.5rem;
}
#main section.nendo table td{
    border:1px solid #ff4e00;
    padding:0.5rem;
}
#main section.nendo table th p span{
    display:block;
}
#main section.nendo table td p span{
    display:block;
}
#main section.nendo table tr th:first-child{
    vertical-align: top;
    width:5rem;
}
#main section.nendo table tr th:last-child{
    width:3rem;
}
#main section.nendo table tr td:first-child{
    vertical-align: top;
}
#main section.nendo table tr td:first-child span:first-child{
    font-size:1.2rem;
    color:#999;
}
#main section.nendo table tr td:first-child span:nth-child(2){
    font-weight:bold;
}
#main section.nendo table tr td:last-child span{
    margin:1rem 0;
}
#main section#e24{
    display:none;
}
#main section#e23{
    display:none;
}
#main section#e22{
    display:none;
}
#main section#e21{
    display:none;
}
#main section#e20{
    display:none;
}
#main section#e19{
    display:none;
}
#main section#e18{
    display:none;
}
#main section#e17{
    display:none;
}
#main section#e16{
    display:none;
}
#main section#e15{
    display:none;
}
#main section#e14{
    display:none;
}
#main section#e13{
    display:none;
}
#main section#e12{
    display:none;
}
#main section#e11{
    display:none;
}
.torikesi{
    text-decoration: line-through;
}
.gray{
    color:#CCC;
}

@media screen and (min-width: 600px) {
    
    #side{
        background-size: contain;
        background-position:0 16rem;
        height:auto;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }
    #main table.event_detail tr td span{
        display:inline-block;
    }
    #main table.event_detail tr td:first-child{
        text-align:center;
    }
    #main table.event_detail tr td:first-child p{
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        white-space: nowrap;
        display:inline-block;
        letter-spacing:0;
    }
    #main section.event{
        margin-top:0;
        padding-top:2rem;
    }
    
}

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

    #main{
        width:74%;
        max-width:71rem;
        margin:0;
        padding:0 1rem 1rem 1rem; 
    }
    #main dl.new_event{
        width:auto;
        width:45%;/*45%*/
    }
    #main #event_lineup{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: start;
    }
    #main dl.new_event{
        background-color:transparent;
    }
    #main p.nenyotei a{
        margin-left:1rem;
    }
    #main p.nenyotei span{
        display:inline-block;
    }
    #main section.nendo table th p span{
        display:inline-block;
    }
    #main section.nendo table td p span{
        display:inline-block;
    }
    #main section.nendo table tr th:first-child{
        vertical-align: top;
        width:10.5rem;
    }
    #main section.nendo table tr td:first-child span:first-child{
        font-size:1.5rem;
        font-weight:bold;
        color:#000;
    }
    
}