.wrapper {
	width: 100%;
}
a {
	text-decoration: none;
}
.outer {
	width: 100%;
}
.inner {
	margin: 0 auto;
}
@media screen and (max-width: 1024px) {
	.inner {
		width: calc(100% - 15px);
	}
}
/* SP */
.menu-mst {
}
@media screen and (max-width: 1024px) {
	.menu-mst {
		position: relative;
		background: #FFFFFF;
		z-index: 99;
	}
}
.menu-mst .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
 @media screen and (max-width: 1024px) {
	.menu-mst .inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.menu-mst-sp-menu {
	width: 100%;
	height: 12px;
}
@media screen and (max-width: 1024px) {
	.menu-mst {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 600px) {
	.menu-mst {
		margin-bottom: 10px;
	}
}
.menu-mst-sp-menu .menu {
	position: relative;
	display: inline-block;
	top:-40px;
	right: 0px;
	width: 14%;
}
@media screen and (max-width: 1024px) {
	.menu-mst-sp-menu .menu {
	margin-top: -6%;
	right: 0px;
	width: 14%;
	}
}
@media screen and (max-width: 600px) {
	.menu-mst-sp-menu .menu {
	margin-top: -3%;
	}
}
@media screen and (max-width: 400px) {
	.menu-mst-sp-menu .menu {
	margin-top: 1%;
	}
}
@media screen and (max-width: 300px) {
	.menu-mst-sp-menu .menu {
	margin-top: 1%;
	}
}
.menu-mst-sp-menu .menu img {
	vertical-align: bottom;
	width: 100%;
}
.menu-mst-sp-menu #sp_dw {
	display: none;
}

/* dw */
#sp_dw:checked ~ .dw {
 display: block;
}
.dw {
		display: none;
}
@media screen and (max-width: 1024px) {

	.dw {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		z-index: 99;
		overflow-y: scroll;
		}
	.dw-wrapper {
		width: 100%;
	}
	.dw-logo {
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 8px 0;
	}
	.dw-logo img {
		width: 80%;
	}
	.dw-kensaku-wrapper {
		position: relative;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		background: #F98300;
		padding: 4px 8px;
		width: 100%;
		height: 56px;
	}
	.dw-close {
		width: 48px;
		margin-right: 4px;
		left: 88%;
		position: relative;
	}
	.dw-close img {
		width: 100%;
		height: auto;
	}
}

/*追尾*/
.tr-dw-icon {
	position: fixed;
	display: block;
	top: 21px;
	right: 9px;
	width: 13%;
	z-index: 5;
}
@media screen and (min-width: 1024px) {
	.tr-dw-icon {
		display: none;
	}
}
.tr-dw-icon img {
	width: 100%;
}