/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media screen and ( max-width: 450px ) {

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

	.navi_header a.btn_reserve {
		width: 50px;
	}

	.navi_header a.btn_reserve span.sp {
		display: inline;
	}

	.navi_header a.btn_reserve span.pc {
		display: none;
	}



/* --------------- footer --------------- */

	.fixed_bnr_footer a {
		padding: 0 30px 1px 5px;
	}

	.fixed_bnr_footer a .icon {
		width: 30px;
	}

	.fixed_bnr_footer a .txt {
		padding-left: 8px;
	}

	.fixed_bnr_footer a::after {
		width: 22px;
		right: 12px;
	}

	.col_footer {
		padding: 7.4vw 0;
	}


/* --------------- common --------------- */

	.bg_pagettl {
		height: 30vw;
		margin: 0 0 10vw;
	}

	#pagettl {
		padding: 0 0 2.2vw;
	}

	#pagettl:before {
		width: 20.8vw;
		height: 0.8vw;
		left: calc( 50% - 10.4vw );
	}

	#pagettl .jp {
		margin: 0 0 1vw;
		font-size: 7.2vw;
	}

	.mds_sub1 {
		font-size: ;
	}




}

/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */