/* ---------------------------------------------------------------
	start max 600px
--------------------------------------------------------------- */

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

	.col_topnews dl {
		display: block;
	}

	.col_topnews dl dd {
		width: 100%;
		padding: 0;
	}

	.btn1.perfomer1 span {
		font-size: 16px;
	}
	
	.box_btnprogram1{
		display: block;
	}
	
	.btn1.program{
		margin: 0 auto 20px;
	}
	
	.btn1.program:last-of-type{
		margin: 0 auto;
	}
	
}



/* ---------------------------------------------------------------
	end max 600px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start max 500px
--------------------------------------------------------------- */

@media screen and (max-width: 500px) {
	.col_greeting {
		display: block;
	}

	.img_greeting1 {
		margin: 0 auto 10px;
	}

	.name_greeting {
		width: 225px;
		margin: 0 auto;
	}


	.en .name_greeting {
		width: 100%;
		margin: 0 auto;
	}
	
	br.pc_none{
		display: block;
	}
	
	.indent1.performer1{
		padding-left: 0;
    	text-indent: 0;
    	margin: 0 0 10px;
	}
	
	span.sp_bold{
		font-weight: 700;
	}
	
	ul.list_performer1 li.indent_performer1{
		padding-left: 1em;
    	text-indent: -1em;
	}
	
	.indent1.participant1{
		padding-left: 0;
    	text-indent: 0;
	}
	
}



/* ---------------------------------------------------------------
	end max 500px
--------------------------------------------------------------- */


/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media print,
screen and (max-width: 450px) {

	/* --------------- common --------------- */
	#header {
		height: 50px;
		z-index: 100;
	}

	.logo_header {

		height: 50px;
	}

	.logo_header img {
		max-width: 284px;
		width: 96%;
	}

	#menubtn {
		width: 38px;
		height: 38px;
		margin: 5px;
		right: 0;
	}

	#menubtn .btn {
		width: 19px;
	}

	#menubtn span:nth-child(1) {
		top: 8px;
	}

	#menubtn span:nth-child(2) {
		top: 18px;
	}

	#menubtn span:nth-child(3) {
		top: 28px;
	}

	#menubtn.active span:nth-of-type(1) {
		width: 96%;
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg);
		top: -3px;
	}

	#menubtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	#menubtn.active span:nth-of-type(3) {
		width: 96%;
		-webkit-transform: translateY(-20px) rotate(45deg);
		transform: translateY(-20px) rotate(45deg);
		top: 38px;
	}


	#contents {
		background-position: center -1.2vw;
		background-size: 100% auto;
	}

	.btn1.pdf span,
	.btn2.pdf span {
		padding: 5px 10px 5px 3px;
	}

	.col_submain {
		padding: 5px 0 20px;
	}

	.mds1 {
		height: auto;
		min-height: 40px;
		padding: 5px 0 5px 16px;
	}

	.btn1.perfomer1 span {
		padding: 0;
		font-size: 14px;
	}




}


/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */




/* ---------------------------------------------------------------
	start max 360px
--------------------------------------------------------------- */

@media print,
screen and (max-width: 360px) {

	#contents {
		background-color: #ffffff;
	}




}

/* ---------------------------------------------------------------
	end max 360px
--------------------------------------------------------------- */