/*@media screen and (min-width: 812px),screen and (orientation: landscape){
#main_v{z-index: 1}
#logo{z-index: 0}
#toggle{position: relative;margin: 10px 10px;background: #fff;}
#toggle div {position:absolute;font-size: 0.75em;top:-990px;left:85%;line-height: 120%;z-index: 2}
#toggle span {
	display:block;
	position:absolute;*//*to div*/
	/*width:50px;
	border-bottom:solid 3px #999;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;}
#toggle span:nth-child(1) {top:0}
#toggle span:nth-child(2) {top:11px}
#toggle span:nth-child(3) {top:22px}
header {padding-bottom: 10px;background: #B7CD7F}
header nav {
	position:absolute;
	right:0;
    top:-351px;*/ /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
    /*width:50%;
    margin-top:0px; 
	padding:10px 10px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
header ul {margin:0;padding-top: 220px}
header ul li {display:block;margin:0;border-bottom:dotted 1px #999; line-height:3}
header ul li a {display:block}
header ul li::after {content:''}
header ul li:last-child {border-bottom:none}*/
/* Toggle(Button) */
/*#toggle {display: block;}*/
/* Click Toggle(Button) */
/*.openNav #toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #toggle span:nth-child(2),
.openNav #toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}*/
/*header menu*/
/*.openNav nav {
	-moz-transform: translateY(351px);
	-webkit-transform: translateY(351px);
	transform: translateY(351px)};
}*/



@media screen and (max-width: 767px){
/*#main_v{z-index: 0}*/
#main_v{display: none}
#main_v2{z-index: 0}
#toggle{position: relative;margin: 10px 10px;z-index: 1;background: #fff}
#toggle div {position:absolute;font-size: 0.75em;top:0px;left:85%;line-height: 120%;}
#toggle span {
	display:block;
	position:absolute;/*to div*/
	width:40px;
	border-bottom:solid 3px #999;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;}
#toggle span:nth-child(1) {top:0}
#toggle span:nth-child(2) {top:11px}
#toggle span:nth-child(3) {top:22px}
header {padding-bottom: 10px;background: #B7CD7F}
header nav {
	position:absolute;
	right:0;
    top:-351px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
    width:50%;
    margin-top:50px; 
	padding:10px 10px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
header ul {margin:0;padding-top: 40px}
header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3}
header ul li a {display:block}
header ul li:after {content:''}
header ul li:last-child {border-bottom:none}
/* Toggle(Button) */
#toggle {display: block;}
/* Click Toggle(Button) */
.openNav #toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #toggle span:nth-child(2),
.openNav #toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
.openNav nav {
	-moz-transform: translateY(351px);
	-webkit-transform: translateY(351px);
	transform: translateY(351px)};
}


@media only screen and (max-width: 736px){
	#toggle{display: block;position: relative;margin: 10px 10px;z-index: 1;background: #fff}
	#toggle div {position:absolute; font-size: 0.65em;top:-670px;left:80%;line-height: 120%;}
	#toggle span {
	display:block;
	position:absolute;/*to div*/
	width:30px;
	border-bottom:solid 3px #999;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;}
#toggle span:nth-child(1) {top:0}
#toggle span:nth-child(2) {top:11px}
#toggle span:nth-child(3) {top:22px}
header {padding-bottom: 10px;background: #B7CD7F}
header nav {
	position:absolute;
	right:0;
    top:-351px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
    width:50%;
    margin-top:50px; 
	padding:10px 10px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
header ul {margin:0;padding-top: 40px}
header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3}
header ul li a {display:block}
header ul li::after {content:''}
header ul li:last-child {border-bottom:none}
/* Toggle(Button) */
#toggle {}
/* Click Toggle(Button) */
.openNav #toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #toggle span:nth-child(2),
.openNav #toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
.openNav nav {
	-moz-transform: translateY(351px);
	-webkit-transform: translateY(351px);
	transform: translateY(351px)};	
}

@media only screen and (max-width: 731px){
	#toggle div {position:absolute; font-size: 0.65em;top:-470px;left:80%;line-height: 120%;}
}


@media only screen and (max-width: 667px){
#toggle{position: relative;margin: -50px 10px;z-index: 1;background: #fff}
#toggle div {position:absolute;font-size: 0.65em;top:-460px;left:80%;line-height: 120%;}
header nav {
	position:absolute;
	right:0;
    top:-351px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
    width:50%;
    margin-top:90px; 
	padding:10px 10px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
header ul {margin:12px 0 0;padding-top: 120px}
header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background: #fbfdf2}
header ul li a {display:block}
header ul li::after {content:''}
header ul li:first-child{padding-top: 100px;margin-top: -100px;width: 100%}
header ul li:last-child {border-bottom:none}
}

@media screen and (max-width: 640px){
	#toggle{position: relative;margin: -50px 10px;z-index: 9998;background: #fbfdf2}
	#toggle div {position:absolute;font-size: 0.75em;top:50px;left:85%;line-height: 120%;background: transparent;z-index: 9999}
	header nav {
	position:absolute;
	right:0;
    top:-351px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
    width:50%;
    margin-top:90px; 
	padding:10px 10px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
header ul {margin:12px 0 0;padding-top: 150px}
header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e;padding-left:10px; line-height:3;background:#fbfdf2}
header ul li:last-child{display:block;margin:0;border-bottom:dotted 1px #a8bf6e;padding-left:10px; line-height:3;background:#fbfdf2}
header ul li a {display:block}
}

@media only screen and (max-width: 600px){
	#toggle{position: relative;margin: -50px 10px;z-index: 9998;background: #fbfdf2}
	#toggle div {position:absolute;font-size: 0.75em;top:45px;left:85%;line-height: 120%;background: transparent;z-index: 9999}
	header nav {
	position:absolute;
	right:0;
    top:-351px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
    width:50%;
    margin-top:90px; 
	padding:10px 10px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
header ul {margin:12px 0 0;padding-top: 150px}
header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e;padding-left:10px; line-height:3;background:#fbfdf2}
header ul li:last-child{display:block;margin:0;border-bottom:dotted 1px #a8bf6e;padding-left:10px; line-height:3;background:#fbfdf2}
header ul li a {display:block}
/*header ul li::after {content:''}
header ul li:first-child{padding-top: 100px;margin-top: -100px;width: 100%}
header ul li:last-child {border-bottom:none}*/
}

@media screen and (max-width: 480px){
	#toggle{position: relative;margin: -50px 10px;z-index: 9998;background: #fbfdf2}
	#toggle div {position:absolute;font-size: 0.75em;top:45px;left:85%;line-height: 120%;background: transparent;z-index: 9999}
	header nav {
	position:absolute;
	right:0;
    top:-350px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
	background: #FFF;
    width:100%;
    margin-top:50px; 
	padding:10px 0px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
	header ul {margin:12px 0 0 0;padding-top: 180px;background:transparent;z-index: 0}
	header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
	header ul li:last-child{display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
}


@media only screen and (max-width: 414px){
	#toggle{position: relative;margin: -50px 10px;z-index: 9999;background: #fbfdf2}
	#toggle div {position:absolute;font-size: 0.75em;top:115px;left:85%;line-height: 120%;background: #fbfdf2;}
	header nav {
	position:absolute;
	right:0;
    top:-350px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
	background: #fbfdf2;
    width:100%;
    margin-top:50px; 
	padding:10px 0px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
	/*header ul {margin:12px 0 0 0;padding: 120px 0 0}*/
	header ul {margin:0;padding-top: 280px;background:#fbfdf2;z-index: 0}
	header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
	header ul li:last-child{display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
}

@media only screen and (max-width: 411px){
	#toggle{position: relative;margin: -50px 10px;z-index: 9999;background: #fbfdf2}
	#toggle div {position:absolute;font-size: 0.75em;top:45px;left:85%;line-height: 120%;background: #fbfdf2;}
	header nav {
	position:absolute;
	right:0;
    top:-350px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
	background: #fbfdf2;
    width:100%;
    margin-top:50px; 
	padding:10px 0px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
	/*header ul {margin:12px 0 0 0;padding: 120px 0 0}*/
	header ul {margin:0;padding-top: 180px;background:#fbfdf2;z-index: 0}
	header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
	header ul li:last-child{display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
}

@media screen and (max-width: 376px){
	#toggle{position: relative;margin: -50px 10px;z-index: 9999;background: #fbfdf2}
	#toggle div {position:absolute;font-size: 0.75em;top:-150px;left:87%;line-height: 120%;}
	#toggle span {
		display:block;
		position:absolute;/*to div*/
		width:30px;
		border-bottom:solid 3px #999;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;}
	#toggle span:nth-child(1) {top:0}
	#toggle span:nth-child(2) {top:11px}
	#toggle span:nth-child(3) {top:22px}

/*header {padding-bottom: 10px;background: #B7CD7F;z-index: 9999}*/
	header nav {
		position:absolute;
		right:0;
	    top:-350px; /*通常時はビュー外*/
		/*background:rgba(255,255,255,.7);*/
	    width:50%;
	    margin-top:50px; 
		padding:10px 10px;
		-webkit-transition:.5s ease-in-out;
		-moz-transition:.5s ease-in-out;
		-o-transition:.5s ease-in-out;
		transition:.5s ease-in-out;
		text-align:left;}
	header ul {margin:0;padding-top: 40px;background:transparent;z-index: 9999}
	header ul li {display:block;margin:0;padding-left:10px;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#FFF}
	header ul li:last-child{display:block;margin:0;padding-left:10px;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#FFF}
	header ul li a {display:block}
	/* Toggle(Button) */

	/* Click Toggle(Button) */
	.openNav #toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		transform:rotate(-45deg)}
	.openNav #toggle span:nth-child(2),
	.openNav #toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		transform:rotate(45deg)}
	/*header menu*/
	.openNav nav {
		-moz-transform: translateY(351px);
		-webkit-transform: translateY(351px);
		transform: translateY(351px)};

}

@media screen and (max-width: 384px){
	#toggle{position: relative;margin: -50px 10px;z-index: 9999;background: #fbfdf2}
	#toggle div {position:absolute;font-size: 0.75em;top:50px;left:85%;line-height: 120%;background: transparent;z-index: 9999}
	header nav {
	position:absolute;
	right:0;
    top:-350px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
	background: #FFF;
    width:100%;
    margin-top:50px; 
	padding:10px 0px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
	header ul {margin:12px 0 0 0;padding-top: 200px;background:transparent;z-index: 0}
	header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
	header ul li:last-child{display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
}

@media screen and (max-width: 375px){
	#toggle{position: relative;margin: -50px 10px;z-index: 9999;background: #fbfdf2}
	#toggle div {position:absolute;font-size: 0.75em;top:50px;left:85%;line-height: 120%;background: transparent;z-index: 9999}
	header nav {
	position:absolute;
	right:0;
    top:-350px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
	background: #FFF;
    width:100%;
    margin-top:50px; 
	padding:10px 0px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
	header ul {margin:12px 0 0 0;padding-top: 200px;background:transparent;z-index: 0}
	header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
	header ul li:last-child{display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
}

@media screen and (max-width: 360px){
	#toggle{position: relative;margin: -50px 10px;z-index: 9998;background: #fbfdf2}
	#toggle div {position:absolute;font-size: 0.75em;top:72px;left:85%;line-height: 120%;background: transparent;z-index: 9999}
	header nav {
	position:absolute;
	right:0;
    top:-350px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
	background: #FFF;
    width:100%;
    margin-top:50px; 
	padding:10px 0px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
	header ul {margin:12px 0 0 0;padding-top: 220px;background:transparent;z-index: 0}
	header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
	header ul li:last-child{display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
}

@media screen and (max-width: 320px){
	#toggle{position: relative;margin: -50px 10px;z-index: 9999;background: #fbfdf2}
	/*header ul {margin:12px 0 0 0;padding: 120px 0 0}*/
	#toggle div {position:absolute;font-size: 0.75em;top:60px;left:85%;line-height: 120%;background: #FFF;}
	header nav {
	position:absolute;
	right:-10px;
    top:-350px; /*通常時はビュー外*/
	/*background:rgba(255,255,255,.7);*/
	background: #eef6d1;
    width:100%;
    margin-top:50px; 
	padding:10px 0px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left;
	z-index: 0}
	header ul {margin:0;padding-top: 180px;z-index: 0;background: #fbfdf2;z-index: 1}
	header ul li {display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
	header ul li:last-child{display:block;margin:0;border-bottom:dotted 1px #a8bf6e; line-height:3;background:#fbfdf2}
}

