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

@media screen and (max-width: 1008px) {
	.home .header {
		display: block;
	}
	
	.header__inner {
		padding: 12px 0 12px 24px;
	}
	.header__menu {
		display: none;
	}
	.header__right {
		display: none;
	}
	
	.toggle {
		position: fixed;
		display: block;
		top: 16px;
		right: 24px;
		z-index: 1200;
	}
	.toggleBox {
		position: relative;
		width: 32px;
		height: 20px;
		cursor: pointer;
	}
	.toggleBox > span {
		width: 100%;
		height: 1px;
		left: 0;
		display: block;
		background: #000;
		position: absolute;
		transition: transform .6s ease-in-out, top .5s ease, bottom .5s ease;
	}
	.toggleBox > span:nth-child(1) {
		top: 0;
	}
	.toggleBox > span:nth-child(2) {
		top: 50%;
		transform: translatey(-50%);
	}
	.toggleBox > span:nth-child(3) {
		bottom: 0;
	}
	.navContent {
		display: block;
		z-index: 1100;
		overflow: auto;
		width: 50%;
		height: 100%;
		background: #fff;
		position: fixed;
		top: 0;
		right: 0;
		text-align: center;
		transform: translateX(100%);
		transition:  transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.navContent ul {
		margin-top: 60px;
		list-style: none;
		margin-bottom: 40px;
	}
	.navContent li a {
		display: block;
		text-decoration: none;
		font-size: 2rem;
		padding: 24px 0;
		transition: opacity .6s ease;
		position: relative;
	}
	.navContent .c_btn {
		width: 240px;
		padding-right: 48px;
		margin: 0 auto 60px;
	}
	.navContent .c_btn:before {
		left: calc(50% + 42px);
	}
	.is_open .navContent {
		transform: translateX(0);
	}
	.is_open {
		overflow: hidden;
	}
	.is_open .toggleBox > span {
	}
	.is_open .toggleBox > span:nth-child(1) {
		top: 50%;
		transform: rotate(45deg) translatey(-50%);
	}
	.is_open .toggleBox > span:nth-child(2) {
		width: 0;
	}
	.is_open .toggleBox > span:nth-child(3) {
		top: 50%;
		transform: rotate(-45deg) translatey(-50%);
		left: 1px;
	}
	.is_open .toggleBox {
		z-index: 999;
		transform: translateX(0);
	}
	
	.breadcrumbs {
		overflow-x: scroll;
	}
	.breadcrumbs__wrap {
		display: inline-block;
		white-space: nowrap;
	}
	.breadcrumbs__wrap > * {
		display:inline-block;
	}
}