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

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

	.sp_none {
		display: none;
	}


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



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

	a.fixedbnr_line {
		width: 100%;
		height: auto;
		padding: 8px 50px 8px 10px;
		background-image: none;
		background-color: rgba(6,199,85,0.95);
		flex-direction: row;
		transition: width .5s;
		right: auto;
		left: 0;
		bottom: 0;
	}
	a.fixedbnr_line.scrl {
		width: calc( 100% - 120px );
		right: auto;
	}
	a.fixedbnr_line .icon { margin: 0 8px 0 0; }
	a.fixedbnr_line .txt {
		max-width: 310px;
	}
	a.fixedbnr_line .lead {
		width: 100%;
		font-size: 15px;
		text-align: center;
	}
	a.fixedbnr_line .lead:before,
	a.fixedbnr_line .lead:after {
		content: none;
	}
	a.fixedbnr_line .arrow { display: none; }
	
	a.fixedbnr_line .close {
		width: 40px;
		height: 40px;
		background-color: rgba(255,255,255,0);
		border: solid 1px #fff;
		top: calc( 50% - 20px );
		right: 10px;
	}
	a.fixedbnr_line .close:before,
	a.fixedbnr_line .close:after {
		content: "";
		width: 26px;
		height: 1px;
		margin: 0;
		padding: 0;
		background-color: #fff;
		transform-origin: center center;
		position: absolute;
		top: 50%;
		left: 50%;
	}
	a.fixedbnr_line .close:before {
		transform: translate(-50%, -50%) rotate(45deg);
	}
	a.fixedbnr_line .close:after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}
	@keyframes lineclose {
		0% {
			bottom: 0px;
		}
		70% {
			bottom: -100px;
		}
		100% {
			bottom: -100px;
		}
	}




	.col_footDrive {
		height: auto;
		padding: 15vw 0 0;
	}

	.img_footcar {
		width: 90%;
		bottom: 10px;
	}

	.img_footcar img {
		width: 120px;
	}

	.img_footcar .tire {
		width: 28px;
		height: 28px;
	}

	.img_footcar .tire.rear {
		left: 14px;
	}

	.img_footcar .tire.front {
		right: 13px;
	}

	.img_footcar .tire:before {
		width: 6px;
		height: 6px;
		bottom: calc(50% - 6px);
		left: calc(50% - 6px);
	}

	.layer_foot_land {
		height: 100px;
		background-image: url(../img/sp/layer_land.png);
		background-size: auto 100%;
	}

	.loop_foot_land {
		height: 220px;
	}

	.loop_foot_land img {
		width: 1704px;
		height: 203px;
	}

	.loop_foot_land.name {
		height: 26px;
		bottom: 17px;
	}

	.loop_foot_land.name img {
		height: 26px;
	}

	.loop_foot_land span.pc_none.loop1 {
		animation: loop_land1 60s -30s linear infinite;
	}

	.loop_foot_land span.pc_none.loop2 {
		animation: loop_land2 60s linear infinite;
	}

	footer {
		padding: 30px 0 25px;
	}
	
	.inner_footer {
		width: 90%;
	}

	.logo_footer {
		width: 180px;
		margin-bottom: 20px;
	}

	.address_footer {
		margin-bottom: 25px;
		line-height: 1.75;
	}

	.tel_footer {
		margin-bottom: 25px;
	}
	
	.calendar_footer {
		width: 100%;
		max-width: 500px;
	}
	
	.txt_footer_cal2 {
		width: 100%;
		max-width: 500px;
	}
	
	dl.col_footcalender dd .calender {
		font-size: 15px;
		line-height: 1.8;
	}
	
	dl.col_footcalender dd .calender:last-of-type {
		margin-right: 0;
	}
	
	table.tbl_calender {
		line-height: 1.3;
		font-size: 17px;
	}

	.pagetop {
		width: 90px;
		height: 76px;
		padding-top: 30px;
		font-size: 17px;
		bottom: 15px;
		right: 15px;
	}

	.pagetop:before {
		width: 12px;
		height: 18px;
		top: 11px;
	}



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


	.col_pagettl {
		width: 94%;
		height: 39vw;
		margin: 4px auto 22px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.col_pagettl h1,
	.col_pagettl h2 {
		font-size: 6vw;
		color: #fff;
		text-align: center;
		line-height: 1.3;
	}

	.mds_star {
		margin: 0;
		padding: 0;
		font-size: 25px;
		line-height: 1.3;
		text-align: center;
	}

	.mds_star .icon {
		padding-left: 40px;
		background-image: url(../img/icon_star.gif);
		background-repeat: no-repeat;
		background-size: 29px auto;
		background-position: left top;
		display: inline-block;
	}
	
	.col_bread {
		display: none;
	}
	
	.col_prepare1 {
		padding: 10vw 5%;
	}


	/* --------------- studio --------------- */

	.col_pagenavi.col2 ul {
		width: 90%;
		max-width: 548px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;
	}


}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */