/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

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

	.sp_none {
		display: none;
	}

	.pc_none {
		display: block;
	}


	/* --------------- header --------------- */


	.logo_header {
		width: calc(100% - 43px);
		/*height: 64px;*/
	}

	.logo_header img {
		/*width: 94%;
		max-width: ;*/
	}

	.logo_header img.pc_none {
		display: inline;
	}

	
/*
	#menubtn .btn {
		width: 32px;
	}

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

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

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

	#menubtn.active span:nth-of-type(1) {
		top: 11px;
	}

	#menubtn.active span:nth-of-type(3) {
		top: 52px;
	}
*/

	#leftcontents {
		height: calc(100vh - 64px);
	}


	/* --------------- top --------------- */


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

	#rightcontents_sub {
		width: 100%;
		padding: 15px;
		}

	

	.col_topmain {
		height: auto;
	}

	.mainimg_sp {
		display: inline;
	}

	.img_topinfo1 {
		max-width: 500px;
		width: 100%;
		}


	.col_topnews {
		max-height: 130px;
		padding: 0;
	}

	

	ul.cont_l_bnr {
		width: 90%;
	}

	.box_l_info {
		width: 90%;
		padding: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
		       flex-direction: column;
	}

	.box_l_info dl {
		width: 100%;
		margin: 0 auto 5vw;
	}

	.box_l_info dl:last-child {
		margin-bottom: 0;
	}

	.mds1 {
		margin: 0 0 15px;
		font-size: 20px;
		height: 40px;
		margin: 0 0 20px;
		padding: 5px 0 0 16px;
	}

	.mds2 {
		font-size: 17px;
	}

	p.pagetop {
		bottom: 15px;
		right: 15px;
	}

#rightcontents {
		-webkit-box-ordinal-group: 1;
		           -ms-flex-order: 0;
		                    order: 0;
	}

	#rightcontents.single {
		padding: 20px;
	}
	

/* --------------- summary --------------- */

	.txt_summary {
		font-size: 17px;
	}
	
/* --------------- related --------------- */

	dl.cont_related{
		display: block;
	}
	
	dl.cont_related dt{
		text-align: left;
	}
	
	span.block1{
		display: none;
	}
	
	span.block2{
		display: none;
	}

/* --------------- info_performer --------------- */


	.img_performer1{
		margin: 0 auto 20px;
	}
	

}


/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */