body{
	background-color:white;
	background-color:rgba(65,105,225,0.4); /*#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;*/
}
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;}
.fs46	{font-size:46px;}
.fs48	{font-size:48px;}
.fs72	{font-size:72px;}

#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%;
	}
}

h1{
	margin-left:45px;
}
#aoyama-pic{
	position:absolute;
	top:30px;
	left:0px;
	z-index:9998;
	/*background-color:#5c9ddb;*/
}
#aoyama-pic2{
	position:absolute;
	top:30px;
	left:0px;
	z-index:0;
}

@media only screen and (max-width: 989px){
	#aoyama-pic img{width:100%;}
	#aoyama-pic2 img{width:100%;}
}
#slide{
	margin:0 auto;
	width:900px;
	padding-top:15px;
}

#name-bar{
	margin:5px auto 0 auto;
	width:907px;
}
@media only screen and (max-width: 989px){
	#slide{
		width:90%;
	}
	#name-bar{
		width:91%;
	}

}

#massaki{
	float:right;
	width:211px;
	margin-right:10px;
	position:relative;
	margin-top:-10px;
	z-index:9999;
}
@media only screen and (max-width: 989px){
	#massaki{
		display:none;
	}
}






#button{
	position:absolute;
	top:620px;
	left:0px;
	width:980px;
	height:170px;
	z-index:9999;
}
#button .btn{
	width:202px;
	height:72px;
}
#button .btn a{
	display:block;
	width:202px;
	height:72px;
	text-indent:-9999px;
	outline:0;

}
.btn1{
	margin:32px 0 0 10px;
}
.btn2{
	margin:-72px 0 0 232px;
}
.btn3{
	margin:-72px 0 0 452px;
}
.btn4{
	margin:20px 0 0 115px;
}
.btn5{
	margin:-72px 0 0 337px;
}
.btn6{
	margin:-72px 0 0 557px;
}
.btn7{
	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/btn05.jpg) top left no-repeat transparent;
}
.btn5 a:hover{
	background:url(../images/btn05.jpg) bottom left no-repeat transparent;
}
.btn6 a{
	background:url(../images/btn06.jpg) top left no-repeat transparent;
}
.btn6 a:hover{
	background:url(../images/btn06.jpg) bottom left no-repeat transparent;
}
.btn7 a{
	background:url(../images/btn07.jpg) top left no-repeat transparent;
}
.btn7 a:hover{
	background:url(../images/btn07.jpg) bottom left no-repeat transparent;
}

#pc{
	display:none
}
#sumaho{
	display:block;
}

@media only screen and (max-width: 989px){
/*	#button,.btn,.bin1,.bin2,.bin3,.btn4,.btn5,.btn6,.btn7{
		display:none;
	}*/
	#sumaho{
		display:block
	}
	#pc{
		display:none;
	}
}

#aisatsu{
	margin:0 auto;
	margin-top:0px;
	padding-bottom:10px;
	width:800px;
	border:double 3px blue;
	border-radius:5px;
}

@media only screen and (max-width: 989px){
	#aisatsu{
		width:90%;
	}
}
#aisatsu .douga-top{
	width:80%;
	height:auto;
	aspect-ratio:1.78;
	text-align:center;
	margin:0 auto;
}
#aisatsu .douga-top iframe{
	width:100%;
	height:auto;
	aspect-ratio:1.78;
	border-radius:10px;
}

#saikin{
	margin:0 auto;
	margin-top:50px;
	width:800px;
	height:1000px;
	border:double 3px blue;
	border-radius:5px;
}
#saikinx{
	width:700px;
	height:900px;
}

@media only screen and (max-width: 989px){
	#saikin{
		width:90%;
		height:auto;
		margin-bottom:250px;
	}
	#saikinx{
		width:95%;
		height:auto;
	}
}

/* 活動記録 */
.new-post{
	padding: 0 0 10px 0;
	width: 660px;
	float: left;
}
.new-post h2{
	margin-top:10px;
	margin-left:30px;
	font-size:30px;
}
.post-waku{
	margin:20px 0 0 25px;
	width:610px;
	border:double 3px blue;"
}
@media only screen and (max-width: 989px){
	.post-waku{
		margin:10px auto;
		width:95%;
	}
	.clear img{
		width:100%;
	}
}

.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;
}

#whatsnews{
	clear:both;
	width:500px;
	margin:50px 0 0 45px;
	position:relative;
}
#news{
	position:absolute;
	top:20px;
	left:105px;
	width:490px;
	height:130px;
	margin:5px;
	overflow:scroll;
	font-size:15px;
	line-height:20px;
}
@media only screen and (max-width: 989px){
	#whatsnews img{
		margin-top:-20%;
		padding-top:10%;
		width:80%;
	}
	#news{
		top:-27%;
		left:13%;
		width:65%;
		height:35%;
		font-size:72%;
		overflow:scroll;
	}
}

#news td{
	padding-left:10px;
}
th{
background:url(../images/tnm.png) no-repeat left top;
padding-left:25px;
}

#footer{
	width:905px;
	margin:-200px 0 0 63px;
	position:relative;
}
@media only screen and (max-width: 989px){
	#footer{
		width:91%;
	}
}
#footer img{
	width:100%;
}

#pagetop{
	position:absolute;
	top:33px;
	right:26px;
}
#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);
}
nav{
	clear:both;
	margin-top:150px;
	padding-top:0px;
	z-index:20000;
}
/* Smart Phone */
@media only screen and (max-width: 989px){
	nav{margin-top:0px;}
	nav .btn{
		display:inline-block;
		margin-top:20%;
		margin-bottom:20px;
		margin-left:10px;
		float:left;
		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-bottom:10px;
	}
}
.clearboth{clear:both;}



#whatsnews{
	display:block;
}
#motto{
	display:none;
}

@media only screen and (max-width: 989px){
	#motto{
		padding-top:10px;
		margin-left:0;
		display:block;
		width:65%;
	}
	#whatsnews{
		display:none;
	}
	-webkit-scrollbar{
		width:12px;
	}

}