@media ( max-width: 640px )
{
	body
	{
		-webkit-text-size-adjust: 100%;
		width: 480px;
		min-width: 480px;
		max-width: 480px;
	}
	
	
	.pcbr
	{
		display: none;
	}
	
	
	.mbbr
	{
		display: block;
	}
	
	
	.pcil
	{
		display: none;
	}
	
	
	.mbil
	{
		display: inline-block;
	}
	
	
	.pc
	{
		display: none;
	}
	
	
	.mb
	{
		display: block;
	}
	
	
	#rsvt_pc
	{
		display: none;
	}
	
	
	#rsvt_m
	{
		display: block;
	}
	
	
	.anc01
	{
		transform: translate( 0, -68px );
	}
	
	
	#bodybox
	{
		width: 480px;
		min-width: 480px;
		min-width: 480px;
		overflow-x: hidden;
	}
	
	
	#headerbase
	{
		width: 480px;
		height: 313px;
		overflow: visible;
	}
	
	
	header
	{
		width: 480px;
	}
	
	
	.midbase
	{
		width: 480px;
	}
	
	
	.midbox
	{
		width: 480px;
	}
	
	
	#footerbase
	{
		width: 480px;
		/*height: 715px;*/
		height: auto;
	}
	
	
	footer
	{
		width: 480px;
		/*height: auto;*/
		/*padding-bottom: 123px;*/
		padding-bottom: 130px;
	}
	
	
	.rtt01
	{
		width: 86px;
		margin: 80px auto 0px auto;
		padding-top: 47px;
		font-size: 15px;
	}
	
	
	.rtt01::before
	{
		height: 38px;
	}
	
	
	.rtt01::after
	{
		height: 16px;
	}
	
	
	footer .rtt01
	{
		/*
		position: relative;
		right: auto;
		bottom: auto;
		margin: 55px auto 0px auto;
		*/
		bottom: 176px;
	}
	
	
	#hnavibox
	{
		display: none;
	}
	
	
	#obione
	{
		position: fixed;
		top: 0;
		left: 0;
		right: auto;
		bottom: auto;
		width: 480px;
		max-width: 480px;
		min-width: 480px;
		height: 60px;
		margin: 0 0 0 0;
		padding-top: 6px;
		border-radius: 0;
		border-left-width: 0;
		border-right-width: 0;
		box-shadow: none;
	}
	
	
	#obione::before
	{
		height: 6px;
	}
	
	
	#obionecont
	{
		display: block;
		width: 100%;
	}
	
	
	#headlogo01
	{
		width: 196px;
		height: calc( 100% - 2px );
		padding-top: 1px;
		padding-bottom: 1px;
	}
	
	
	#headlogo01 .cnj01
	{
		margin-top: 15px;
		font-size: 18px;
	}
	
	
	#headlogo01 .cnj01 span
	{
		font-size: 13px;
	}
	
	
	#headlogo01 .cne01
	{
		margin-top: 1px;
		font-size: 10px;
	}
	
	
	#menubox
	{
		display: none;
	}
	
	
	
	
	.stcont
	{
		width: 430px;
		max-width: 480px;
		min-width: 480px;
		margin: 80px auto 80px auto;
	}
	
	
	.stbox01
	{
		
	}
	
	
	.stbox01 .stj
	{
		font-size: 42px;
	}
	
	
	#footercore
	{
		display: block;
		width: 100%;
		margin-top: 105px;
	}
	
	
	#footerinfo01
	{
		display: block;
		width: 100%;
		margin-top: 13px;
	}
	
	
	#footlogo01
	{
		width: 100%;
		margin: 0 auto 0 auto;
		text-align: center;
	}
	
	
	#footlogo01 .cnj01
	{
		display: block;
		width: 100%;
		font-size: 23px;
		text-align: center;
	}
	
	
	#finfoc01
	{
		margin-top: 30px;
		font-size: 16px;
		line-height: 26px;
	}
	
	
	#fmenubox
	{
		display: none;
	}
	
	
	#footcopy
	{
		position: relative;
		right: auto;
		bottom: auto;
		width: 384px;
		margin: 101px auto 0 auto;
		font-size: 15px;
		text-align: left;
		letter-spacing: 0.1em;
	}
	
	
	
	
	.hbm_opened #hbmenuplate
	{
		top: 0px;
	}
	
	/*
	.hbm_opened #bodybox
	{
		height: 100vh;
		overflow: hidden;
	}
	*/
	
	/*
	.hbm_opened
	{
		overscroll-behavior: contain;
	}
	
	
	.hbm_opened #bodybox
	{
		overscroll-behavior: contain;
	}
	*/
	/*
	.hbm_opened #bodybox
	{
		pointer-events: none;
	}
	*/
	
	/*
	#hbmbtn
	{
		display: block;
		position: fixed;
		left: calc( 480px - 64px );
		top: 7px;
		width: 64px;
		height: 60px;
		text-decoration: none;
		color: #000000;
		will-change: transform;
		cursor: pointer;
		transition-duration: 300ms;
		z-index: 9999;
	}
	*/
	
	
	#hbmbtn
	{
		display: block;
		left: calc( 480px - 64px );
	}
	
	
	/*
	#hbmbtn .bg
	{
		display: block;
		position: absolute;
		left: -2048px;
		right: -2048px;
		top: -2048px;
		bottom: -2048px;
		margin: auto;
		width: 86px;
		height: 86px;
		border-radius: 50%;
		background-color: rgba( 236, 109, 129, 0.45 );
	}
	*/
	
	#hbmbtn .bar01, #hbmbtn .bar02, #hbmbtn .bar03
	{
		display: block;
		position: absolute;
		left: -2048px;
		right: -2048px;
		margin: auto;
		width: 33px;
		height: 5px;
		overflow: hidden;
		transition-duration: 300ms;
	}
	
	
	#hbmbtn .bar01::before, #hbmbtn .bar02::before, #hbmbtn .bar03::before
	{
		content: '';
		display: block;
		position: absolute;
		top: 0px;
		width: 250%;
		height: 100%;
		background : -webkit-gradient(linear,-20.5% -143.73% ,145.65% 312.82% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(0.2908,rgba(175, 175, 176, 1) ),color-stop(0.4086,rgba(175, 175, 176, 1) ),color-stop(0.6144,rgba(255, 255, 255, 1) ),color-stop(0.7775,rgba(175, 175, 176, 1) ),color-stop(1,rgba(99, 98, 98, 1) ));
		background : linear-gradient(112.6deg, rgba(255, 255, 255, 1) 0%, rgba(175, 175, 176, 1) 29.08%, rgba(175, 175, 176, 1) 40.86%, rgba(255, 255, 255, 1) 61.44%, rgba(175, 175, 176, 1) 77.75%, rgba(99, 98, 98, 1) 100%);
	}
	
	
	#hbmbtn .bar01::before
	{
		left: -35%;
	}
	
	
	#hbmbtn .bar02::before
	{
		left: -65%;
	}
	
	
	#hbmbtn .bar03::before
	{
		left: -95%;
	}
	
	
	#hbmbtn .bar01
	{
		top: -2070px;
		bottom: -2048px;
	}
	
	
	#hbmbtn .bar02
	{
		top: -2048px;
		bottom: -2048px;
	}
	
	
	#hbmbtn .bar03
	{
		top: -2048px;
		bottom: -2070px;
	}
	
	.hbm_opened #hbmbtn .bar01
	{
		top: -2048px;
		width: 24px;
		height: 3px;
		-webkit-transform: rotate( 765deg );
		transform: rotate( 765deg );
	}
	
	
	.hbm_opened #hbmbtn .bar02
	{
		opacity: 0.0;
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
	
	
	.hbm_opened #hbmbtn .bar03
	{
		bottom: -2048px;
		width: 24px;
		height: 3px;
		-webkit-transform: rotate( 675deg );
		transform: rotate( 675deg );
	}
}