@charset "utf-8";
/* 1200px for SP */
@media screen and (max-width: 1200px) {

	/*---------------------------------------------------------*/
	/* header */
	/* .header */
	.head{
		height: 70px;
	}
	.head .logo{
		padding-left: 82px;
	}

	/* head_form */
	.head_form .word{
		width: 30vw;
	}
	.head_form .recently_wrap > .accordion_body{
		left: -320px;
		width: calc(100vw - 50px);
	}


	/* head_account_title */
	.head_account_title{
		background: url(../img/head/account.svg) no-repeat center center;
		background-size: contain;
		padding: 0;
		text-indent: -1000vw;
		width: 38px;
	}

	/* head_hamburger */
	.head_hamburger{
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 10px;
		left: 8px;
		width: 50px;
		height: 50px;
		cursor: pointer;
		z-index: 200;
	}
	.head_hamburger .border{
		background: #fff;
		border-radius: 5px;
		content: "";
		display: block;
		width: 30px;
		height: 2px;
		position: absolute;
		transition: all 0.3s ease-out;
	}
	.head_hamburger .border:nth-child(1){
		top: 12px;
	}
	.head_hamburger .border:nth-child(3){
		bottom: 12px;
	}
	.head_hamburger.active .border:nth-child(1){
		top: calc(50% - 1px);
		transform: rotate(45deg);
	}
	.head_hamburger.active .border:nth-child(2){
		width: 0;
	}
	.head_hamburger.active .border:nth-child(3){
		top: calc(50% - 1px);
		transform: rotate(-45deg);
	}

	/* globalnav */
	.globalnav,
	.globalnav .inner{
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		left: auto;
		left: -100vw;
		top: 0;
		height: 100%;
		transition: 0.3s all;
		z-index: 50;
	}
	.globalnav{
		width: 100%;
	}
	.globalnav.active{
		left: 0;
	}
	.globalnav .inner{
		background: #004EBB;
		overflow: auto;
		padding: 88px 24px 20px;
		width: 326px;
	}
	.globalnav.active .inner{
		left: 0;
	}
	.globalnav .logo{
		display: block;
		width: 165px;
	}
}