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

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


	.col_topmain {
		width: 100%;
		height: 0;
		padding-top: 157%;
		margin: 0 0 25px;
		width: 100%;
		background-size: cover;
		background-image: url(../img/sp/bg_topmain.jpg);
	}

	.title_topmain {
		top: 4vw;
		left: 4vw;
	}

	.title_topmain img {
		width: 78vw;
	}

	.img_topinfo1 {
		top: 23vw;
		left: 4vw;
	}
	
	.img_topinfo1 img {
		width: 72vw;
	}

	.col_topmain .url {
		width: 41vw;
		top: 37vw;
		left: 23vw;
	}

	.col_topmain .url a::before {
		width: 39vw;
		top: 3vw;
		left: 5px;
	}

	.col_topcontact dl dd a::before {
		content: none;
	}



	/* --------------- subpage common --------------- */
	
	.col_subhead {
		display: none;
	}
	
	.ttl_sub {
		height: 40px;
		margin: 20px 15px 10px;
	}
	
	.col_subcontent {
		margin: 0 0 15px;
	}


	/* --------------- venue --------------- */

	.ttl_sub.venue img {
		width: 97px;
	}
	
	.col_subcontent.venue1 {
		margin: 0 0 15px;
	}

	.wrap_map_venue {
		max-width: 100%;
		margin: 15px auto 15px;
	}

	ul.list_venue1 {
		width: 92%;
	}

	ul.list_venue1 li {
		padding: 0 0 15px 0;
		margin: 0 0 15px;
		align-items: flex-start;
		flex-direction: column;
	}

	.name_venue1 {
		width: 100%;
		padding: 0 0 5px;
		line-height: 1.4;
	}

	.box_venue1 {
		width: 100%;
		padding: 0;
	}


	/* --------------- registration --------------- */
		
	.btnarea.registration{
		margin: 30px 0 0px;
	}
	
	.ttl_sub.registration img {
		width: 315px;
	}
	
	table.tbl_registration1 {
		margin: 20px auto 10px;
	}

	.note_registration1 {
		margin: 0 auto 20px;
	}

	/* --------------- sponsors --------------- */
	
	.ttl_sub.sponsors {
		margin: 20px 15px 30px;
	}
		
	.ttl_sub.sponsors img {
		width: 282px;
	}
	


	/* --------------- committees --------------- */


	.ttl_sub.comm img {
		width: 184px;
	}

		
	/* --------------- abstract --------------- */

	.ttl_sub.abstract img {
		width: 135px;
	}

	.btn_area_abstract {
		padding: 30px 0 30px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.btn_area_abstract .btn1:first-of-type {
		margin: 0 0 15px 0;
	}

	/* --------------- speakers --------------- */

	.ttl_sub.speakers img {
		width: 263px;
	}



	/* --------------- program --------------- */
	
	.btn_area_program {
		display: block;
	}
	
	.btn_area_program a.btn1 {
		margin: 0 auto 15px;
	}
	.btn_area_program .btn2 { margin: 0 auto; }

	.btn_area_program .btn2.program1 {
		margin: 0 auto 20px;
	}

	.ttl_sub.program img {
		width: 136px;
	}

	.scroll_program .tbl_scroll {
		width: 100%;
		padding: 0 0 10px;
		overflow-y: auto;
	}

	.box_program1 {
		width: 640px;
		margin: 0 0 5px;
	}


	/* --------------- committees --------------- */

	.ttl_sub.statements img {
		width: 260px;
	}


	/* --------------- registration detail --------------- */
	
	.col_select_registration dl.item-sku { display: block; }
	.col_select_registration dl.item-sku dd {
		max-width: 300px;
		padding: 0 0 0 13px;
	}
	.col_select_registration .cont_total { display: block; }
	.col_select_registration .cont_total .field { width: 100%; }
	.col_select_registration .cont_total .btnarea { margin: 10px auto 0; }
	
	
	/* --------------- cart --------------- */
	
	.col_cart #cart .upbutton { text-align: left; }
	
	
	/* --------------- cart payment --------------- */
	
	.col_cart.payment table.customer_form tr {
		width: 100%;
		display: block;
	}
	.col_cart.payment table.customer_form tr th {
		width: 100%;
		display: block;
	}
	.col_cart.payment table.customer_form tr td {
		display: block;
	}
}