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

	/*-----------------------------------------------------
		base
	------------------------------------------------------*/

	body {
		border-top: none;
	}

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

	/* header */

	header {
		border-top: 5px solid #15007F;
		position: fixed;
		background: #fff;
		width: calc(100% - 2em);
		margin: 0;
		padding: 1em;
		-moz-box-shadow: 0 0.25em 1em rgba(0,0,0,0.25);
		-webkit-box-shadow: 0 0.25em 1em rgba(0,0,0,0.25);
		box-shadow: 0 0.25em 1em rgba(0,0,0,0.25);
		z-index: 100;
	}

	/* nav */

	header nav {
		text-align: left;
	}
	header nav .menu {
		font-size: inherit;
	}
	header nav .menu li {
		display: block;
		font-size: inherit;
	}
	header nav .menu li:not(:first-of-type) {
		margin-left: 0;
	}
	header nav .menu li a {
		display: block;
		padding: 0.5em 0;
	}
	header nav .menu li .sub-menu {
		display: block;
		position: static;
		padding: 0 0 0 1em;
		min-width: 0;
		font-weight: 400;
	}
	header nav .menu li .sub-menu:before {
		content: none;
	}
	header nav .menu li .sub-menu li a, header nav .menu .current-menu-item .sub-menu li a {
		padding: 0.5em 0;
		background: transparent;
		color: inherit;
	}
	header nav .menu li .sub-menu li a:hover {
		background: transparent;
	}

	/* article */

	article.type-member {
		margin: 0;
	}

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

	/* hgroup */

	article > #hgroup {
		padding: 10em 0 5em 0;
	}
	article.type-member > #hgroup {
		margin: 0 2em;
	}

	/* bread */

	article.type-member > #bread {
		margin: 0 3.2rem 8rem 3.2rem;
	}

	/* type-member */

	article.type-member > #left {
		float: none;
		width: auto;
		padding-right: 0;
		margin: 0 2em 5em 2em;
	}
	article.type-member > #left .member {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	article.type-member > #left .member:nth-of-type(3n) {
		margin-right: 0;
	}
	article.type-member > #left .member:nth-of-type(3n+1) {
		clear: left;
	}

	/*-----------------------------------------------------
		archives
	------------------------------------------------------*/

	/* post */

	article > .archives .post figure img {
		width: 90px;
	}

	/* member */

	article > .archives .member {
		width: 47.5%;
	}
	article > .archives .member:nth-of-type(3n) {
		margin-right: 5%;
	}
	article > .archives .member:nth-of-type(3n+1) {
		clear: none;
	}
	article > .archives .member:nth-of-type(even) {
		margin-right: 0;
	}
	article > .archives .member:nth-of-type(2n+1) {
		clear: left;
	}

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

	/* drawer */

	.drawer-hamburger {
		display: block;
		width: 3em;
		padding: 0 0 2.25em 0;
		z-index: 1002;
		position: static;
		margin: auto 0 auto auto;
	}
	.drawer-hamburger:after {
		content: 'メニュー';
		display: block;
		position: absolute;
		font-size: 1rem;
		line-height: 1;
		letter-spacing: .05em;
		height: 1em;
		margin: auto;
		right: 0;
		left: 0;
		bottom: 0;
		color: #222;
		font-family: "BIZ UDPGothic", sans-serif;
		font-weight: 700;
	}
	.drawer-open .drawer-hamburger:after {
		content: '閉じる';
		color: #222;
	}
	.drawer--right.drawer-open .drawer-hamburger {
		right: 0;
	}
	.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
		height: 3px;
		background: #222;
	}
	.drawer-open .drawer-hamburger-icon {
		background: transparent;
	}
	.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {
		background: #222;
	}
	.drawer-nav {
		padding: 5em 2em;
		top: 0 !important;
		right: auto;
		width: 50%;
		background: rgba(255,255,255,0.75);
		-webkit-backdrop-filter: blur(0.5em);
		backdrop-filter: blur(0.5em);
	}
	.drawer--right .drawer-nav {
		right: calc(-50% - 4em);
	}

	/*-----------------------------------------------------
		entry
	------------------------------------------------------*/

	/* type-member */

	article.type-member .entry {
		margin: 0 2em;
		float: none;
		width: auto;
	}

	/*-----------------------------------------------------
		class
	------------------------------------------------------*/

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

	/*-----------------------------------------------------
		section
	------------------------------------------------------*/

	/* member */

	#member.entry .member {
		width: 47.5%;
	}
	#member.entry .member:nth-of-type(3n) {
		margin-right: 5%;
	}
	#member.entry .member:nth-of-type(3n+1) {
		clear: none;
	}
	#member.entry .member:nth-of-type(even) {
		margin-right: 0;
	}
	#member.entry .member:nth-of-type(2n+1) {
		clear: left;
	}

	/*-----------------------------------------------------
		widget
	------------------------------------------------------*/


}