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

body { min-width:100%; font-size:100%;}
body {background:#92D4F5 url(../../image/sm_bg201912.gif) center center;}
#header { width:100%;}
#content{ width:100%;}
#footer { width:100%;}

#wrapper {border-top:none; overflow:hidden;}
#base { width:100%; margin:0 !important;}

.pc { display:none;}
.sm { display:block;}

/*====================================================================================================

  HEADER

====================================================================================================*/

#header { clear:both; width:100%; padding-bottom:30px;}
#header h1 { height:180px; background-size:280px auto;}
#header h2 {
	margin:auto;
	width:80%;
	height:auto;
	font-size:100%;
	text-indent:0;
	background:none;
}

/*====================================================================================================

  CONTENT

====================================================================================================*/

#content { padding:20px; border-top:10px solid #E50011;}
#content h3,
#content h4 { font-size:100%;}
#content h3.mid { font-size:100%;}

/*** ABOUT *****************************************************************/
#content .about { padding-bottom: 0; background:none;}

/* SCHEDULE */
#content .schedule { margin-bottom:40px;}
#content .schedule .come1,
#content .schedule .come2,
#content .schedule .come3 {
	width:100%;
	height:auto;
	text-indent:0;
	background:none;
}
#content .schedule .come1 { font-size:100%; font-weight:bold;}
#content .schedule .come1 b { display:block; font-size:130%;}
#content .schedule .come1 p { display:block; padding:15px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
#content .schedule .come1 p+p { border-top:none; }
#content .schedule .come1 br+b { padding-top:20px;}
#content .schedule .come2 { padding:10px 0; font-weight:bold;}
#content .schedule .come3 { color:#E50011; font-weight:bold;}
#content .schedule .guest{ position:static;}

/* AWARD */
#content .award { margin-bottom:40px;}
#content .award  .come1,
#content .award  .come2 {
	width:100%;
	height:auto;
	text-indent:0;
	background:none;
}
#content .award  .come1 { font-weight:bold;}
#content .award ul {}
#content .award ul li+li { margin-top:5px;}
#content .award ul li img { width:100%; height:auto;}

/* PARTICIPATION */
#content .participation { margin-bottom:40px;}
#content .participation .come1 {
	width:100%;
	height:auto;
	text-indent:0;
	background:none;
}

/* BROADCAST */
#content .broadcast { margin-bottom:40px;}
#content .broadcast h3 {}
#content .broadcast .come1,
#content .broadcast .come2 {
	width:100%;
	height:auto;
	text-indent:0;
	background:none;
}
#content .broadcast .come1 {font-weight:bold;}
#content .broadcast .come2 {margin-top:20px;}
#content .broadcast .come2 p { display:block;}
#content .broadcast .come2 p+p { margin-top:10px;}

/*** APPLICATION ***********************************************************/

#content .application { background:none;}
#content .application .come { padding:15px 0; width:100%; font-size:100%;}

/* CAPACITY */
#content .capacity { margin-bottom:40px;}
#content .capacity .come1 {}
#content .capacity .come1 img { width:auto; height:22px;}
#content .capacity .come2 { margin-top:5px;}

/* ADDRESS */
#content .address { margin-bottom:40px;}
#content .address h4 { width:150px;}
#content .address .come1 {
	width:100%;
	height:auto;
	text-indent:0;
	background:none;
}

/* DEADLINE */
#content .deadline { margin-bottom:40px;}
#content .deadline h4 { width:120px; background:#E50011;}
#content .deadline .come1 {}
#content .deadline .come1 img { width:auto; height:22px;}
#content .deadline .come2 { margin-top:5px;}

/*** MAIL FOAM *************************************************************/
#content .app_foam {}
/* common/css/mail.css */

/*** SPONSORSHIP ***********************************************************/
#content .sponsor { padding:40px 0; text-align:center; font-size:100%;}


/*** PAGE ******************************************************************/

#page {
	position: fixed;
	bottom: 130px;
	right: 20px;
	text-indent: -9999px;
}
#page a {
	display:block;
	width:51px;
	height:51px;
	background: url(../image/page-top.gif) no-repeat;
}

/*====================================================================================================

  FOOTER

====================================================================================================*/

#footer { clear:both; width:100%; padding:10px; text-align:center; }


/*====================================================================================================
  OTHER
====================================================================================================*/

