/********************************************************************************
 common-tablet.css
********************************************************************************/

@media screen and (max-width: 1140px) {
	.header {
		display: block;
		height: 100%;
		transform: translatey(-150%);
		transition:  transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.header__inner {
		margin-top: 40px;
		display: block;
	}
	.header__logo {
		margin-bottom: 28px;
	}
	.header__linkList {
		display: block;
		text-align: center;
	}
	.header__linkBtn {
		margin: 0 auto;
	}
	.header__linkList a {
		margin: 0 auto!important;
		padding: 20px 0;
		display: block;
	}
	.header__linkList a.header__linkBtn {
		padding: 0!important;
		margin-top: 20px!important;
	}
	.toggle {
		display: block;
		position: fixed;
		top: 40px;
		right: 32px;
		z-index: 1300;
		cursor: pointer;
	}
	.toggleBox {
		background: url(../images/common/toggle_open.png) no-repeat center center / contain;
		width: 35px;
		height: 28px;
		top: 0;
		left: 0;
		transition: .3s;
	}
	.js_toggle_open	.toggleBox {
		background: url(../images/common/toggle_close.png) no-repeat center center / contain;
		width: 32px;
		height: 43px;
	}
	.js_toggle_open .header {
		transform: translatey(0);
	}
	
	.footer__logo {
		width: 300px;
	}

}