@media ( max-width: 960px )
{
	body
	{
		-webkit-text-size-adjust: 100%;
		width: 480px;
		min-width: 480px;
	}
	
	
	.pcbr
	{
		display: none;
	}
	
	
	.mbbr
	{
		display: block;
	}
	
	
	.pcbl
	{
		display: none;
	}
	
	
	.mbbl
	{
		display: block;
	}
	
	
	.pcil
	{
		display: none;
	}
	
	
	.mbil
	{
		display: inline-block;
	}
	
	
	#rsvt_pc
	{
		display: none;
	}
	
	
	#rsvt_m
	{
		display: block;
	}
	
	
	.anc01
	{
		translate: 0 -146px;
	}
	
	
	#bodybox
	{
		width: 480px;
		min-width: 480px;
		background-image: url( '../images/sub/subbg01.png' );
		background-size: 860px auto;
	}
	
	
	#headerbase
	{
		width: 480px;
		height: 313px;
		/*margin-top: 96px;*/
		margin-top: 145px;
		overflow: visible;
	}
	
	
	#headerbase::before
	{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: -112px;
		width: 100%;
		height: 112px;
		background-color: #FFFFFF;
	}
	
	
	header
	{
		width: 480px;
	}
	
	
	.midbase
	{
		width: 480px;
	}
	
	
	.midbox
	{
		width: 480px;
	}
	
	
	#footerbase
	{
		width: 480px;
		/*height: 715px;*/
	}
	
	
	footer
	{
		width: 480px;
		/*height: auto;*/
		/*padding-bottom: 123px;*/
		padding-bottom: 200px;
	}
	
	
	.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;
	}
	
	
	#obione
	{
		display: block;
		position: fixed;
		top: 0px;
		width: 480px;
		height: 94px;
		margin: 0 0 0 0;
		background-color: var( --plate-bg-color );
		border-radius: 0;
		box-shadow: none;
		z-index: 3;
	}
	
	
	#obione::before
	{
		display: none;
	}
	
	
	#headlogo01
	{
		left: 28px;
		top: 17px;
		color: #FFFFFF;
	}
	
	
	#headlogo01:hover
	{
		
	}
	
	
	#headlogo01 .logo01
	{
		
	}
	
	
	#headlogo01 .bnbox01
	{
		color: #FFFFFF;
	}
	
	
	#headlogo01:hover .logo01
	{
		animation: none;
	}
	
	
	#headlogo01:hover .bnbox01
	{
		animation: none;
	}
	
	
	#headrightbox
	{
		/*display: none;*/
		right: 0;
		top: auto;
		bottom: -50px;
		width: 100%;
		height: 50px;
		background-color: rgba( 255, 255, 255, 0.8 );
	}
	
	
	#hhotellogo01
	{
		display: none;
	}
	
	
	#hnavibox
	{
		display: none;
	}
	
	
	#hinfobox
	{
		margin: 8px 50px 0 auto;
		transform: scale( 1.105 );
	}
	
	
	#menubox
	{
		display: none;
	}
	
	
	
	
	.stcont
	{
		width: 430px;
		margin: 80px auto 80px auto;
	}
	
	
	.stbox01
	{
		display: block;
	}
	
	
	.stbox01 .stj
	{
		margin-left: 0;
		/*font-size: 42px;*/
	}
	
	
	
	
	.contlogo01
	{
		margin: 80px auto 0 auto;
	}
	
	
	.contwide
	{
		width: 400px;
	}
	
	
	.cwcell01
	{
		width: 100%;
		margin: 40px auto 0 auto;
		order: 2;
	}
	
	
	.cwcell02
	{
		margin: 80px auto 0 auto;
		order: 1;
	}
	
	
	.csiblock
	{
		margin: 50px auto 0 auto;
		order: 3;
	}
	
	
	.csimage
	{
		/*width: 32.5%;*/
		width: 100%;
		margin: 20px auto 0 auto;
	}
	
	
	.csimage:first-of-type
	{
		margin-top: 0;
	}
	
	
	.combox01
	{
		min-height: auto;
	}
	
	
	.ccombox01 .hl01
	{
		font-size: 26px;
		line-height: 1.4em;
	}
	
	
	.ccombox01 .com01
	{
		margin: 20px 0 0 0;
		font-size: 16px;
		line-height: 32px;
	}
	
	
	.cbtnbox01
	{
		margin: 40px auto 0 auto;
	}
	
	
	.cbtn01
	{
		height: 60px;
		margin: 18px auto 0 auto;
	}
	
	
	.cbtn01 .bt
	{
		line-height: 60px;
		opacity: 1.0;
	}
	
	
	.cpiblock
	{
		margin: 20px auto 0 auto;
		order: 3;
	}
	
	
	.cpimage
	{
		width: 100%;
		margin: 20px auto 0 auto;
	}
	
	
	.cpimage:first-of-type
	{
		margin-top: 0;
	}
	
	
	.ctiblock
	{
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin: 50px auto 0 auto;
	}
	
	
	.ctimage
	{
		width: 48.75%;
		margin: 2.5% 0 0 2.5%;
	}
	
	
	.ctimage:nth-of-type(odd)
	{
		margin-left: 0;
	}
	
	
	.alcont01 li a::before
	{
		opacity: 1.0;
	}
	
	
	.alcont01 li a .mtj, .alcont01 li a .mte
	{
		opacity: 1.0;
	}
	
	
	.cinfoplate01
	{
		width: 420px;
		height: 130px;
	}
	
	
	.cinfobox01
	{
		margin-top: 36px;
	}
	
	
	.cinfoplate01 .cinfobox01
	{
		margin-top: 19px;
		transform: scale( 0.95 );
	}
	
	
	
	
	
	.decosep01
	{
		width: 330px;
		height: 36px;
		margin: 70px auto 0 auto;
		background-size: 330px 36px;
	}
	
	
	
	
	
	.sbannerbox
	{
		width: 100%;
		height: auto;
	}
	
	
	.sbannercont
	{
		width: 424px;
		height: auto;
	}
	
	
	.sbanner
	{
		width: calc( 50% - 2px );
		height: auto;
		margin: 2px 2px 2px 2px;
	}
	
	
	.sbanner:nth-of-type(odd)
	{
		margin-left: 0;
	}
	
	
	.sbanner:nth-of-type(even)
	{
		margin-right: 0;
	}
	
	
	
	
	
	
	.rtt02
	{
		transform: scale( 1.2 );
	}
	
	
	
	
	
	#pgbadge
	{
		left: 6px;
		top: 160px;
	}
	
	
	
	
	
	
	
	
	
	#footercore
	{
		display: block;
		width: 420px;
		margin-top: 24px;
		/*background-color: rgba( 255, 255, 255, 0.3 );*/
	}
	
	
	#fmenubox
	{
		/*display: none;*/
		margin-left: -11px;
	}
	
	
	#fmenucont
	{
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	
	
	#fmenucont li
	{
		border-left: 0;
	}
	
	
	#fmenucont li:last-of-type
	{
		border-right: 0;
	}
	
	
	#fmenucont li a
	{
		padding: 10px 12px 10px 12px;
	}
	
	
	#fmenucont li a .mte
	{
		font-size: 14px;
	}
	
	
	#footitembox
	{
		width: 100%;
		margin: 56px auto 50px auto;
	}
	
	
	#footitembox .aboutbox
	{
		
	}
	
	
	.aboutbox .at
	{
		font-size: 18px;
	}
	
	
	.aboutbox .ac
	{
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	
	
	#footerbottombox
	{
		width: 420px;
		height: 160px;
	}
	
	
	#fhotelinfo
	{
		
	}
	
	
	#footlogohotel
	{
		
	}
	
	
	#footlogohotel .hotellogo01
	{
		width: 38px;
	}
	
	
	#footlogohotel .hotelcname02
	{
		width: 313px;
		margin-left: 5px;
	}
	
	/*
	#footcopy
	{
		position: relative;
		right: auto;
		bottom: auto;
		width: 384px;
		margin: 101px auto 0 auto;
		font-size: 15px;
		text-align: left;
		letter-spacing: 0.1em;
	}
	*/
	
	
	#fasoinfo
	{
		margin: 16px 0 0 1px;
	}
	
	
	#fasoinfo .asologo01
	{
		width: 30px;
	}
	
	
	#fasoinfo .asocname01
	{
		margin: 0 0 0 3px;
		font-size: 17px;
	}
	
	
	#fasoinfo .asoaddress, #fasoinfo .asotel
	{
		margin-top: 8px;
		font-size: 12px;
	}
	
	
	#fasoinfo .asoaddress
	{
		margin-left: 0;
	}
	
	
	#fasoinfo .asotel
	{
		
	}
	
	
	#fasonavibox
	{
		margin: 28px 0 0 0;
		font-size: 11px;
	}
	
	
	#fasonavicont
	{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	
	#fasonavicont li a
	{
		padding: 0 8px 0 8px;
	}
	
	
	#fasonavicont li a .mtj
	{
		letter-spacing: 0.025em;
	}
	
	
	
	.hbm_opened #hbmenuplate
	{
		/*transition-duration: 300ms;*/
		top: 0px;
	}
	
	
	.hbm_opened #obione
	{
		/*
		background-color: transparent;
		background-color: rgba( 255, 255, 255, 0.3 );
		*/
	}
	
	
	#hbmbtn
	{
		display: block;
		position: fixed;
		left: calc( 480px - 104px );
		top: 0px;
		width: 104px;
		height: 96px;
		text-decoration: none;
		color: #FFFFFF;
		will-change: transform;
		/*background-color: var( --point-color );*/
		/*background-color: rgba( 200, 200, 255, 0.3 );*/
		cursor: pointer;
		transition-duration: 300ms;
		z-index: 3;
	}
	
	
	#hbmbtn .bar01, #hbmbtn .bar02, #hbmbtn .bar03
	{
		display: block;
		position: absolute;
		left: -2048px;
		right: -2048px;
		margin: auto;
		width: 40px;
		height: 0px;
		border: solid 1px #FFFFFF;
		border-radius: 1px;
		transition-duration: 300ms;
	}
	
	
	#hbmbtn .bar01
	{
		top: -2076px;
		bottom: -2048px;
	}
	
	
	#hbmbtn .bar02
	{
		top: -2048px;
		bottom: -2048px;
	}
	
	
	#hbmbtn .bar03
	{
		top: -2048px;
		bottom: -2076px;
	}
	
	
	.hbm_opened #hbmbtn .bar01
	{
		top: -2048px;
		-webkit-transform: rotate( 765deg );
		transform: rotate( 765deg );
	}
	
	
	.hbm_opened #hbmbtn .bar02
	{
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
		opacity: 0.0;
	}
	
	
	.hbm_opened #hbmbtn .bar03
	{
		bottom: -2048px;
		-webkit-transform: rotate( 675deg );
		transform: rotate( 675deg );
	}
	
	
	.hbm_opened #hbmbtn p
	{
		opacity: 0.0;
	}
}