body{
	background-color:white;
	background-color:rgba(65,105,225,0.6); /*#4169e1*/
	font: 100%/1.4 "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	/*background:url("../images/0-19.jpg") top center repeat;*/
}
#wrapper{
	margin:0 auto;
	width:990px;
	position:relative;
	background-color:white;
	border-left:solid 1px blue;
	border-right:solid 1px blue;
}
@media only screen and (max-width: 989px){
	#wrapper{
		width:100%;
	}
}
strong	{font-weight:bold;}
.left	{float:left;}
.right	{float:right;}
.clear	{clear:both;}
.center	{text-align:center;}

.bold	{font-weight:bold;}
.italic	{font-style:italic;}

.red	{color:red;}
.blue	{color:blue;}
.orange	{color:orange;}

.b-red{
	font-weight:bold;
	color:red;
}
.b-blue{
	font-weight:bold;
	color:blue;
}

.fs08	{font-size:8px;}
.fs09	{font-size:9px;}
.fs10	{font-size:10px;}
.fs11	{font-size:11px;}
.fs12	{font-size:12px;}
.fs14	{font-size:14px;}
.fs16	{font-size:16px;}
.fs18	{font-size:18px;}
.fs20	{font-size:20px;}
.fs22	{font-size:22px;}
.fs24	{font-size:24px;}
.fs28	{font-size:28px;}
.fs30	{font-size:30px;}
.fs32	{font-size:32px;}
.fs38	{font-size:38px;}
.fs46	{font-size:46px;}
.fs48	{font-size:48px;}
.fs72	{font-size:72px;}

#page-title{
	text-align:center;
	margin-top:10px;
}
@media only screen and (max-width: 989px){
	#page-title img{
		width:80%;
	}
}
.gyou{
	text-align:right;
	margin-right:20px;
}

h1{
	width:990px;
	height:auto;
	text-align:center;
}
h1 img{
	width:990px;
	height:auto;
	text-align:center;
	border-bottom:double 3px blue;
	box-sizing:border-box;
}
@media only screen and (max-width: 989px){
	h1{
		width:100%;
		height:auto;
/*		border-bottom:double 3px blue;*/
	}
	h1 img{
		aspect-ratio:990/263;
		width:100%;
		height:auto;
		border-bottom:double 3px blue;
		box-sizing:border-box;
	}
}

#aoyama-pic{
	position:absolute;
	top:30px;
	left:0px;
	z-index:9999;
	/*background-color:#5c9ddb;*/
}
#aoyama-pic2{
	position:absolute;
	top:30px;
	left:0px;
	z-index:0;
}
#slide{
	margin:0 auto;
	width:900px;
	padding-top:15px;
}
#name-bar{
	margin:5px auto 0 auto;
	width:907px;
}
#massaki{
	float:right;
	width:211px;
	margin-right:10px;
	position:relative;
	margin-top:-10px;
}
#button{
	width:990px;
	height:170px;
	z-index:9999;
	padding-bottom:20px;
	border-bottom:double 3px blue;
}
#button .btn{
	width:202px;
	height:72px;
}
#button .btn a{
	display:block;
	width:202px;
	height:72px;
	text-indent:-9999px;
	outline:0;

}
.btn1{
	margin:22px 0 0 10px;
}
.btn2{
	margin:-72px 0 0 232px;
}
.btn3{
	margin:-72px 0 0 452px;
}
.btn4{
	margin:-72px 0 0 672px;
}
.btn5{
	margin:20px 0 0 115px;
}
.btn6{
	margin:-72px 0 0 337px;
}
.btn7{
	margin:-72px 0 0 557px;
}
.btn8{
	margin:-72px 0 0 777px;
}
.btn1 a{
	background:url(../images/btn01.jpg) top left no-repeat transparent;
}
.btn1 a:hover{
	background:url(../images/btn01.jpg) bottom left no-repeat transparent;

}
.btn2 a{
	background:url(../images/btn02.jpg) top left no-repeat transparent;
}
.btn2 a:hover{
	background:url(../images/btn02.jpg) bottom left no-repeat transparent;
}
.btn3 a{
	background:url(../images/btn03.jpg) top left no-repeat transparent;
}
.btn3 a:hover{
	background:url(../images/btn03.jpg) bottom left no-repeat transparent;
}
.btn4 a{
	background:url(../images/btn04.jpg) top left no-repeat transparent;
}
.btn4 a:hover{
	background:url(../images/btn04.jpg) bottom left no-repeat transparent;
}
.btn5 a{
	background:url(../images/btn09.jpg) top left no-repeat transparent;
}
.btn5 a:hover{
	background:url(../images/btn09.jpg) bottom left no-repeat transparent;
}
.btn6 a{
	background:url(../images/btn05.jpg) top left no-repeat transparent;
}
.btn6 a:hover{
	background:url(../images/btn05.jpg) bottom left no-repeat transparent;
}
.btn7 a{
	background:url(../images/btn06.jpg) top left no-repeat transparent;
}
.btn7 a:hover{
	background:url(../images/btn06.jpg) bottom left no-repeat transparent;
}
.btn8 a{
	background:url(../images/btn08.jpg) top left no-repeat transparent;
}
.btn8 a:hover{
	background:url(../images/btn08.jpg) bottom left no-repeat transparent;
}


/* サイドの記事一覧*/
#kiji{
	width:330px;
	height:550px;
	margin-top:10px;
}
.right-post{
	margin:20px 10px 0 10px;
	width:290px;
	height:500px;
	border:double 3px blue;
	border-radius:10px;
}
#kiji-c{
	padding:2px;
	width:291px;
	height:100%;
	text-align:center;
	font-size:14px;
}
#kiji-c h2{
	margin-top:20px;
	font-size:24px;
	/*border-bottom:solid 1px;*/
	text-decoration:underline;
}
#kiji-c #toc{
	margin:20px 1px 30px 1px;
	overflow:scroll;
	height:63%;
}
#toc a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 989px){
	#kiji{
		float:none;
		clear:both;
		width:90%;
		height:350px;
		margin:0 auto 10px auto;
	}
	.right-post{
		margin:0;
		width:100%;
		height:350px;
		border:double 3px blue;
		border-radius:10px;
	}
	#kiji-c{
		padding:2px;
		width:90%;
		height:auto;
		text-align:center;
		font-size:22px;
	}
	#kiji-c h2{
		margin-top:20px;
		font-size:24px;
		/*border-bottom:solid 1px;*/
		text-decoration:underline;
	}
	#kiji-c #toc{
		margin:0;
		width:100%;
		overflow:scroll;
		height:180px;
	}
	-webkit-scrollbar{
		width:12px;
	}
	#toc a:hover {
	  text-decoration: underline;
	}
	#leading{
		font-size:18px;
	}
	#leading .nen{
		font-size:16px;
	}
}

/* 活動記録 */
.new-post{
	padding: 0 0 35px 0;
	width: 660px;
	float: left;
}
.new-post h2{
	margin-top:10px;
	margin-left:30px;
	font-size:30px;
}
#top-post{
	margin:30px 0 0 25px;
	width:610px;
	border:double 3px blue;
	border-radius:10px;
}
.post-waku{
	margin:20px 0 0 25px;
	width:610px;
	border:double 3px blue;
	border-radius:10px;
	border-radius:10px;
}
.post-contents {
	margin: 5px 15px 10px 5px;
	padding: 12px 2px;
}
.post-contents h3{
	margin:10px 10px 10px 20px;
	font-size:30px;
	text-shadow:1px 1px 1px brown;
	text-decoration:underline;
	color:blue;
}

.post-contents p {
	margin: 0 10px 8px 20px;
	font-size: 16px;
	line-height: 28px;
}
.post-contents .date {
	font-weight:bold;
	color:blue;
}
.post-contents img {
	padding: 1px;
	border-radius:10px;
}
.picture{
	margin: 0 10px 8px 20px;
}
.picture .caption{
	text-align:center;
	font-size:10px;
	line-height:14px;
}
.special1{
	display:block;
}
.special2{
	display:none;
}

@media only screen and (max-width: 989px){
	.new-post{
		padding: 0 0 30px 0;
		width: 100%;
/*		float: left;*/
	}
	#top-post{
		margin:30px auto 0 auto;
		width:90%;
		border:double 3px blue;
		border-radius:10px;
	}
	.post-waku{
		margin:20px auto 0 auto;
		width:90%;
		border:double 3px blue;
		border-radius:10px;
		border-radius:10px;
	}
	.post-waku .post-contents img {
		padding: 1px;
		width:100%;
		height:auto;
		border-radius:10px;
	}
	.douga{
		aspect-ratio:100% auto;
		width:100%;
	}
	#k024 div,#k025 div{
		margin:0;
		float:none;
	}
	.special1{
		display:none;
	}
	.special2{
		display:block;
	}
}
/* 政策 */
#seisaku{
	padding: 0 0 10px 0;
	width: 990px;
}
#seisaku-waku{
	margin:30px 50px 50px 50px;
	width:880px;
	border:double 3px blue;
	border-radius:10px;
}
#seisaku h2{
	margin-top:10px;
	margin-left:30px;
	margin-right:30px;
	font-size:30px;
}
@media only screen and (max-width: 989px){
	#seisaku{
		padding: 0 0 10px 0;
		width: 100%;
	}
	#seisaku-waku{
		margin:30px auto 50px auto;
		width:90%;
		border:double 3px blue;
		border-radius:10px;
	}
}
.seisaku-contents{
	margin: 5px 15px 10px 25px;
	padding:12px 22px 12px 32px;
	position:relative;
}
.seisaku-contents h3{
	margin-top:20px;
	font-size:30px;
	line-height:50px;
	font-weight:bold;
	text-align:center;
	color:blue;
	text-shadow:2px 2px 3px #000;
}

.seisaku-contents .level1{
	font-size:22px;
	font-weight:bold;
	color:blue;
	text-shadow:1px 1px 1px #000;
	line-height:45px;
}
.seisaku-contents .level2{
	margin:0 0 0 1px;
	font-size:16px;
	line-height:40px;
}
.seisaku-contents .illust{
	margin-left:100px;
}
.seisaku-contents .illust img{
	border-radius:10px;
}
@media only screen and (max-width: 989px){
	.seisaku-contents{
		margin:0;
	}
	.seisaku-contents .illust{
		margin:0;
		width:100%;
	}
	.seisaku-contents .illust img{
		margin:0 0 0 10%;
		width:50%;
		height:auto;
	}
}

/* 議会発言 */
#gikai{
	padding: 0 0 50px 0;
	width: 990px;
/*	float: left; */
	font-size: 16px;
	line-height: 28px;
}
.gikai-waku0{
	margin:30px 50px 50px 50px;
	width:880px;
	border:double 3px blue;
	border-radius:10px;
}
.gikai-waku{
	margin:30px 50px 50px 50px;
	width:880px;
	border:double 3px blue;
	border-radius:10px;
}
@media only screen and (max-width: 989px){
	#gikai{
		width: 100%;
	}
	.gikai-waku0{
		margin:30px auto 10px auto;
		width:90%;
		border:double 3px blue;
		border-radius:10px;
	}
	.gikai-waku{
		margin:30px auto 10px auto;
		width:90%;
		border:double 3px blue;
		border-radius:10px;
	}
}
#gikai h2{
	margin-top:10px;
	margin-left:30px;
	margin-right:30px;
	font-size:30px;
}
#gikai .hatsugen {
	margin: 10px 15px 10px 25px;
	/*border-color:#FEC34C;*/
	/*border-color:#bbddff;*/
	/*border-style:solid;
	border-width:2px;
	border-radius:20px;
	background-color:white;*/
	padding:12px 27px 22px 42px;
	position:relative;
}
#gikai .hatsugen h3{
	padding-bottom:10px;
	margin-top:10px;
	font-size:30px;
	text-shadow:1px 1px 1px brown;
	text-decoration:underline;
}
#gikai .hatsugen .bold{
	padding-bottom:10px;
}
#gikai ul, #gikai ol {
	padding: 0px 5px 0px 20px;
}
/*
#gikai .hatsugen>ul{
	padding:10px 5px 10px 20px;
}
*/
.top20{
	margin-top:20px;
}
#gikai .hatsugen .illust{
	position:absolute;
	top:12px;
	right:42px;
}
#gikai .hatsugen .illust2{
	position:absolute;
	top:12px;
	right:20px;
}
.t30{margin-top:30px;}
.t100{margin-top:100px;}
.t160{margin-top:160px;}
.t290{margin-top:290px;}
.r90{margin-right:90px;}

@media only screen and (max-width: 989px){
	#gikai .hatsugen .illust{
		text-align:center;
		margin:0;
		position:static;
		float:none;
	}
	#gikai .hatsugen .illust2{
		text-align:center;
		margin:0;
		position:static;
		float:none;
	}
	#gikai .hatsugen .illust2 img{
		border-radius:10px;
	}
	.dmy{
		display:none;
	}
}
/* おすすめ動画 */
#douga{
	padding: 0 0 10px 0;
	width: 990px;
}

#douga h2{
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	font-size:30px;
}
#douga-waku{
	margin:30px 50px 60px 50px;
	width:884px;
	border:double 3px blue;
	border-radius:10px;
}
.douga-waku2{
	margin:30px auto;;
	width:85%;
	border:double 3px darkblue;
	border-radius:10px;
}
.douga-waku3{
	margin:30px auto;;
	width:80%;
	border:double 3px blue;
	border-radius:10px;
}
@media only screen and (max-width: 989px){
	#douga{
		margin:0;
		width:100%;
	}
	#douga-waku{
		margin:20px auto 60px auto;
		width:90%;
	}
}



}
#douga h2{
	margin-top:10px;
	margin-left:30px;
	font-size:30px;
}

#douga-contents{
	margin: 5px auto 30px auto;
	padding: 22px;
	text-align:center;
}
#douga-contents th{
	padding:20px 0 20px 0;
	width:40%;
}
#douga-contents td{
	padding-left:30px;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	vertical-align:middle;
	width:40%;
}
#douga-ttl{
	text-align:center;
}
#douga-ttl img{
	width:700px;
	height:100px;
}

@media only screen and (max-width: 989px){
	#douga-ttl img{
		width:80%;
		height:auto;
	}
}
#douga-contents .douga1{
	display:block;
	width:90%;
	height:auto;
	text-align:center;
	margin:40px auto;
}
#douga-contents .nondis{
	display:none;
}
#douga-contents .douga1 iframe{
	aspect-ratio:1.78;
	display:block;
	width:80%;
	text-align:center;
	margin:10px auto;
	border-radius:10px;
}
@media only screen and (max-width: 989px){
	#douga-contents{
		margin:0;
		width:90%;
	}
	#douga-contents .douga1 iframe{
		aspect-ratio:80% auto;
		display:block;
		text-align:center;
		margin:10px auto;
	}
}
#douga-contents .douga-ch{
	display:block;
	width:90%;
	height:auto;
	text-align:center;
	margin:20px auto;
	font-size:22px;
}
@media only screen and (max-width: 989px){
	#douga-contents .douga-ch img{
		width:90%;
		height:auto;
	}
}

/* 実績 */
#jis{
	padding: 0 0 10px 0;
	width: 990px;
}

#jis h2{
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	font-size:30px;
}
#jis-waku{
	margin:30px 50px 50px 50px;
	width:884px;
	border:double 3px blue;
	border-radius:10px;
}
@media only screen and (max-width: 989px){
	#jis{
		padding: 0 0 10px 0;
		width: 100%;
	}

	#jis-waku{
		margin:30px auto 50px auto;
		width:90%;
		border:double 3px blue;
		border-radius:10px;
	}
}
.jisseki{
/*	margin: 5px 15px 10px 25px;
	padding:22px 27px 22px 42px;*/
	margin: 5px 20px 10px 20px;
	padding:22px 34px 22px 34px;
}
.jisseki h3{
	margin-bottom:10px;
	font-size:25px;
	color:blue;
	text-shadow:1px 1px 1px black;
}
.jisseki li{
	margin-left:25px;
	padding-top:2px;
	padding-bottom:6px;
	font-size:18px;
	line-height:30px;
	list-style-image:url(../images/star.png);
}
#jis00 p{
	font-size:25px;
}
#jis00 ul{
	margin-left:20px;
}
#jis00 ul li{
	list-style-image:url(../images/dot.png);
}
#jis00 ul ul{
	margin-left:20px;
}
#jis00 ul ul li{
	list-style-image:url(../images/dot2.png);
}
.dspan{
	display:inline;
}
.dspan span{
	display:static;
}
@media only screen and (max-width: 989px){
	.dspan{
		display:block;
		margin:0;
		margin-left:40px;
	}
	.dspan span{
		display:none;
	}
}
#map{
	aspect-ratio:1.3;
	width:100%;
}
/* 地区報 */
#chikuhou{
	padding: 0 0 0px 0;
	width: 990px;
	font-size: 16px;
	line-height: 28px;
}
@media only screen and (max-width: 989px){
	#chikuhou{
		width:100%;
	}
}

.chikuhou-waku0{
	margin:30px auto 10px auto;
	width:880px;
	border:double 3px blue;
	border-radius:10px;
}
.chikuhou-waku{
	margin:30px auto 50px auto;
	width:880px;
	border:double 3px blue;
	border-radius:10px;
}
@media only screen and (max-width: 989px){
	.chikuhou-waku,.chikuhou-waku0{
		width:90%;
	}
}

#chikuhou .setsumei {
	margin: 10px 15px 10px 25px;
	padding:12px 27px 22px 42px;
	position:relative;
}
.chikuhou-c{
	margin: 5px 15px 0px 25px;
	padding:22px 27px 0px 42px;
	text-align:center;
	position:relative;
}
@media only screen and (max-width: 989px){
	#chikuhou .setsumei {
		margin: 10px auto 10px auto;
		padding:12px auto 22px auto;
		position:relative;
	}
	.chikuhou-c{
		margin: 5px auto 0px auto;
		padding:22px auto 0px auto;
		text-align:center;
	}
}
#chikuhou .chikuhou-c .1setx{
	float:left;
	width:300px;
	display:inline-block
}
#chikuhou .chikuhou-c .1setx img{
	width:250px;
	height:auto;
}

.chikuhou-c .chiku td{
	text-align:center;
	padding-bottom:30px;
}

/* Smart Phone */
@media only screen and (max-width: 989px){
	#chikuhou{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	#chikuhou .picx{
		width:252px;
		padding:5px;
		float:left;
		display:inline-block;
		font-size:18px;
		height:auto;
		text-align:center;
	}
	#chikuhou .picx img{
		width:250px;
		height:auto;
		display:inline-block;
		border-radius:5px;
		border:solid 1px blue;
	}
}
@media only screen and (max-width: 989px){
	#chikuhou .pic-area{
		width:786px;
		margin:0 auto;
		text-align:center;
	}
}
@media only screen and (max-width: 874px){
	#chikuhou .pic-area{
		width:524px;
		margin:0 auto;
		text-align:center;
	}
}
@media only screen and (max-width: 583px){
	#chikuhou .pic-area{
		width:262px;
		margin:0 auto;
		text-align:center;
	}
}
/* PC */
@media only screen and (min-width: 990px){
	#chikuhou .pic-area{
		width:786px;
		margin:0 auto 0 auto;
		text-align:center;
	}
	#chikuhou .picx{
		width:252px;
		padding:5px;
		float:left;
		font-size:18px;
		text-align:center;
		height:auto;
		display:inline-block;
		margin:0 auto;
	}
	#chikuhou .picx img{
		width:250px;
		display:inline-block;
		border-radius:5px;
		border:solid 1px blue;
		text-align:center;
	}
}

/* プロフィール */
#aisatsu{
	margin:0 auto;
	margin-top:20px;
	padding-bottom:10px;
	width:800px;
	border:double 3px blue;
	border-radius:5px;
}
#aisatsu iframe{
	width:80%;
	height:auto;
	aspect-ratio:1.7;
}

@media only screen and (max-width: 989px){
	#aisatsu{
		width:90%;
	}
}

#profile{
	margin:30px auto 50px auto;
	width:880px;
	border:double 3px blue;
	border-radius:10px;
}
@media only screen and (max-width: 989px){
	#profile{
		width:90%;
		border:double 3px blue;
		border-radius:10px;
	}
}

#pf-tbl{
	margin:30px auto;
}
@media only screen and (max-width: 989px){
	#pf-tbl{
		margin:30px 1% 30px 1%;
	}
}
#pf-tbl th{
	width:12%;
}
#pf-tbl th,
#pf-tbl td{
	border:solid 1px blue;
	padding:7px;
	font-size:1.0rem;
}


/* 問い合わせ */
#toi{
	padding: 0 0 10px 0;
	/*width: 660px;*/
	/*float: right;*/
}
#toi-waku{
	margin:30px 50px 50px 50px;
	width:880px;
	border:double 3px blue;
	border-radius:10px;
}
@media only screen and (max-width: 989px){
	#toi-waku{
		margin:30px auto 50px auto;
		width:90%;
		border:double 3px blue;
		border-radius:10px;
	}
}
#toi h2{
	margin-top:10px;
	margin-left:30px;
	font-size:30px;
}
#toiawase{
	margin: 5px 15px 10px 25px;
	padding:22px 27px 22px 42px;
}
@media only screen and (max-width: 989px){
#toiawase{
	margin: 5px auto 10px auto;
/*	padding:22px 27px 22px 42px;*/
}
}
#toiawase ul, #toiawase ol {
	padding: 0px 5px 0px 20px;
}
#toiawase .form{
	margin-left:20px;
}
#toiawase .form th{
	vertical-align:top;
}
#toiawase #btn{
	margin:0 150px;;
}

.ttl{
	font-size:25px;
	line-height:50px;
	text-align:center;
}

/* リンク */
#link {
	padding:0 0 10px 0;
}
#link-waku{
	margin:30px 50px 50px 50px;
	width:880px;
	border:double 3px blue;
	border-radius:10px;
}
@media only screen and (max-width: 989px){
	#link-waku{
		margin:30px auto 50px auto;
		width:90%;
		border:double 3px blue;
		border-radius:10px;
	}
}
#link h2{
	margin-top:10px;
	margin-left:30px;
	font-size:30px;
}

#link-contents{
	margin: 5px 15px 10px 25px;
	padding: 22px;
}
#link-contents th{
	padding:20px 0 20px 0;
}
#link-contents td{
	padding-left:30px;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	vertical-align:middle;
}
@media only screen and (max-width: 989px){
	#link-contents{
		margin: 5px auto 10px auto;
		padding: 22px;
	}
	#link-contents th{
	}
	#link-contents th img{
		width:40%;
		height:auto;
	}
}

/* サイトマップ */
#sitemap{
	margin:30px auto 50px auto;
	width:880px;
	border:double 3px blue;
	border-radius:10px;
	padding:20px 0 20px 0;
}
@media only screen and (max-width: 989px){
	#sitemap{
		margin:30px auto 50px auto;
		width:90%;
		border:double 3px blue;
		border-radius:10px;
		padding:20px 0 20px 0;
	}
}
#site h2{
	margin-top:10px;
	margin-left:30px;
	font-size:30px;
}

#sitemap li{
	margin-top:20px;
	margin-bottom:40px;
	margin-left:50px;
	font-size:20px;
	line-height:20px;
	vertical-align:middle;
}
@media only screen and (max-width: 989px){
	#sitemap li{
		margin:20px auto 40px auto;
		width:80%;
	}
}
#sitemap ul li{
	margin-top:15px;
	margin-bottom:10px;
	margin-left:200px;
	font-size:18px;
	line-height:20px;
	vertical-align:middle;
	list-style-image:url(../images/star.png);
}
#sitemap ul ul li{
	margin-left:80px;
	list-style-image:url(../images/dot2.png);
}
#sitemap .right{
	margin:30px 100px 0 0;
	list-style:none;
}
@media only screen and (max-width: 989px){
	#sitemap .right{
		margin:0;
		float:none;
		text-align:center;
	}
}
#footer{
	width:905px;
	height:480px;
	margin:0px 0 0 63px;
	position:relative;
	backgroud-color:white;
}
@media only screen and (max-width: 989px){
	#footer{
		margin:0;
		width:100%;
	}
}
#footer img{
	width:100%;
}

#copyright{
	text-align:center;
	font-size:12px;
	padding:15px 5px 25px 5px;
	color:#4169e1;
}



/* Menu Trigger */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  background-color:#66ffff;
  border-radius: 6px;/*4px;*/
}
.menu-trigger {
  position: relative;
  width: 75px;/*50px;*/
  height: 50px;/*34px;*/
}
.menu-trigger span {
  position: absolute;
  left: 15%;
  width: 70%;
  height: 6px;/*4px;*/
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 8px;/*5px;*/
}
.menu-trigger span:nth-of-type(2) {
  top: 22px;/*15px;*/
}
.menu-trigger span:nth-of-type(3) {
  bottom: 8px;/*5px;*/
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(14px) rotate(-315deg);
  transform: translateY(14px) rotate(-315deg);
	.menu1{
			display: none;
	}

}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-14px) rotate(315deg);
  transform: translateY(-14px) rotate(315deg);
}
/* Smart Phone */
@media only screen and (max-width: 989px){
	nav .btn{
		display:inline-block;
		margin-top:3%;
		margin-bottom:20px;
		margin-left:10px;
		float:left;
		z-index:20000;
	}
}
nav{
	clear:both;
	padding-top:0px;
	z-index:20000;
}
nav .menu1{
	text-align:center;
	padding-top:0px;
	z-index:30000;
}
/* PC */
@media only screen and (min-width: 990px){
	nav .btn{
		display:none;
	}
	nav .menu1{
		display:inline-block;
		padding-top:5px;
	}
}
.clearboth{clear:both;}


@media only screen and (max-width: 989px){
	#motto{
	width:65%
	}
}