@media ( max-width: 640px )
{
	body
	{
		-webkit-text-size-adjust: 100%;
		width: 480px;
	}
	
	
	.pcbr
	{
		display: none;
	}
	
	
	.mbbr
	{
		display: block;
	}
	
	
	.pcil
	{
		display: none;
	}
	
	
	.mbil
	{
		display: inline;
	}
	
	
	.anc01
	{
		translate: 0px 0px;
	}
	
	
	#bodybox
	{
		width: 480px;
		min-width: 480px;
	}
	
	
	#headerbase
	{
		width: 480px;
		/*height: 351px;*/
		height: 449px;
	}
	
	
	header
	{
		width: 480px;
	}
	
	
	.midbase
	{
		width: 480px;
	}
	
	
	.midbox
	{
		width: 480px;
	}
	
	
	#footerbase
	{
		width: 480px;
		height: 640px;
	}
	
	
	footer
	{
		width: 480px;
	}
    
    
    #footcopy
    {
    	left: 0px;
    	right: 0px;
        bottom: 60px;
        margin: auto;
        font-size: 15px;
        text-align: center;
	}


	#obione
	{
		position: relative;
		top: auto;
		width: 480px;
		/*height: 178px;*/
		height: 278px;
		margin-top: -1px;
	}


	#headlogo01
	{
		margin-top: 18px;
	}
	
	
	#slidecont01
	{
		top: 278px;
		width: 960px;
		height: 171px;
	}
	
	
	.ssbi01
	{
		width: auto;
		height: 100%;
	}
	

	#menubox
	{
		bottom: 8px;
		width: 100%;
		height: auto;
	}


	#menucont
	{
		height: auto;
	}
	
	
	#menucont > li
	{
		width: auto;
		height: auto;
		margin: 0px;
		padding: 0px;
	}


	#menucont > li > a
	{
		width: auto;
		height: 32px;
		padding: 0px 24px 0px 24px;
	}
	
	
	#menucont > li > a > .mtj
	{
		height: 32px;
		font-size: 17px;
		line-height: 32px;
	}
	
	
	#menucont > li:first-of-type > a > .mtj
	{
		letter-spacing: -0.05em;
	}
	
	
	.submenu
	{
		display: none;
	}
	
	
	#hsmenubox
	{
		right: 12px;
		top: auto;
		bottom: 82px;
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scale( 0.9 );
		transform: scale( 0.9 );
	}
	
	
	#hreclink
	{
		position: relative;
		left: auto;
		top: auto;
		width: 380px;
		height: auto;
		margin: 22px auto 0px auto;
		padding: 12px 24px 12px 24px;
		line-height: 24px;
	}
	

	#fmenubox
	{
		width: 100%;
		height: 70px;
		margin-top: 16px;
		padding: 16px 0px 24px 0px;
		/*background-color: rgba( 200, 200, 255, 0.3 );*/
	}


	#fmenucont
	{
		font-size: 17px;
	}
	
	
	#fmenucont li, #fmenucont li:first-of-type, #fmenucont li:last-of-type
	{
		height: auto;
		margin: 4px 18px 4px 18px;
		padding: 0px;
		border-left: 0px;
	}


	#fmenucont li a
	{
		height: 18px;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
	}
	
	
	#fmenucont li a .mtj
	{
		margin: 0px auto 0px auto;
		font-size: 17px;
		line-height: 1em;
		vertical-align: top;
	}
	
	
	
	
	/*
	.hbm_opened #hbmenuplate
	{
		left: 0px;
	}
	
	
	#hbmbtn
	{
		display: block;
		position: fixed;
		left: calc( 480px - 18px - 56px );
		top: 43px;
		width: 60px;
		height: 60px;
		background-color: #6FB92C;
		cursor: pointer;
		border-radius: 50%;
		transition-duration: 300ms;
		will-change: transform;
		z-index: 3;
		opacity: 0.8;
	}
	
	
	#hbmbtn div
	{
		display: block;
		position: absolute;
		left: -2048px;
		right: -2048px;
		top: -2048px;
		bottom: -2048px;
		margin: auto;
		width: 32px;
		height: 0px;
		border: solid 1px #FFFFFF;
		transition-duration: 300ms;
	}
	
	
	#hbmbtn::before, #hbmbtn::after
	{
		content: '';
		display: block;
		position: absolute;
		left: -2048px;
		right: -2048px;
		margin: auto;
		width: 32px;
		height: 0px;
		border: solid 1px #FFFFFF;
		transition-duration: 300ms;
	}
	
	
	#hbmbtn::before
	{
		top: -2068px;
		bottom: -2048px;
	}
	
	
	#hbmbtn::after
	{
		top: -2048px;
		bottom: -2068px;
	}
	
	
	.hbm_opened #hbmbtn
	{
		opacity: 1.0;
	}
	
	
	.hbm_opened #hbmbtn div
	{
		-webkit-transform: rotate( -720deg );
		transform: rotate( -720deg );
		opacity: 0.0;
	}
	
	
	.hbm_opened #hbmbtn::before
	{
		top: -2048px;
		-webkit-transform: rotate( 765deg );
		transform: rotate( 765deg );
	}
	
	
	.hbm_opened #hbmbtn::after
	{
		bottom: -2048px;
		-webkit-transform: rotate( 675deg );
		transform: rotate( 675deg );
	}
	*/
	
	
	
	
	#footinfobox01
	{
		display: block;
		width: 100%;
		margin-top: 64px;
		text-align: center;
	}
	
	
	#fcnb01
	{
		display: block;
		position: relative;
		height: auto;
		margin: 0px auto 0px auto;
	}
	
	
	#footlogo01
	{
		margin: 0px auto 0px auto;
	}
	
	
	#finfo01
	{
		display: inline-block;
		width: auto;
		margin: 50px auto 0px auto;
		font-size: 15px;
		line-height: 1.6em;
	}
	
	
	.stcont
	{
		width: 100%;
		margin: 80px auto 80px auto;
	}
	
	
	.interbar
	{
		height: 190px;
		overflow: hidden;
	}
	
	
	.ibcore
	{
		width: 100%;
	}
	
	
	.ibib
	{
		/*width: 192px;*/
		width: 240px;
		height: 95px;
	}
	
	
	.stbox01
	{
		
	}
	
	
	.stbox01 .ste
	{
		font-size: 30px;
	}
	
	
	.stbox01 .stj
	{
		font-size: 17px;
	}
	
	
	.stbox02
	{
		height: 32px;
	}
	
	
	.stbox02 .ste
	{
		font-size: 36px;
	}
	
	
	.stbox02 .stj
	{
		margin-top: 17px;
		font-size: 17px;
	}
	
	
	.stbox03
	{
		
	}
	
	
	.stbox03 .ste
	{
		font-size: 46px;
	}
	
	
	.stbox03 .stj
	{
		font-size: 17px;
	}
	
	
	.stbox04
	{
		
	}
	
	
	.stbox04 .ste
	{
		font-size: 30px;
	}
	
	
	.stbox04 .stj
	{
		margin-top: 2px;
		font-size: 18px;
	}
	
	
	.calbox
	{
		display: block;
		margin-top: 46px;
	}
	
	
	.calitem02, .calitem02:nth-of-type(odd), .calitem02:nth-of-type(even)
	{
		width: 420px;
		margin: 32px auto 32px auto;
	}
	
	
	.calitem03, .calitem03:nth-of-type(3n-2), .calitem03:nth-of-type(3n)
	{
		width: 420px;
		height: 92px;
		margin: 32px auto 32px auto;
	}
	
	
	.calisst03
	{
		font-size: 24px;
	}
}