/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {

/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

/*TITLE SET*/
header hgroup {
margin:0;
padding:0 15px 1.0em;
}
/*MAIN COPY*/
header hgroup .main-copy {
width:auto;
margin:0 auto 0.8em;
}





/*----------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------*/

footer hgroup {
width:auto;
}





/*----------------------------------------------*/
/*CONTENT*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*[OUT FRAME]*/

/*FRAME SET*/
#content-frame {
width:auto;
margin:0;
padding:2em 15px;
}

/*MAIN FRAME*/
#content-frame #content {
width:63%;
}

/*SIDE FRAME*/
#content-frame #side {
width:34%;
}



/*----------------------------------------------*/
/*[DIARY]*/

/*(PHOTO)*/
.diary .inner-frame .detail figure {
width:79%;
}

}







/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {

/*MEDIA VIEW*/
.for-pc {display:none;}
.for-mb {display:inline;}





/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

/*TITLE SET*/
header hgroup {
margin:0;
padding-bottom:0.8em;
}

/*MAIN COPY*/
header hgroup .main-copy {
text-align:left;
}
header hgroup .main-copy .br {
display:inline;
}




/*----------------------------------------------*/
/*FOOTER*/
/*----------------------------------------------*/

footer hgroup {
padding:25px 0;
}

/*radiko*/
footer .logo-radiko {
float:none;
text-align:center;
margin-bottom:20px;
}

/*LOGO & Copyright*/
footer .f-set {
float:none;
text-align:center;
}
footer .f-set figure {
float:none;
}
footer .f-set p.copyright {
padding-left:0;
}


/*PAGE TOP BTN*/
ul.fNavi {
bottom: 20px;
right: 20px;
}





/*----------------------------------------------*/
/*CONTENT*/
/*----------------------------------------------*/

/*----------------------------------------------*/
/*[OUT FRAME]*/

/*MAIN FRAME*/
#content-frame #content {
width:auto;
float:none;
}

/*SIDE FRAME*/
#content-frame #side {
width:auto;
float:none;
}

.about {
    margin: 3rem 0.3rem 2rem;
}

#read-text {
    min-height: 150px;
}



/*----------------------------------------------*/
/*[MAP]*/

/*[BTN]*/
/*(VIEW)*/
.map ul li.btn-map-view a {
background: #FF5C26 url(../images/btn_map_view.png) no-repeat center;
background-size:50% auto;
-webkit-background-size:50% auto;
-moz-background-size:50% auto;
-o-background-size:50% auto;
-ms-background-size:50% auto;
}
/*(GPS)*/
.map ul li.btn-map-gps a {
background: #FF5C26 url(../images/btn_map_gps.png) no-repeat center;
background-size:50% auto;
-webkit-background-size:50% auto;
-moz-background-size:50% auto;
-o-background-size:50% auto;
-ms-background-size:50% auto;
}
/*(DOWNLOAD)*/
.map ul li.btn-map-dl {
font-size:1.1em;
}



/*----------------------------------------------*/
/*[DIARY]*/

/*(PHOTO)*/
.diary .inner-frame .detail figure {
width:auto;
box-shadow:none !important;
}
.diary .inner-frame .detail figure img {
max-width:480px;
width:100%;
box-shadow:1px 1px 2px rgba(0,0,0,0.5);
}



/*----------------------------------------------*/
/*[BANNER]*/

/*BANNER LIST*/
.banner ul li {
width:100%;
text-align:center;
}




/*----------------------------------------------*/
/*----------------------------------------------*/
/*[SPONSOR BOOTH]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

.prlist dt {
width:15%;
}
.prlist dd {
margin:0 0 0 15%;
padding:.3em 0 0 0;
}

}




/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {

/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

/*MAIN COPY*/
header hgroup .main-copy {
font-size:0.9em;
line-height:1.5em;
}




/*----------------------------------------------*/
/*----------------------------------------------*/
/*[SPONSOR BOOTH]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

.prlist dt {
width:18%;
}
.prlist dd {
margin:0 0 0 19%;
padding:.3em 0 0 0;
}

}





/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {

/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

/*TITLE SET*/
header hgroup {
margin:0;
padding:0 0 0.8em;
}
/*INFO TEXT*/
header hgroup .txt-info {
font-size:0.8em;
margin:0 0 0.8em;
}
/*MAIN COPY*/
header hgroup .main-copy {
margin:0 12px 0.8em;
}

}





/************************************************************************************
smaller than 568
*************************************************************************************/
@media screen and (max-width: 568px) {

/*----------------------------------------------*/
/*HEADER*/
/*----------------------------------------------*/

/*INFO TEXT*/
header hgroup .txt-info .br-non {
display:block;
}





/*----------------------------------------------*/
/*[OUT FRAME]*/

/*FRAME SET*/
#content-frame {
width:auto;
margin:0;
padding:1.5em 10px;
}



/*----------------------------------------------*/
/*[SETTING EACH CONTENT]*/

#content .event {
margin:0 0 1.2em;
padding:0 15px 18px;
background:#FFF;
border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-o-border-radius:0 0 5px 5px;
-ms-border-radius:0 0 5px 5px;
}

/*TITLE FRAME*/
#content .event .ttl-corner {
    margin: -3px -23px 12px;
}

#content .event .ttl-frame {
padding:8px 14px;
}
/*(TITLE)*/
#content .event .ttl-frame h2 {
font-size:1.1em;
}
#content .event .ttl-frame h2 i[class^="flaticon-"] {
font-size:1.2em;
}
#content .event .ttl-frame h2 .txt-sub {
padding-left:10px;
}

/*CATCH COPY*/
#content .event .catch-copy {
margin:2em 0 1.0em;
}

/*MAIN IMAGE FRAME*/
#content .event .img-frame {
margin:0 0 1.0em;
}


/*----------------------------------------------*/
/*[MAP]*/

.map {
margin:0 0 1.2em;
}

.map ul li.btn-map-view a,
.map ul li.btn-map-gps a {
padding:1.2em;
}
/*(DOWNLOAD)*/
.map ul li.btn-map-dl {
font-size:0.9em;
}


/*----------------------------------------------*/
/*[DIARY]*/

.diary {
margin:0 0 1.2em;
}

/*INNER-FRAME*/
.diary .inner-frame {
padding:0 15px 18px;
}

/*TITLE*/
.diary .inner-frame h2.ttl-corner {
font-size:1.1em;
line-height:1.1em;
}

}





/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

/*----------------------------------------------*/
/*[SETTING EACH CONTENT]*/

#content .event .ttl-frame h2 .txt-sub {
display:none;
}





/*----------------------------------------------*/
/*----------------------------------------------*/
/*[SPECIAL LIVE]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

.timetable .ttl {
width:100%;
}
.timetable .list li {
width:100%;
text-align:left;
text-indent:12px;
}





/*----------------------------------------------*/
/*----------------------------------------------*/
/*[FOOD COURT]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

.foodcourt .list li {
width:100%;
padding:8px 0;
float:left;
text-align:left;
text-indent:12px;
}





/*----------------------------------------------*/
/*----------------------------------------------*/
/*[SPONSOR BOOTH]*/
/*----------------------------------------------*/
/*----------------------------------------------*/

.prlist dd {
margin:0 0 0 22%;
padding:.3em 0 0 0;
}
/*(TITLE)*/
.prlist dd h4 {
font-size:0.9em;
line-height:1.4em;
margin:0 0 .2em;
}
/*(TEXT)*/
.prlist dd p {
font-size:0.9em;
line-height:1.4em;
}

}





/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {

/*TITLE*/
header hgroup h1 {
margin-bottom:5px;
}





/*----------------------------------------------*/
/*[SETTING EACH CONTENT]*/

#content .event .ttl-frame {
padding:8px 14px;
}
/*(TITLE)*/
#content .event .ttl-frame h2 {
font-size:1.0em;
}



/*----------------------------------------------*/
/*[MAP]*/
/*(VIEW)*/
.map ul li.btn-map-view a {
padding:1.2em 1.0em;
background: #FF5C26 url(../images/btn_map_view.png) no-repeat center;
background-size:80% auto;
-webkit-background-size:80% auto;
-moz-background-size:80% auto;
-o-background-size:80% auto;
-ms-background-size:80% auto;
}
/*(GPS)*/
.map ul li.btn-map-gps a {
padding:1.2em 1.0em;
background: #FF5C26 url(../images/btn_map_gps.png) no-repeat center;
background-size:80% auto;
-webkit-background-size:80% auto;
-moz-background-size:80% auto;
-o-background-size:80% auto;
-ms-background-size:80% auto;
}



/*----------------------------------------------*/
/*[DIARY]*/

/*TITLE*/
.diary .inner-frame h2.ttl-corner {
font-size:1.0em;
line-height:1.0em;
}

}





/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

/*----------------------------------------------*/
/*[SETTING EACH CONTENT]*/

#content .event .ttl-frame {
padding:7px 12px;
}
/*(TITLE)*/
#content .event .ttl-frame h2 {
font-size:0.9em;
}



/*----------------------------------------------*/
/*[DIARY]*/

/*TITLE*/
.diary .inner-frame h2.ttl-corner {
font-size:0.9em;
line-height:0.9em;
}

}