/*Mobile*/
@media all and (min-width: 1px) and (max-width: 767px){
.br_mb{ display:block;}
.booklist_bg{width:96%;margin:0 auto 6%}
#event_booklist .headerImg{width:8%;margin: 2% 1% 0 0;}
#event_booklist h1, #event_booklist h2{width:86%;font-size:1.55em;font-weight:bold;margin: auto 0;}
.booklist{width:82%;margin:2% auto 0}
.booklist li{width:98%;margin:0 auto;padding:0 1%}
.booklist .morelist>li{width:calc(100%/2 - 2%)}
.buy a{font-size:1.05rem;padding:1% 3%}
#event_class {width: 80%;padding: 3%;border-radius: 10px;}   
#event_class h3{font-size:1.5em;line-height:1.4em}    
#event_class ul{width:100%}
#event_class li {font-size: 1.05em;text-indent: -14px;margin-left: 7%;}
#event_note {width: 84%;margin: 0 auto 0 11%;padding: 5% 0;text-indent: -12px;}
.app{width:96%;margin:5% auto}
.app img{width:100%}
.title {border-left: 7px #e87259 solid;padding: 0 0 0 5px;}
#event_booklist h3 {font-size: 1.5rem;}
.books, .books th, .books td {
    padding: 10px .5%;
    font-size: 0.95em;
    line-height: 1.5em;
    border: 1px #ccc dotted;
    border-bottom: 1px solid #ccc;
}
.books td a{font-size: 1.05em;}
.books td:nth-child(4) {font-size: 1rem;}
.buy2 small{display: block}
}


@media all and (min-width: 1px) and (max-width: 1200px){
#BodyHeader,#event_news{display:none}
#BodyContainer,#BodyContentEvent{width:100%}
/*Event_heaader*/
#BodyHeader_m{text-align:center;height:auto;margin:2% auto}
#BodyHeader_m img{clear:both;height:auto;max-width:100%}
@media screen and (orientation: landscape) {
#BodyHeader_m{margin:2% auto 1.5%}
#BodyHeader_m img{max-width:26%}
}
/* Footer */
#BodyFooter_rwd{width:100%;margin:0 auto;padding:0;color:#000}
#BodyFooter_rwd a{color:#000}
#BodyFooter_rwd #footer_address{width:100%;margin:0 auto;text-align:center}
#BodyFooter_rwd #footer_address a{color:#000}
#BodyFooter_rwd #footer_address ul{padding:0;text-align:center;margin-bottom:1%;width:100%;clear:both}
#BodyFooter_rwd #footer_address li{display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
#footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%}
/* top */
#topbutton{width:100%;height:50px;color:#FFF;background-color:#000000a6;/*opacity:0;*/bottom:0;position:fixed;line-height:50px;font-size:.95rem;text-align:center}
#topbutton a{color:#FFF;border-bottom: 1px solid #FFFFFF;margin: 0 0.5%;text-decoration: none}
#topbutton a:nth-child(6),#topbutton a:nth-child(7){display: none;}
}