﻿.arrow {
	display: block;
	margin: auto;
	width: 15px;
	height: 36px;
}

.arrow-mobile {
	display: none;
}

/*ipad*/
@media screen and (max-width: 820px) {
	.arrow {
		display: none;
	}

	.arrow-mobile {
		display: block;
		height: 15px;
		width: 36px;
		margin: auto;
		margin-top: 5px;
		margin-bottom: 5px
	}
}

/*phone縦置き*/
@media screen and (max-width: 480px) {
	.arrow {
		display: none;
	}

	.arrow-mobile {
		display: block;
		height: 15px;
		width: 36px;
		margin: auto;
		margin-top: 5px;
		margin-bottom: 5px
	}
}