@charset "utf-8";
@media only screen and (max-width: 960px) {

	/*-----------------------------------------------------
		layout
	------------------------------------------------------*/

	/* main */

	main {
		display: block;
		min-height: 0;
	}
	main > .logo {
		display: block;
		background: #00a99d;
		font-size: 0;
		-moz-border-radius: 0 0 0.4rem 0.4rem;
		-webkit-border-radius: 0 0 0.4rem 0.4rem;
		border-radius: 0 0 0.4rem 0.4rem;
		position: absolute;
		width: calc(100% - 6.4rem);
		padding: 1.6rem 3.2rem;
	}
	main > .logo img {
		width: 240px;
	}

	/* header */

	header > .inner {
		padding: 7.5em 0 2em 0;
	}
	header .inner > .logo {
		display: none;
	}

	/* nav */

	header .inner > .menu > .menu-item-has-children > a:after {
		content: none;
	}
	header .inner > .menu li .sub-menu {
		display: block;
		position: static;
	}
	header .inner > .menu li .sub-menu:after {
		content: none;
	}
	header .inner > .menu li .sub-menu li a {
		color: #222;
		padding-left: calc(1em + 3px);
		background: transparent;
		min-width: 0;
	}

	/* article */

	article {
		min-height: 100vh;
	}

	/* aside */

	aside > ul li a img {
		max-width: 240px;
	}

	/*-----------------------------------------------------
		module
	------------------------------------------------------*/

	/* hgroup */

	article > #hgroup {
		padding: 12em 2em 3em 2em;
	}

	/* bread */

	article > ul#bread {
		padding: 1.2rem;
	}

	/*-----------------------------------------------------
		default
	------------------------------------------------------*/

	/* drawer */

	.drawer-hamburger {
		display: block;
		width: 2.5em;
		padding: 1.5em 1.75em 3.5em 1.75em;
		z-index: 1002;
		background-color: #008080;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		z-index: 501;
	}
	.drawer-hamburger:after {
		content: 'メニュー';
		display: block;
		position: absolute;
		font-size: 1rem;
		line-height: 1;
		height: 1em;
		margin: auto;
		right: 0;
		left: 0;
		bottom: 1.75em;
		font-family: "Zen Maru Gothic", sans-serif;
		font-weight: 500;
		letter-spacing: .1em;
		color: #fff;
	}
	.drawer-open .drawer-hamburger, .drawer-close .drawer-hamburger {
		background-color: #008080;
	}
	.drawer-open .drawer-hamburger:after {
		content: '閉じる';
	}
	.drawer--left .drawer-hamburger {
		left: 1em;
		top: 1em;
	}
	.drawer--left.drawer-open .drawer-hamburger {
		left: 1em;
	}
	.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
		height: 3px;
		background: #fff;
	}
	.drawer-nav {
		top: 0 !important;
		z-index: 50;
		width: 50%;
		background-color: rgba(255,255,255,0.75);
		-webkit-backdrop-filter: blur(0.25em);
		backdrop-filter: blur(0.25em);
	}
	.drawer--left .drawer-nav {
		left: -50%;
	}

	/*-----------------------------------------------------
		custom
	------------------------------------------------------*/

	/* home_a */

	.entry .home_a {
		margin-right: -1em;
		margin-left: -1em;
	}


}