/* @group nav 

_|      _|    _|_|    _|      _|
_|_|    _|  _|    _|  _|      _|
_|  _|  _|  _|_|_|_|  _|      _|
_|    _|_|  _|    _|    _|  _|
_|      _|  _|    _|      _|

 --------------------------------------------------------*/
div#menu_toggle {
	display: none;
	position: fixed;
	top: 0;
	height: 65px;
	width: 65px;
	z-index: 130;
	right: 0;
	background: #898989;
	color: #FFF;
	font-size: 80%;
}

#navi {
	width: 100%;
	background: none;
	z-index: 130;
	position: fixed;
	height: 65px;
	left: 0;
	right: 0;
	top: 0;
	padding: 0;
	display: none;
}

div.audio {
	display: none;
	width: 21px;
	height: 21px;
	background: #BBB url(../elements/icon_audio.png?1812141) 50% 50% / 120% no-repeat;
	z-index: 130;
	top: 20px;
	right: 70px;
	cursor: pointer;
	position: absolute;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	transition-property: background-color;
	transition-duration: 0.4s;
	transition-timing-function: ease-out;
}

div.audio.play {
	background: #e7a219 url(../elements/icon_audio.png?1812141) 50% 50% / 120% no-repeat;
}

div.audio.mute {
	background: #BBB url(../elements/icon_audio.png?1812141) 50% 50% / 120% no-repeat;
}

div.audio.force_mute {
	background: #BBB url(../elements/icon_audio.png?1812141) 50% 50% / 120% no-repeat !important;
}

div#navi > nav {
	padding: 0 0 30px;
	text-align: left;
	transition-property: transform;
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
	z-index: 100;
	position: absolute;
	top: 0;
	background: #2D2D2D;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: matrix(1, 0, 0, 1, 280, 0);
	-moz-transform: matrix(1, 0, 0, 1, 280, 0);
	-o-transform: matrix(1, 0, 0, 1, 280, 0);
	-ms-transform: matrix(1, 0, 0, 1, 280, 0);
	transform: matrix(1, 0, 0, 1, 280, 0);
	right: 0;
	width: 280px;
	height: 100%;
}
div#navi > nav a:not(.menu_btn) {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease-out;
}
div#navi > nav a:not(.menu_btn).on {
	transition-duration: 0.1s;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

div#navi > nav::-webkit-scrollbar {
	width: 5px;
}

div#navi > nav::-webkit-scrollbar-track {
	width: 5px;
}

div#navi > nav::-webkit-scrollbar-thumb {
	background: #2d2d2d;
	border-radius: 0;
}

div#navi > nav::-webkit-scrollbar-track-piece:start {
	background: #EEE;
}

div#navi > nav::-webkit-scrollbar-track-piece:end {
	background: #EEE;
}

div#navi > nav > ul {
	width: 100%;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 0;
	height: auto;
	position: relative;
	font-size: 12px;
	padding: 60px 0 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 20px;
	color: #fff;
	font-family: 'NotoSerifCJKjp-Regular';
	display: block;
	font-weight: bold;
}

div#navi > nav ul > li {
	text-align: left;
	vertical-align: middle;
	height: auto;
	margin: 0;
	position: relative;
}

div#navi > nav li {
	display: none;
}

div#navi > nav li.class_top, div#navi > nav li.class_top li {
	display: block;
}

div#navi > nav ul > li .menu_btn {
	white-space: nowrap;
	transition-property: background, color;
	transition-duration: 0.25s;
	transition-timing-function: ease-out;
	display: block;
	color: #FFF;
	text-decoration: none;
	height: 100%;
	background: transparent !important;
	padding: 12px 15px;
	opacity: 1 !important;
	-moz-opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha(opacity=100)" !important;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	letter-spacing: 0.15em;
}

div#navi > nav ul > li > .menu_btn.on {
	transition-duration: 0s, 0.25s;
}

div#navi > nav ul > li.on > .menu_btn {
	transition-duration: 0s, 0.25s;
}

div#navi > nav ul > li .menu_btn.active {
	cursor: default;
}

div#navi > nav ul > li > .menu_btn::after {
	content: "";
	width: 5px;
	height: 100%;
	background: #777;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	transition-property: opacity;
	transition-duration: 0.6s;
	transition-timing-function: ease-out;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}

div#navi > nav ul > li > .menu_btn.on::after, div#navi > nav ul > li .menu_btn.active::after {
	transition-duration: 0.1s;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

div#navi > nav ul > li .menu_btn > span {
	position: relative;
	line-height: 1;
	z-index: 5;
	text-align: left;
}

div#navi > nav ul > li .menu_btn > span.main {
	text-align: left;
}

div#navi > nav ul > li .menu_btn > span.main > img {
	display: inline-block;
}

div#navi > nav ul > li .menu_btn > span.description {
	display: block;
	font-size: 40%;
	line-height: 1.5;
	padding-left: 1px;
}

div#navi > nav ul > li > ul {
	left: 0;
	transition-property: top, opacity;
	transition-delay: 0.5s, 0s;
	transition-duration: 0s, 0.5s;
	display: block !important;
	position: relative;
	background: none;
	top: 0;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

div#navi > nav ul > li.on > ul {
	top: 100%;
	transition-delay: 0s, 0s;
	transition-duration: 0s, 0s;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
div#navi > nav {
}
div#navi > nav > div.sns {
	overflow: hidden;
	padding: 10px 25px 0 0;
}
div#navi > nav > div.sns > a {
	display: block;
	letter-spacing: normal;
	width: 21px;
	margin: 0 0 10px auto;
}
div#navi > nav > div.sns > a > div.img {
}
div#navi > nav > div.sns > a > div.img > img {
	display: block;
}
div#navi > nav > div.contact {
	padding: 0 0 0 30px;
	float: left;
}
div#navi > nav > div.contact > a {
	color: #FFF;
	text-align: center;
	display: block;
	letter-spacing: 0.2em;
	max-width: 100px;
	padding: 8px 0 0;
}
div#navi > nav > div.contact > a > div.img {
}
div#navi > nav > div.contact > a > div.img > img {
	max-width: 53px;
	display: block;
	margin: 0 auto 5px;
}
div#navi > nav > div.contact > a > div.text {
	font-size: 80%;
}
div#navi > nav > div.contact > a > div.text > span {
}


body.navi_open div#menu_toggle > button.toggle_switch span {
	background: none;
	background: rgba(255, 255, 255, 0);
	top: 0;
}

body.navi_open div#menu_toggle > button.toggle_switch span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

body.navi_open div#menu_toggle > button.toggle_switch span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body.navi_open div#menu_toggle > button.toggle_switch span::before, body.navi_open div#menu_toggle > button.toggle_switch span::after {
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
	background: #000;
}

body.navi_open #navi > nav {
	transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px;
}

div#navi > nav ul > li .menu_btn.on {
	background: transparent !important;
}

div#navi > nav ul > li .menu_btn.active {
	background: rgba(255, 255, 255, 0.6);
	cursor: default;
}

div#navi > nav ul > li > .menu_btn::after {
	right: auto;
}

div#menu_toggle #menu_toggle_open {
	cursor: pointer;
	position: absolute;
	right: 0;
	height: 20px;
	width: 100%;
	z-index: 2;
	line-height: 20px;
	letter-spacing: 0.1em;
	overflow: hidden;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transition-duration: 0.2s;
	transition-timing-function: linear;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	text-align: center;
	bottom: 5px;
}

div#menu_toggle #menu_toggle_close {
	cursor: pointer;
	position: absolute;
	right: 0;
	height: 20px;
	width: 100%;
	z-index: 2;
	line-height: 20px;
	letter-spacing: 0.1em;
	overflow: hidden;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transition-duration: 0.2s;
	transition-timing-function: linear;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	text-align: center;
	display: block;
	bottom: 5px;
}

body.navi_open div#menu_toggle > #menu_toggle_open {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	z-index: 9;
}

body.navi_open div#menu_toggle > #menu_toggle_close {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	z-index: 9;
}

#navi > .modal_overlay {
	display: block;
	width: 0%;
	transition-property: width, opacity, z-index;
	transition-delay: 0.5s, 0s, 0.5s;
	transition-duration: 0s, 0.5s, 0s;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	z-index: -1;
	cursor: pointer;
	background: #000;
}

body.navi_open #navi > .modal_overlay {
	width: 100%;
	transition-delay: 0s, 0s, 0s;
	transition-duration: 0s, 0.5s, 0s;
	z-index: 90;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

div#menu_toggle > button.toggle_switch {
	z-index: 10;
	display: block;
	position: absolute;
	right: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

div#menu_toggle > button.toggle_switch:focus {
	outline: none;
}

div#menu_toggle > button.toggle_switch span {
	display: block;
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
	height: 5%;
	background: #FFF;
	bottom: 0;
	margin: auto;
	width: 55%;
}

div#menu_toggle > button.toggle_switch span::before, div#menu_toggle > button.toggle_switch span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	content: "";
}

div#menu_toggle > button.toggle_switch {
	background-color: transparent;
}

div#menu_toggle > button.toggle_switch span {
	-webkit-transition: background 0s 0.3s;
	transition: background 0s 0.3s;
}

div#menu_toggle > button.toggle_switch span::before, div#menu_toggle > button.toggle_switch span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}

div#menu_toggle > button.toggle_switch span::before {
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}

div#menu_toggle > button.toggle_switch span::after {
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
}

div#menu_toggle > button.toggle_switch span::before {
	top: -9px;
}

div#menu_toggle > button.toggle_switch span::after {
	bottom: -9px;
}

button.toggle_switch {
	background-color: #FFF;
}

button.toggle_switch span {
	-webkit-transition: background 0s 0.3s;
	transition: background 0s 0.3s;
}

button.toggle_switch span::before, button.toggle_switch span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}

button.toggle_switch span::before {
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}

button.toggle_switch span::after {
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
}

body.navi_open div#menu_toggle > button.toggle_switch span {
	background: none;
	background: rgba(255, 255, 255, 0);
	top: -14px;
}

body.navi_open div#menu_toggle > button.toggle_switch span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

body.navi_open div#menu_toggle > button.toggle_switch span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body.navi_open div#menu_toggle > button.toggle_switch span::before, body.navi_open div#menu_toggle > button.toggle_switch span::after {
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
	background: #FFF;
}

body.navi_open #navi {
	transition-delay: 0s;
	z-index: 100;
	height: 100%;
}

body.navi_open #navi > nav {
	transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px;
}


div#navi_top {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 10;
	top: 100%;
}
div#navi_top > nav.navi_menu_bar {
	display: block;
}
div#navi_top > nav.navi_menu_bar > ul {
}
div#navi_top > nav.navi_menu_bar > ul > li {
}
div#navi_top > nav.navi_menu_bar > ul > li > a {
}
div#navi_top > nav.navi_menu_bar > ul > li > a.on {
}
div#navi_top > nav.navi_menu_bar > ul > li > a > div.inner {
}
div#navi_top > nav.navi_menu_bar > ul > li > a > div.inner > span {
}

div.gnavi {
	width: 100%;
}
div.gnavi > div.head {
	height: 100px;
	position: relative;
}
div.gnavi > div.head > * {
	height: 100%;
}
div.gnavi > div.head > header {
}
div.gnavi > div.head > header > h1 {
	height: 100%;
	padding-left: 4%;
}
div.gnavi > div.head > header > h1 > a {
	display: block;
	height: 100%;
	width: 42%;
	position: relative;
	max-width: 560px;
}
div.gnavi > div.head > header > h1 > a > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	margin: auto;
}
div.gnavi > div.head > header > h1 > a > img.pc {
}
div.gnavi > div.head > header > h1 > a > img.sp {
}
div.gnavi > div.head > div.contact {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
div.gnavi > div.head > div.contact::after {
	content: "";
	display: block;
	clear: both;
}
div.gnavi > div.head > div.contact > div.col {
	height: 100%;
	float: left;
}
div.gnavi > div.head > div.contact > div.col > a {
	display: block;
	height: 100%;
}
div.gnavi > div.head > div.contact > div.col > a > div.img {
	height: 100%;
}
div.gnavi > div.head > div.contact > div.col > a > div.img > img {
	display: block;
	height: 100%;
}
div.gnavi > div.head > div.contact > div.col.tel {
}
div.gnavi > div.head > div.contact > div.col.tel > a {
}
div.gnavi > div.head > div.contact > div.col.tel > a > div.img {
}
div.gnavi > div.head > div.contact > div.col.tel > a > div.img > img {
}
div.gnavi > div.head > div.contact > div.col.contact {
}
div.gnavi > div.head > div.contact > div.col.contact > a {
}
div.gnavi > div.head > div.contact > div.col.contact > a > div.img {
	background: #498f70;
}
div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img {
}
div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img.pc {
}
div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img.sp {
}
body.root nav.navi_menu_bar {
	display: none;
}
nav.navi_menu_bar {
	height: 55px;
	width: 100%;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background: rgba(217,217,217,0.5);
	display: block;
	color: #FFF;
}
nav.navi_menu_bar > ul {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	display: table;
	border-left: 1px solid;
	border-right: 1px solid;
}
nav.navi_menu_bar > ul > li {
	height: 100%;
	width: 25%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid;
	border-right: 1px solid;
	line-height: 53px;
}
nav.navi_menu_bar > ul > li > a {
	display: block;
	font-size: 125%;
	letter-spacing: 0.2em;
	color: #FFF;
	background: #898989;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";

	transition-property: background;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	white-space: nowrap;
}
nav.navi_menu_bar > ul > li > a.on {
	color: #FFF;
	background: #555;
	transition-duration: 0.3s;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
nav.navi_menu_bar > ul > li > a.active {
	color: #FFF;
	background: #555;
	transition-duration: 0.3s;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
nav.navi_menu_bar > ul > li > a > div.inner {
}
nav.navi_menu_bar > ul > li > a > div.inner > span {
}



/* @end */


	
	
	
	
	
	
	
	
	
	
	
	





/* ==========================================================================
   Media Queries
   ========================================================================== */


/* @group If <= height 600 & width 740 

_|_|_|  _|_|_|_|
  _|    _|
  _|    _|_|_|
  _|    _|
_|_|_|  _|

 --------------------------------------------------------*/
@media only screen and (max-height:600px) and (max-width:740px) {
}
/* @end */


/* @group If <= 1100 

_|_|_|  _|_|_|_|
  _|    _|
  _|    _|_|_|
  _|    _|
_|_|_|  _|

 --------------------------------------------------------*/
@media only screen and (max-width:1100px) {

	div.gnavi > div.head {
		height: 80px;
	}

}
/* @end */


/* @group If <= 1000 

_|_|_|  _|_|_|_|
  _|    _|
  _|    _|_|_|
  _|    _|
_|_|_|  _|

 --------------------------------------------------------*/
@media only screen and (max-width:1000px) {


	/* @group nav 

	_|      _|    _|_|    _|      _|
	_|_|    _|  _|    _|  _|      _|
	_|  _|  _|  _|_|_|_|  _|      _|
	_|    _|_|  _|    _|    _|  _|
	_|      _|  _|    _|      _|

	 --------------------------------------------------------*/
	div#menu_toggle {
		display: block;
	}
	#navi {
		display: block;
		overflow: hidden;
		transition-property: height;
		transition-duration: 0.5s;
		transition-timing-function: cubic-bezier(0, 1, 0, 1);

		box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 80px 0px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 80px 0px;
		-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 80px 0px;
	}
	div#navi_top {
	}
	div.gnavi_wrapper.pc {
		display: none;
	}
	div.gnavi_wrapper.sp {
		display: block;
	}

	div.gnavi {
	position: relative;
	z-index: 100;
	}
	div.gnavi > div.head {
	height: 65px;
	background: rgba(255, 255, 255, 0.9);
	}
	div.gnavi > div.head > * {
	}
	div.gnavi > div.head > header {
	}
	div.gnavi > div.head > header > h1 {
	padding-left: 1.5%;
	}
	div.gnavi > div.head > header > h1 > a {
	max-width: 360px;
	width: 40%;
	overflow: hidden;
	}
	div.gnavi > div.head > header > h1 > a > img {
	max-height: none;
	}
	div.gnavi > div.head > header > h1 > a > img.pc {
	}
	div.gnavi > div.head > header > h1 > a > img.sp {
	}
	div.gnavi > div.head > div.contact {
	right: 65px;
	}
	div.gnavi > div.head > div.contact::after {
	}
	div.gnavi > div.head > div.contact > div.col {
	}
	div.gnavi > div.head > div.contact > div.col > a {
	}
	div.gnavi > div.head > div.contact > div.col > a > div.img {
	}
	div.gnavi > div.head > div.contact > div.col > a > div.img > img {
	}
	div.gnavi > div.head > div.contact > div.col.tel {
	}
	div.gnavi > div.head > div.contact > div.col.tel > a {
	}
	div.gnavi > div.head > div.contact > div.col.tel > a > div.img {
	}
	div.gnavi > div.head > div.contact > div.col.tel > a > div.img > img {
	}
	div.gnavi > div.head > div.contact > div.col.contact {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img.pc {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img.sp {
	}
	#navi nav.navi_menu_bar {
	display: block;
	height: auto;
	border: 1px solid rgba(0, 0, 0, 0.2);
	}
	#navi nav.navi_menu_bar > ul {
	display: block;
	border: none;
	padding: 0;
	}
	#navi nav.navi_menu_bar > ul > li {
	display: block;
	width: 100%;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	#navi nav.navi_menu_bar > ul > li > a {
	background: #FFF;
	color: #333;
	}
	#navi nav.navi_menu_bar > ul > li > a.on {
	background: #EEE;
	}
	#navi nav.navi_menu_bar > ul > li > a > div.inner {
	}
	#navi nav.navi_menu_bar > ul > li > a > div.inner > span {
	}
	/* @end */


}
/* @end */


/* @group If <= 900 

_|_|_|  _|_|_|_|
  _|    _|
  _|    _|_|_|
  _|    _|
_|_|_|  _|

 --------------------------------------------------------*/
@media only screen and (max-width:900px) {


	/* @group nav 

	_|      _|    _|_|    _|      _|
	_|_|    _|  _|    _|  _|      _|
	_|  _|  _|  _|_|_|_|  _|      _|
	_|    _|_|  _|    _|    _|  _|
	_|      _|  _|    _|      _|

	 --------------------------------------------------------*/

	div#navi_top {
	font-size: 100%;
	}
	div#navi_top nav.navi_menu_bar > ul > li > a {
	letter-spacing: normal;
	}
	html.start div#navi_top {
	}
	div#navi_top > nav {
	}

	/* @end */





}
/* @end */


/* @group If <= 800 

_|_|_|  _|_|_|_|
  _|    _|
  _|    _|_|_|
  _|    _|
_|_|_|  _|

 --------------------------------------------------------*/
@media only screen and (max-width:800px) {

	div.gnavi {
	}
	div.gnavi .pc {
	display: none !important;
	}
	div.gnavi .sp {
	display: block !important;
	}
	div.gnavi > div.head {
	}
	div.gnavi > div.head > * {
	}
	div.gnavi > div.head > header {
	}
	div.gnavi > div.head > header > h1 {
	}
	div.gnavi > div.head > header > h1 > a {
	width: 60%;
	max-width: 230px;
	}
	div.gnavi > div.head > header > h1 > a > img {
	}
	div.gnavi > div.head > header > h1 > a > img.pc {
	}
	div.gnavi > div.head > header > h1 > a > img.sp {
	}
	div.gnavi > div.head > div.contact {
	}
	div.gnavi > div.head > div.contact::after {
	}
	div.gnavi > div.head > div.contact > div.col {
	}
	div.gnavi > div.head > div.contact > div.col > a {
	}
	div.gnavi > div.head > div.contact > div.col > a > div.img {
	}
	div.gnavi > div.head > div.contact > div.col > a > div.img > img {
	}
	div.gnavi > div.head > div.contact > div.col.tel {
	}
	div.gnavi > div.head > div.contact > div.col.tel > a {
	}
	div.gnavi > div.head > div.contact > div.col.tel > a > div.img {
	}
	div.gnavi > div.head > div.contact > div.col.tel > a > div.img > img {
	}
	div.gnavi > div.head > div.contact > div.col.contact {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img.pc {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img.sp {
	}
	#navi nav.navi_menu_bar {
	}
	#navi nav.navi_menu_bar > ul {
	}
	#navi nav.navi_menu_bar > ul > li {
	}
	#navi nav.navi_menu_bar > ul > li > a {

	}
	#navi nav.navi_menu_bar > ul > li > a.on {
	}
	#navi nav.navi_menu_bar > ul > li > a > div.inner {
	}
	#navi nav.navi_menu_bar > ul > li > a > div.inner > span {
	}


}
/* @end */


/* @group If <= 740 = iphone landscape 

_|_|_|  _|_|_|_|
  _|    _|
  _|    _|_|_|
  _|    _|
_|_|_|  _|

 --------------------------------------------------------*/
@media only screen and (max-width:740px) {
}
/* @end */


/* @group If <= 600 

_|_|_|  _|_|_|_|
  _|    _|
  _|    _|_|_|
  _|    _|
_|_|_|  _|

 --------------------------------------------------------*/
@media only screen and (max-width:600px) {

	/* @group nav 

	_|      _|    _|_|    _|      _|
	_|_|    _|  _|    _|  _|      _|
	_|  _|  _|  _|_|_|_|  _|      _|
	_|    _|_|  _|    _|    _|  _|
	_|      _|  _|    _|      _|

	 --------------------------------------------------------*/

	div#navi_top {
	font-size: 2.5vw;
	}
	div#navi_top nav.navi_menu_bar > ul > li > a {
	}
	html.start div#navi_top {
	}
	div#navi_top > nav {
	}

	/* @end */

	div.gnavi {
	}
	div.gnavi > div.head {
	}
	div.gnavi > div.head > * {
	}
	div.gnavi > div.head > header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	}
	div.gnavi > div.head > header > h1 {
	}
	div.gnavi > div.head > header > h1 > a {
	}
	div.gnavi > div.head > header > h1 > a > img {
	}
	div.gnavi > div.head > header > h1 > a > img.pc {
	}
	div.gnavi > div.head > header > h1 > a > img.sp {
	}
	div.gnavi > div.head > div.contact {
	position: relative;
	width: 100%;
	right: 0;
	left: 0;
	pointer-events: none;
	}
	div.gnavi > div.head > div.contact::after {
	}
	div.gnavi > div.head > div.contact > div.col {
	}
	div.gnavi > div.head > div.contact > div.col > a {
	pointer-events: auto;
	}
	div.gnavi > div.head > div.contact > div.col > a > div.img {
	}
	div.gnavi > div.head > div.contact > div.col > a > div.img > img {
	}
	div.gnavi > div.head > div.contact > div.col.tel {
	float: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	height: 80px;
	}
	div.gnavi > div.head > div.contact > div.col.tel > a {
	background: #FFF;
	color: #333;
	}
	div.gnavi > div.head > div.contact > div.col.tel > a.on {
	background: #EEE;
	}
	div.gnavi > div.head > div.contact > div.col.tel > a > div.img {
	}
	div.gnavi > div.head > div.contact > div.col.tel > a > div.img > img {
	margin: 0 auto;
	}
	div.gnavi > div.head > div.contact > div.col.contact {
	position: absolute;
	right: 65px;
	top: 0;
	float: none;
	height: 65px;
	width: 65px;
	}
	div.gnavi > div.head > div.contact > div.col.contact > a {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img.pc {
	}
	div.gnavi > div.head > div.contact > div.col.contact > a > div.img > img.sp {
	}
	#navi nav.navi_menu_bar {
	}
	#navi nav.navi_menu_bar > ul {
	padding: 79px 0 0;
	}
	#navi nav.navi_menu_bar > ul > li {
	}
	#navi nav.navi_menu_bar > ul > li > a {

	}
	#navi nav.navi_menu_bar > ul > li > a.on {
	}
	#navi nav.navi_menu_bar > ul > li > a > div.inner {
	}
	#navi nav.navi_menu_bar > ul > li > a > div.inner > span {
	}

}
/* @end */


/* @group If <= 350 

_|_|_|  _|_|_|_|
  _|    _|
  _|    _|_|_|
  _|    _|
_|_|_|  _|

 --------------------------------------------------------*/
@media only screen and (max-width:350px) {

	div.gnavi > div.head > header > h1 > a {
	width: 55%;
	max-width: 230px;
	}

}
/* @end */