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

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

	body {
		background-attachment: scroll, scroll;
		background-size: 150% auto, 150% auto;
		background-position: 100% 0, 100% 100%;
	}

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

	/* header */

	header {
		display: block;
		padding: 5em 2em;
	}
	header:hover {
		background: rgba(255,255,255,0.75);
	}
	header .logo {
		margin: 0 0 2em 0;
	}
	.home header .logo {
		display: block;
	}
	header .logo img {
		max-width: 300px;
	}
	header nav {
		margin: 0;
		text-align: left;
	}

	/* nav */

	header nav .menu {
		font-size: inherit;
		margin-bottom: 2em;
	}
	header nav .menu li {
		font-size: inherit;
		display: block;
	}
	header nav .menu li:not(:last-child) {
		margin-right: 0;
		margin-bottom: 0.5em;
	}
	header nav .menu > li:last-child {
		margin-top: 1em;
	}
	header nav .menu li .sub-menu {
		display: block;
		position: static;
		min-width: 0;
		padding: 0.75em 0 0 1em;
	}
	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;
		background: transparent;
		color: inherit;
	}
	header nav .menu li .sub-menu li a:hover {
		background: transparent;
	}

	/* footer */

	footer .top .contact .more a {
		padding: 0.5em 4em 0.5em 2em;
		width: auto;
		max-width: 100%;
	}

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

	/* hgroup */

	article > #hgroup {
		background-size: cover;
		background-position: 50% 50%;
	}

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

	/* post */

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

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

	/* drawer */

	.drawer-hamburger {
		display: block;
		width: 3rem;
		padding: 1.25rem 1.25rem 3.75rem 1.25rem;
		z-index: 1002;
	}
	.drawer-hamburger:after {
		content: 'MENU';
		display: block;
		position: absolute;
		font-size: 1rem;
		line-height: 1;
		height: 1em;
		margin: auto;
		right: 0;
		left: 0;
		bottom: 0.75em;
		font-family: "Antonio", sans-serif;
		font-weight: 500;
		letter-spacing: .1em;
		color: #C92629;
	}
	.drawer-open .drawer-hamburger:after {
		content: 'CLOSE';
	}
	.drawer--right.drawer-open .drawer-hamburger {
		right: 0;
	}
	.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
		height: 3px;
		background: #C92629;
	}
	.drawer-nav {
		top: 0 !important;
		right: auto;
		width: 50%;
		background-color: rgba(255,255,255,0.75);
		-webkit-backdrop-filter: blur(0.5em);
		backdrop-filter: blur(0.5em);
		height: calc(100% - 10em);
	}
	.drawer--right .drawer-nav {
		right: calc(-50% - 4em);
	}

	/* sign */

	#sign {
		background-size: cover;
	}

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

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

	/* heatpump_a */

	.entry .heatpump_a > .wp-block-group__inner-container {
		max-width: none;
		padding: 3em 2em 2em 2em;
	}
	.entry .heatpump_a > .wp-block-group__inner-container figure {
		max-width: 360px;
	}

	/* storagefloor_b */

	.entry .storagefloor_b > .wp-block-group__inner-container {
		right: 2em;
		width: auto;
		max-width: none;
		padding: 3em 2em 2em 2em;
	}

	/* storagefloor_a */

	.entry .storagefloor_a figure {
		max-width: 240px;
	}

	/* snowmelting_a */

	.entry .snowmelting_a .wp-block-group {
		width: auto;
		float: none;
	}
	.entry .snowmelting_a .wp-block-group:nth-child(odd) {
		margin: 0 0 2em 0;
	}

	/* hgroup_a */

	.entry .hgroup_a {
		padding: 5em 2em;
	}
	.entry .hgroup_a {
		background-size: auto, contain;
	}

	/* thermalstorage_a */

	.entry .thermalstorage_a {
		width: 340px;
		min-height: 210px;
		margin: 0 2em 2em 0;
	}
	.entry .thermalstorage_a figure {
		width: auto;
		max-width: none;
		min-width: 110px;
	}
	.entry .thermalstorage_a figure figcaption {
		font-size: 1.2rem;
	}

	/* nonstoragefloor_a */

	.entry .nonstoragefloor_a figure {
		max-width: 240px;
	}

	/* home_e */

	.entry .home_e.is-layout-flex {
		display: block;
	}
	.entry .home_e.is-layout-flex .wp-block-image {
		margin-bottom: 2em;
		text-align: center;
	}
	.entry .home_e.is-layout-flex p {
		margin-left: 0;
		text-align: center;
	}

	/* home_c */

	.entry .home_c {
		margin: 0 2em;
	}
	.entry .home_c .wp-block-group {
		width: auto;
		float: none;
	}
	.entry .home_c .wp-block-group:nth-child(odd) {
		margin: 0 0 2em 0;
	}

	/* home_b */

	.entry .home_b {
		display: block;
		background-image: -moz-linear-gradient( right, rgba(255,255,255,0) 2em, #FAF0E6 2em);
		background-image: -webkit-linear-gradient( right, rgba(255,255,255,0) 2em, #FAF0E6 2em);
		background-image: linear-gradient(to left, rgba(255,255,255,0) 2em, #FAF0E6 2em);
	}
	.entry .home_b figure.wp-block-image {
		min-width: 0;
		text-align: right;
	}
	.entry .home_b figure.wp-block-image img {
		max-width: 480px;
	}
	.entry .home_b .wp-block-group {
		margin-right: 4em;
	}

	/* home_a */

	.entry .home_a > .wp-block-group__inner-container {
		padding: 15em 2em;
		/*
		background-image: none;
		background-color: rgba(255,255,255,0.5);
		*/
	}

	/* company_a */

	.entry .company_a {
		display: block;
	}
	.entry .company_a.right, .entry .company_a.left {
		margin: 0 2em;
	}
	.entry .company_a.right figure.wp-block-image {
		margin-right: -2em;
		text-align: right;
	}
	.entry .company_a.left figure.wp-block-image {
		margin-left: -2em;
		text-align: left;
	}
	.entry .company_a figure.wp-block-image {
		min-width: 0;
	}
	.entry .company_a figure.wp-block-image img {
		max-width: 480px;
	}
	.entry .company_a.right figure.wp-block-image figcaption {
		max-width: 480px;
		right: 0;
	}

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

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

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


}