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

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

	body.custom-background {
		background-color: transparent !important;
	}

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

	/* header */

	header .inner .logo {
		margin: auto 0 auto 3.2rem;
	}
	header .inner ul {
		margin: auto auto auto 3.2rem;
	}
	header .inner ul li:last-child a {
		min-width: 0;
	}

	/* main */

	main > .inner {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		min-height: 0;
	}

	/* aside */

	aside {
		margin: 0 3.2rem;
		width: auto;
		padding-bottom: 3em;
	}

	/* article */

	main article {
		margin: 0 0 7.5em 0;
		width: auto;
	}

	/* nav */

	aside nav {
		display: none;
	}

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

	/* bread */

	article > #bread {
		padding: 1rem;
	}

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

	article > .archives {
		margin: 0 2em 10em 2em;
	}

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

	/* drawer */

	.drawer-hamburger {
		display: block;
		width: 2.4em;
		padding: 1.25em 1.25em 3em 1.25em;
		background: #967f71;
		color: #fff;
		z-index: 100;
		position: fixed;
	}
	.drawer-hamburger:hover {
		background: transparent;
	}
	.drawer-close .drawer-hamburger {
		background: #967f71;
	}
	.drawer--right.drawer-open .drawer-hamburger {
		background: none;
	}
	.drawer-hamburger:after {
		content: 'メニュー';
		display: block;
		position: absolute;
		font-size: 1rem;
		line-height: 1;
		height: 1em;
		margin: auto;
		right: 0;
		left: 0;
		bottom: 1em;
	}
	.drawer-open .drawer-hamburger:after {
		content: '閉じる';
	}
	.drawer--right.drawer-open .drawer-hamburger {
		right: 0;
		color: #967f71;
	}
	.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
		height: 3px;
		background: #fff;
	}
	.drawer--right.drawer-open .drawer-hamburger-icon:after, .drawer--right.drawer-open .drawer-hamburger-icon:before {
		background: #967f71;
	}
	.drawer-nav {
		width: calc(50% - 4em);
		height: calc(100% - 10em);
		display: block;
		background-color: #fff;
		padding: 5em 2em;
		text-align: left;
		font-size: 1.6em;
	}
	.drawer--right .drawer-nav {
		right: -50%;
	}
	.drawer-nav .menu {
		font-weight: bold;
	}
	.drawer-nav .menu li {
		margin-bottom: 0.5em;
		position: relative;
	}
	.drawer-nav .menu li a {
		display: block;
		color: #222;
		text-decoration: none;
		border-left: 2px solid #967f71;
		padding-left: 1em;
	}
	.drawer-nav .menu li a:not([href]) {
		color: #999;
	}
	.drawer-nav .menu li a:hover {
		color: #222;
	}
	.drawer-nav .menu li a .menu_description {
		display: block;
		font-weight: normal;
		font-size: 1.2rem;
	}
	.drawer-nav .menu li .sub-menu {
		font-weight: normal;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	.drawer-nav .menu li .sub-menu li a {
		border-left: none;
		padding-left: 1em;
	}
	.drawer-nav .menu li .sub-menu li a .menu_description {
		display: none;
	}

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

	.entry {
		margin: 0 2em 10em 2em;
	}

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

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

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

	/* recent */

	#recent.entry {
		margin: -8em 2em 0 2em;
	}

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

	aside .entry {
		margin: 0;
	}
	aside .entry .widget {
		width: 48.5%;
		float: left;
		margin: 0 3% 2em 0;
		display: block;
	}

	/* block-7 */

	aside .entry #block-7.widget {
		margin: 0 0 2em 0;
	}

	/* block-9 */

	aside .entry #block-9.widget {
		display: none;
	}


}