@charset "UTF-8";
@media screen and (min-width: 990px) {
	nav.atrnav ul.topnav{
	    right: 50px;
	}
	.Toggle span {
	    display: block;
	    position: absolute;
	    width: 30px;
	    border-bottom: solid 3px #ffffff;
	    -webkit-transition: .35s ease-in-out;
	    -moz-transition: .35s ease-in-out;
	    transition: .35s ease-in-out;
	    left: 6px;
	}
	.Toggle span:nth-child(1) {
	    top: 9px;
	}

	.Toggle span:nth-child(2) {
	    top: 18px;
	}

	.Toggle span:nth-child(3) {
	    top: 27px;
	}
	.Toggle.active span:nth-child(1) {
	    top: 18px;
	    left: 6px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.Toggle.active span:nth-child(2), .Toggle.active span:nth-child(3) {
	    top: 18px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.drawer_menu .drawer_bg {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		background-color: rgba(51, 51, 51, 0.5);
		display: none;
		top: 0;
		left: 0;
	}

	.drawer_menu .drawer_button {
		background: rgba(3, 42, 119, 1);
		display: block;
		color: #fff;
		border: none;
		padding: 5px;
		width: 42px;
		height: 40px;
		letter-spacing: 0.1em;
		cursor: pointer;
		position: fixed;
		top: 5px;
		right: 60px;
		z-index: 1001;
		text-align: center;
		outline: none;
	}

	.drawer_menu .drawer_button.active .drawer_bar {
		width: 40px;
	}

	.drawer_menu .drawer_button.active .drawer_bar1 {
		transform: rotate(30deg);
	}

	.drawer_menu .drawer_button.active .drawer_bar2 {
		opacity: 0;
	}

	.drawer_menu .drawer_button.active .drawer_bar3 {
		transform: rotate(-30deg);
	}

	.drawer_menu .drawer_button.active .drawer_menu_text {
		display: none;
	}

	.drawer_menu .drawer_button.active .drawer_close {
		display: block;
	}

	.drawer_menu .drawer_bar {
		display: block;
		height: 2px;
		margin: 8px 2px;
		transition: all 0.2s;
		transform-origin: 0 0;
	}

	.drawer_menu .drawer_text {
		text-align: center;
		font-size: 10px;
	}

	.drawer_menu .drawer_close {
		letter-spacing: 0.08em;
		display: none;
	}

	.drawer_menu .drawer_menu_text {
		display: block;
	}

	.drawer_menu .drawer_nav_wrapper {
		width: 300px;
		height: 100%;
		transition: all 0.2s;
		transform: translate(300px);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		background-color: #FFF;
		/* ドロワーメニュー内背景色 */
		overflow-x: hidden;
		overflow-y: auto;
	}

	.drawer_menu .drawer_nav {
		display: block;
		position: relative;
		padding-top: 50px;
		background-color: rgba(3, 42, 119, 1);
	}

	.drawer_menu .drawer_nav li {
		background-color: #fff;
		height: auto;
		line-height: 50px;
		/*  ドロワーメニューリスト項目高さ */
		position: relative;
		border-bottom: 1px solid #eee;
		margin:0;
	}
	.drawer_menu .drawer_nav li:before{
	   content: inherit;
	}

	.drawer_menu .drawer_nav li a {
	   background-color: rgba(3, 42, 119, 1);
	   color: #fff;
		display: block;
		text-align: left;
		padding-left: 20px;
	}

	/* スマートフォン2階層目 */
	.drawer_menu .drawer_nav li:hover ul.second-level {
	/*		display: block; */
	}

	.drawer_menu .drawer_nav li ul.second-level {
		display: none;
		position: relative;
		padding: 0;
		z-index: 1001;
	}
	.drawer_menu .drawer_nav li ul.second-level li a {
		padding-left: 40px;
		background-color: rgba(0, 39, 141, 0.8);
	}

	.drawer_menu .drawer_nav_wrapper.open {
		transform: translate(0);
		background: rgba(0, 39, 141, 1);
	}

	.drawer_menu.left .drawer_button {
		right: auto;
		left: 32px;
	}

	.drawer_menu.left .drawer_nav_wrapper {
		transform: translate(-300px);
		right: auto;
		left: 0;
	}

	.drawer_menu.left .drawer_nav_wrapper.open {
		transform: translate(0);
	}

	.pc-hidden {
		text-align: center;
	}

	.touch-btn {
		color: #555;
		position: absolute;
		top: .25rem;
		right: 2%;
		display: block;
		z-index: 10;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
	}
	.touch-btn::before {
        color: #fff;
        position: absolute;
        top: 0;
        content: '\f107';
        right: 2%;
        font-family: "Font Awesome 5 Free";
        display: block;
        z-index: 10;
        width: 50px;
        height: 50px;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
        font-size: 28px;
        transform: rotate(-90deg);
    }
    .drawer_menu .drawer_nav li ul.second-level .touch-btn{
    	width: 40px;
        height: 40px;
    }
    .drawer_menu .drawer_nav li ul.second-level .touch-btn::before{
        width: 40px;
        height: 40px;
        font-size: 24px;
        margin: auto;
    }
    .add.touch-btn::before {
	    transform: rotate(0deg);
	}
}